/* ==========================================================================
   Navigation — Sticky Header + Mobile Drawer
   Bird Promotions v2.0.0
   ========================================================================== */

/* ── Ticker strip above nav ── */
.bp-ticker {
  background: var(--bp-gold);
  color: var(--bp-black);
  height: var(--bp-ticker-height);
  overflow: hidden;
  position: sticky;
  top: 0;
  z-index: calc(var(--bp-z-nav) + 1);
}
.bp-ticker__inner  { height: 100%; display: flex; align-items: center; overflow: hidden; }
.bp-ticker__track  { display: flex; gap: 0; white-space: nowrap; will-change: transform; animation: bp-ticker-scroll 30s linear infinite; }
.bp-ticker__item   { display: inline-flex; align-items: center; gap: var(--bp-space-3); padding-inline: var(--bp-space-4); font-family: var(--bp-font-body); font-size: var(--bp-text-xs); font-weight: 700; letter-spacing: var(--bp-tracking-wide); text-transform: uppercase; }
.bp-ticker__sep    { color: rgba(0,0,0,0.3); font-size: 8px; }
.bp-ticker__link   { color: var(--bp-black); text-decoration: underline; text-underline-offset: 2px; }
@keyframes bp-ticker-scroll { from { transform: translateX(0); } to { transform: translateX(-33.333%); } }
.bp-ticker__track:hover { animation-play-state: paused; }

/* ── Sticky nav ── */
.bp-nav {
  position: sticky;
  top: 0;
  z-index: var(--bp-z-nav);
  width: 100%;
  height: var(--bp-nav-height);
  background: rgba(9, 9, 11, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: var(--bp-border-1);
  transition: border-color var(--bp-transition-base), background-color var(--bp-transition-base);
}
.bp-nav.has-ticker { top: var(--bp-ticker-height); }
.bp-nav.is-scrolled { background: rgba(9, 9, 11, 0.98); border-bottom-color: var(--bp-gold-border); }
.bp-nav__inner { height: 100%; display: flex; align-items: center; gap: var(--bp-space-8); }

/* Logo */
.bp-nav__logo { display: flex; align-items: center; flex-shrink: 0; }
.bp-nav__logo img { height: 36px; width: auto; }
.bp-nav__logo-text { font-family: var(--bp-font-display); font-size: var(--bp-text-md); font-weight: 700; text-transform: uppercase; letter-spacing: var(--bp-tracking-tight); color: var(--bp-white); }

/* Desktop menu */
.bp-nav__menu { flex: 1; }
.bp-nav__list { display: flex; align-items: center; gap: var(--bp-space-1); list-style: none; }
.bp-nav__list a {
  display: block;
  padding: var(--bp-space-2) var(--bp-space-3);
  font-family: var(--bp-font-body);
  font-size: var(--bp-text-xs);
  font-weight: 700;
  letter-spacing: var(--bp-tracking-wider);
  text-transform: uppercase;
  color: var(--bp-text-muted);
  transition: color var(--bp-transition-fast);
  white-space: nowrap;
  border-radius: var(--bp-radius-sm);
}
.bp-nav__list a:hover,
.bp-nav__list .current-menu-item > a,
.bp-nav__list .current-page-ancestor > a { color: var(--bp-gold); }
.bp-nav__cta { flex-shrink: 0; }

/* Hamburger */
.bp-nav__hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: var(--bp-radius-sm);
  transition: background-color var(--bp-transition-fast);
  flex-shrink: 0;
}
.bp-nav__hamburger:hover { background: rgba(255,255,255,0.06); }
.bp-nav__bar {
  display: block;
  width: 100%;
  height: 2px;
  background: var(--bp-white);
  border-radius: 1px;
  transition: transform var(--bp-transition-base), opacity var(--bp-transition-base);
  transform-origin: center;
}
.bp-nav__hamburger[aria-expanded="true"] .bp-nav__bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.bp-nav__hamburger[aria-expanded="true"] .bp-nav__bar:nth-child(2) { opacity: 0; transform: scaleX(0); }
.bp-nav__hamburger[aria-expanded="true"] .bp-nav__bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ── Mobile slide-in drawer ── */
.bp-mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: min(320px, 85vw);
  height: 100vh;
  height: 100dvh;
  background: var(--bp-black-mid);
  border-left: var(--bp-border-1);
  z-index: calc(var(--bp-z-nav) + 10);
  transform: translateX(100%);
  transition: transform var(--bp-transition-slow);
  will-change: transform;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.bp-mobile-menu[aria-hidden="false"],
.bp-mobile-menu.is-open { transform: translateX(0); }
.bp-mobile-menu__inner { padding: var(--bp-space-6); display: flex; flex-direction: column; gap: var(--bp-space-6); min-height: 100%; }
.bp-mobile-menu__close {
  align-self: flex-end;
  width: 36px; height: 36px;
  background: none; border: var(--bp-border-1); border-radius: 50%;
  cursor: pointer; font-size: 14px;
  color: var(--bp-text-muted);
  transition: color var(--bp-transition-fast), border-color var(--bp-transition-fast);
}
.bp-mobile-menu__close:hover { color: var(--bp-gold); border-color: var(--bp-gold-border); }
.bp-mobile-menu__list { list-style: none; display: flex; flex-direction: column; gap: var(--bp-space-1); }
.bp-mobile-menu__list a {
  display: block;
  padding: var(--bp-space-3) var(--bp-space-4);
  font-family: var(--bp-font-display);
  font-size: var(--bp-text-md);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--bp-tracking-tight);
  color: var(--bp-text-secondary);
  border-radius: var(--bp-radius-sm);
  transition: background-color var(--bp-transition-fast), color var(--bp-transition-fast);
}
.bp-mobile-menu__list a:hover { background: rgba(255,255,255,0.04); color: var(--bp-gold); }
.bp-mobile-menu__cta { width: 100%; justify-content: center; }

/* Overlay scrim */
.bp-mobile-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.7);
  z-index: calc(var(--bp-z-nav) + 5);
  opacity: 0; pointer-events: none;
  transition: opacity var(--bp-transition-slow);
}
.bp-mobile-overlay.is-visible { opacity: 1; pointer-events: auto; }

/* ── Responsive ── */
@media (max-width: 1023px) {
  .bp-nav__menu,
  .bp-nav__cta   { display: none; }
  .bp-nav__hamburger { display: flex; }
}