/* ===============================
   0) 모바일 전용 (991px 이하)
=============================== */
@media (max-width: 991.98px) {
  .mobile-topbar {
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    z-index: 1200;
    background: transparent !important;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }

  /* 기본 패딩: 홈은 배너 오버레이니까 패딩 없음 */
  body:not(.home) { padding-top: 56px; }
  body.home { padding-top: 0; }

  /* 햄버거 버튼 */
  .mobile-topbar .mobile-menu-btn {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
  }

  .mobile-topbar .mobile-menu-btn i {
    font-size: 1.6rem;
  }

  /* 아이콘 기본 크기 */
  .mobile-topbar .icon-link {
    font-size: 1.4rem;
  }

  /* 중앙 로고 */
  .mobile-topbar .navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
  }

  .mobile-topbar .mobile-logo {
    height: 28px;
    content: url('/include/image/transparent_logo.png') !important; /* 기본 검정 로고 */
  }

  /* 우측 아이콘 */
  .mobile-topbar .nav-link {
    font-size: 1rem;
  }

  /* ===============================
     색상 제어 (기본 검정 / 배너 위는 흰색)
  =============================== */
/* 기본: 검정 */
.mobile-topbar .mobile-menu-btn i,
.mobile-topbar .icon-link {
  color: #111;
}

/* body에 .at-hero 클래스가 있을 때만 흰색 */
body.home.at-hero .mobile-topbar .mobile-menu-btn i,
body.home.at-hero .mobile-topbar .icon-link {
  color: #fff;
}


  body.home .hero-white .mobile-topbar .mobile-logo {
    content: url('/include/image/bbcpork_logo_white.png') !important;
  }
}

/* ===============================
   1) 모바일 메뉴 아코디언
=============================== */
#mobileMenuAcc {
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: .5rem;
  overflow: hidden;
}
#mobileMenuAcc .accordion-item { border: 0; }
#mobileMenuAcc .accordion-header { margin: 0; }

#mobileMenuAcc .accordion-button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  color: #212529;
}
#mobileMenuAcc .accordion-button.collapsed {
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.08);
}

/* 리프 전용 링크 */
#mobileMenuAcc .accordion-header .acc-link {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  background: #fff;
  color: #212529;
  text-decoration: none !important;
  border: 0;
  border-radius: 0;
  line-height: 1.5;
  font-size: 1rem;
}
#mobileMenuAcc .accordion-header .acc-link.collapsed {
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.08);
}

/* 마지막 항목 하단 구분선 제거 */
#mobileMenuAcc .accordion-item:last-child .accordion-button.collapsed,
#mobileMenuAcc .accordion-item:last-child .acc-link.collapsed {
  box-shadow: none;
}

/* 리프 화살표 없애기 */
#mobileMenuAcc .acc-link::after { display: none !important; }

/* box-sizing 강제 */
#mobileMenuAcc .accordion-header .acc-link,
#mobileMenuAcc .accordion-button {
  box-sizing: border-box !important;
}

/* 리프도 버튼과 동일 룩 */
#mobileMenuAcc .acc-link {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  background: #fff;
  color: #212529;
  text-decoration: none !important;
  border: 0;
  border-radius: 0;
  line-height: 1.5;
  font-size: 1rem;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.08);
}
#mobileMenuAcc .accordion-item:last-child .acc-link { box-shadow: none; }


/* ================
      25.09.10
=================== */

body.home.at-hero .mobile-topbar .mobile-menu-btn i,
body.home.at-hero .mobile-topbar .icon-link,
body.home.at-hero .mobile-topbar .nav-link {
  color: #fff !important;
}

/* 클릭, 포커스, active 상태에서도 흰색 유지 */
body.home.at-hero .mobile-topbar .mobile-menu-btn i:focus,
body.home.at-hero .mobile-topbar .mobile-menu-btn i:active,
body.home.at-hero .mobile-topbar .icon-link:focus,
body.home.at-hero .mobile-topbar .icon-link:active,
body.home.at-hero .mobile-topbar .nav-link:focus,
body.home.at-hero .mobile-topbar .nav-link:active {
  color: #fff !important;
}

/*모바일 모드 - 메인 화면에서 햄버거바 문제 부분 */
/*!* 아코디언 버튼도 덮어쓰기 *!*/
/*body.home.at-hero #mobileMenuAcc .accordion-button,*/
/*body.home.at-hero #mobileMenuAcc .accordion-button.collapsed {*/
/*  color: #fff !important;*/
/*  background: transparent !important;*/
/*}*/