/* ===== Sticky header (navy + stripe pattern) ===== */
.bf-header{
  position:fixed; top:0; left:0; right:0; height:var(--header-h);
  z-index:1000;
  display:flex; align-items:center;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0px, transparent 30px,
      rgba(234,81,131,0.45) 30px, rgba(234,81,131,0.45) 46px,
      transparent 46px, transparent 74px,
      rgba(12,82,133,0.30) 74px, rgba(12,82,133,0.30) 86px
    ),
    linear-gradient(150deg, #0C5285 0%, #0A3D6B 100%);
  color:#fff;
  box-shadow:0 2px 18px rgba(8,40,70,.18);
}
.bf-header__inner{
  width:100%; max-width:1320px; margin:0 auto; padding:0 var(--space-lg);
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:var(--space-lg);
}

/* ===== Logo ===== */
.bf-logo{display:flex; align-items:center; height:56px}
.bf-logo .custom-logo-link, .bf-logo .custom-logo{display:block; height:56px; width:auto}
.bf-logo .custom-logo{max-height:56px; width:auto}
.bf-logo__fallback{
  color:#fff; font-family:var(--font-display); font-size:1.2rem;
  letter-spacing:-.01em; text-decoration:none;
}
.bf-logo .amp{color:var(--color-rose)}

/* ===== Video scrubbing slot ===== */
.bf-scrub{
  position:relative; width:200px; height:96px;
  display:flex; justify-content:center; align-items:center;
  margin:0 auto;
}
.bf-scrub video, .bf-scrub img{
  max-width:100%; max-height:100%;
  object-fit:contain;
}

/* ===== Nav ===== */
.bf-nav{display:flex; align-items:center; gap:var(--space-lg); justify-content:flex-end}
.bf-nav__links{display:flex; gap:1.5rem; list-style:none; margin:0; padding:0}
.bf-nav__links li{margin:0}
.bf-nav__links a{
  font-family:var(--font-body);
  font-size:.7rem; letter-spacing:.09em; text-transform:uppercase;
  color:#fff; font-weight:600; opacity:.85; transition:opacity .15s;
  padding:.5rem 0; position:relative;
  text-decoration:none;
}
.bf-nav__links a:hover{opacity:1}
.bf-nav__links a:hover::after,
.bf-nav__links .current-menu-item > a::after{
  content:""; position:absolute; bottom:0; left:0; right:0; height:1.5px; background:var(--color-rose);
}
.bf-lang{
  font-family:var(--font-body);
  font-size:.7rem; letter-spacing:.12em; opacity:.7;
  display:flex; gap:.4rem; align-items:center; font-weight:600;
}
.bf-lang a{color:#fff; text-decoration:none}
.bf-lang a.active{opacity:1; color:var(--color-rose)}
.bf-nav__cta{padding:.65rem 1.3rem; font-size:.78rem; min-height:auto}

/* ===== Hamburger ===== */
.bf-burger{
  display:none; background:none; border:0; color:#fff; cursor:pointer;
  width:44px; height:44px; align-items:center; justify-content:center;
  padding:0;
}
.bf-burger span{display:block; width:22px; height:2px; background:#fff; position:relative}
.bf-burger span::before, .bf-burger span::after{
  content:""; position:absolute; left:0; width:22px; height:2px; background:#fff;
  transition:transform .2s ease, top .2s ease;
}
.bf-burger span::before{top:-7px}
.bf-burger span::after{top:7px}
.bf-burger[aria-expanded="true"] span{background:transparent}
.bf-burger[aria-expanded="true"] span::before{top:0; transform:rotate(45deg)}
.bf-burger[aria-expanded="true"] span::after{top:0; transform:rotate(-45deg)}

/* ===== Mobile nav overlay ===== */
.bf-mobile-nav{
  position:fixed; inset:0; z-index:1100;
  background:var(--color-navy);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; transition:opacity .2s ease, visibility .2s ease;
  padding:var(--space-xl);
}
.bf-mobile-nav.is-open{opacity:1; visibility:visible}
.bf-mobile-nav__close{
  position:absolute; top:16px; right:16px;
  width:44px; height:44px; background:none; border:0;
  color:#fff; font-size:2rem; line-height:1; cursor:pointer;
}
.bf-mobile-nav__links{
  list-style:none; padding:0; margin:0 0 var(--space-xl);
  display:flex; flex-direction:column; gap:var(--space-md);
  text-align:center;
}
.bf-mobile-nav__links a{
  color:#fff; font-family:var(--font-display); font-size:1.5rem;
  text-decoration:none; padding:.5rem 1rem; display:block;
}
.bf-mobile-nav__links a:hover{color:var(--color-rose)}
.bf-mobile-nav__lang{
  margin-top:var(--space-lg); color:rgba(255,255,255,.7);
  font-size:.85rem; letter-spacing:.12em;
}
.bf-mobile-nav__lang a{color:#fff; text-decoration:none; padding:.5rem}

/* ===== Responsive ===== */
@media (max-width:768px){
  .bf-header{height:var(--header-h-mobile)}
  .bf-header__inner{grid-template-columns:auto 1fr auto; gap:var(--space-sm); padding:0 var(--space-md)}
  .bf-logo, .bf-logo .custom-logo-link, .bf-logo .custom-logo{height:36px; max-height:36px}
  .bf-scrub{width:70px; height:50px}
  .bf-nav__links, .bf-nav__cta, .bf-lang{display:none}
  .bf-burger{display:flex}
}