/* ============================================================
   IBC — MASTER HEADER  (shared by English, Vietnamese and Simplified Chinese)

   This is the single navigation component for the whole site. Every page in
   every language loads this file and renders the same markup, so a header can
   no longer differ from one page to the next.

   Per-LANGUAGE differences are intentional and are layered on top of this file,
   never inside it:
       Vietnamese →  html[lang="vi"] rules in styles.css   (Be Vietnam Pro,
                     which carries the Vietnamese diacritics Manrope lacks)
       Chinese    →  zh-cn/zh.css                          (CJK font stack,
                     letter-spacing and line-height tuned for Han characters)
       English    →  the values below
   Do not add per-page overrides here. If a page needs something different,
   that is a bug in the page, not in the header.
   ============================================================ */

.home-site-header{
  background:#fff;
  border-bottom:1px solid #e8edf3;
  box-shadow:none;
  backdrop-filter:none;
}
.home-site-header.scrolled{
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 30px -24px rgba(6,34,66,.42);
}
.home-nav-shell{
  width:min(1460px, calc(100% - 72px));
  min-height:78px;   /* was 88 — converges with the interior header (audit finding 1) */
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.home-logo .logo-img{height:57px;width:auto}
.home-nav-links{gap:12px;flex:1;justify-content:center}
.home-nav-links > a,
.home-nav-links .dd-toggle{
  position:relative;
  padding:31px 8px 27px;
  border-radius:0;
  color:#102a49;
  font-size:15px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
.home-nav-links > a:hover,
.home-nav-links .dd-toggle:hover,
.home-nav-links > a:focus-visible,
.home-nav-links .dd-toggle:focus-visible{
  color:#102a49;
  background:transparent;
}
.home-nav-links > a::after,
.home-nav-links .dd-toggle::after{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  bottom:20px;
  height:2px;
  background:#e9a90c;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .2s ease;
}
.home-nav-links > a:hover::after,
.home-nav-links .dd-toggle:hover::after,
.home-nav-links > a:focus-visible::after,
.home-nav-links .dd-toggle:focus-visible::after,
.home-nav-links > a.home-nav-active::after{
  transform:scaleX(1);
}
.home-nav-links > a.home-nav-active{color:#102a49}
.home-site-header .dd-menu.mega{top:78px}
.home-nav-right{gap:12px}
.home-header-cta{
  min-width:220px;
  padding:16px 24px;
  border-radius:6px;
  font-size:14px;
  box-shadow:0 10px 22px -13px rgba(200,55,45,.7);
  background:var(--seal);
}
.home-header-cta:hover{
  box-shadow:0 12px 26px -13px rgba(200,55,45,.85);
}

@media (max-width:1240px){
  .home-nav-shell{width:min(1180px, calc(100% - 44px));gap:18px}
  .home-header-cta{min-width:auto;padding:14px 18px}
}

@media (max-width:980px){
  .home-nav-shell{min-height:72px;width:calc(100% - 40px)}
  .home-logo .logo-img{height:48px}
  .home-header-cta{display:inline-flex}
}

@media (max-width:620px){
  .home-nav-shell{min-height:70px;width:calc(100% - 30px)}
  .home-logo .logo-img{height:42px}
  .home-header-cta{display:none}
}