/* ===============================
   1) 공통: 로고 기본(검정)
   - 홈이 아닌 모든 페이지 / 기본 폴백
=============================== */
.navbar-brand img{
  content: url('/include/image/transparent_logo.png') !important;
  height: 48px;            /* 필요시 조절 */
  max-height: 60px;
  display: block;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ===============================
   2) 홈 배너 위 기본: 흰색 로고
   - 배너 오버레이 상태(투명 헤더)에서만 흰색
=============================== */
.home nav.navbar .navbar-brand img,
.home .site-header nav.navbar .navbar-brand img{
  content: url('/include/image/bbcpork_logo_white.png') !important;
  transition: all .25s ease;
}

/* ===============================
   3) 홈에서 스크롤/전환/드롭다운/호버 시: 검정 로고로 전환
=============================== */
.home .site-header.scrolled .navbar-brand img{
  content: url('/include/image/transparent_logo.png') !important;
}

/* 배너 구역에서 메뉴바 호버 또는 드롭다운 열림 시도 검정 */
.home .site-header:not(.scrolled) nav.navbar:hover .navbar-brand img,
.home .site-header:not(.scrolled) nav.navbar:has(.dropdown.show) .navbar-brand img{
  content: url('/include/image/transparent_logo.png') !important;
}

/* ===============================
   4) 데스크탑/모바일 정렬 보정 (선택)
=============================== */

/* 데스크탑에서만 좌측 오프셋이 필요하면 여기서만 적용 */
@media (min-width: 992px){
  .navbar-brand{ margin-left: -100px; } /* 사용 중인 오프셋 유지 */
}

/* 모바일에서는 중앙 정렬(원하면 사용) */
@media (max-width: 991.98px){
  nav.navbar .container{
    position: relative;
    min-height: 56px; /* 헤더 높이 확보 */
  }
  nav.navbar .navbar-brand{
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;         /* 데스크탑용 여백 제거 */
  }
  
}

@media (max-width: 991.98px){
  /* 컨테이너 기준 잡기 */
  nav.navbar .container { position: relative; }

  /* 로고 중앙 고정 */
  nav.navbar .navbar-brand{
    position: absolute;
    left: 50%;
    top: 8px;
    transform: translateX(-50%);
    margin: 0 !important;
  }
  /* 로고 이미지: 흰색 파일로 고정 */
  nav.navbar .navbar-brand img{
    height: 28px;                 /* 필요시 조절 */
    content: url('/include/image/bbcpork_logo_white.png') !important;
  }

  /* 햄버거 토글러는 왼쪽 */
  nav.navbar .navbar-toggler{
    position: absolute;
    left: 12px;
    top: 6px;
  }
}

/* 홈(배너 위)에서 데스크탑일 때도 흰색 로고가 필요하면 추가 */
.home .site-header:not(.scrolled) .navbar-brand img{
  content: url('/include/image/bbcpork_logo_white.png') !important;
}