/* ========================================
   FORCE HAMBURGER MENU ON ALL SCREEN SIZES
   CRITICAL: Do NOT add media queries that hide the hamburger!
   ======================================== */

/* Hide desktop navigation links, show hamburger button on ALL sizes */
.site-header-2025 .wp-block-navigation__responsive-container,
.site-header-2025 .wp-block-navigation__responsive-container-content {
  display: none !important;
}

/* HAMBURGER BUTTON: Always visible on ALL breakpoints */
.site-header-2025 .wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-open {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  min-height: 44px !important;
  background: transparent !important;
  border: none !important;
  color: white !important;
  cursor: pointer !important;
}

/* Style hamburger button consistently */
.site-header-2025 .wp-block-navigation__responsive-container-open:hover {
  background: rgba(255, 215, 0, 0.1) !important;
}

.site-header-2025 .wp-block-navigation__responsive-container-open svg {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
}

/* CRITICAL: Force MENU PANEL hidden state on page load to prevent flash */
/* This prevents menu appearing behind DOM before JS initializes */
/* NOTE: This hides the PANEL, not the hamburger button! */
.wp-block-navigation__responsive-container:not(.is-menu-open),
.wp-block-navigation__responsive-container.hidden-by-default:not(.is-menu-open) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* FIX: Ensure container moved to body doesn't take up layout space */
body > .wp-block-navigation__responsive-container:not(.is-menu-open) {
  display: none !important;
}

/* Only show MENU PANEL when explicitly opened via is-menu-open class */

/* ========================================
   DROPDOWN GLASS NAVIGATION
   Mobile menu appears as dropdown below hamburger button
   NOT a centered popup - this is a DROPDOWN!
   ======================================== */

/* ========================================
   CRITICAL FIX: BACKDROP-FILTER CONTAINING BLOCK
   Per CSS spec, backdrop-filter creates a new containing block
   that traps position:fixed elements. When menu opens, we must
   disable backdrop-filter on the header so the dropdown can
   position relative to the VIEWPORT, not the header.
   See FAIL-019 in learning registry.
   ======================================== */
body.has-modal-open .site-header-2025,
body.has-modal-open .site-header-glass,
body.has-modal-open .wp-block-group.header,
html.has-modal-open .site-header-2025,
html.has-modal-open .site-header-glass,
html.has-modal-open .wp-block-group.header {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  /* Keep background visible but without blur trap */
  background: rgba(26, 26, 26, 0.95) !important;
}
/* CONTAINER: Transparent overlay for click-outside detection */
html body .wp-block-navigation__responsive-container.is-menu-open,
html body .wp-block-navigation__responsive-container.hidden-by-default.is-menu-open,
html body #modal-1.is-menu-open {
  /* Full viewport coverage for click-outside detection */
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  max-height: none !important;
  min-height: 0 !important;

  /* Semi-transparent backdrop */
  background: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  /* No border, radius, or shadow */
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  /* Reset margins */
  margin: 0 !important;
  padding: 0 !important;

  /* Z-index for backdrop */
  z-index: 100000 !important;

  /* Visibility */
  visibility: visible !important;
  opacity: 1 !important;

  /* Box sizing */
  box-sizing: border-box !important;

  /* Layout */
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;

  /* No transforms */
  transform: none !important;
}

/* DIALOG/CLOSE WRAPPERS: Pass-through for positioning */
html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog,
html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
  position: relative !important;
}

/* CONTENT PANEL: Dropdown card - positioned below hamburger button */
html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  /* DROPDOWN POSITIONING - below hamburger, right-aligned */
  position: fixed !important;
  top: 115px !important;  /* Below header */
  right: 16px !important;  /* Aligned with hamburger button */
  left: auto !important;
  bottom: auto !important;

  /* HIGH Z-INDEX to appear above all content */
  z-index: 9999999 !important;

  /* Card dimensions - Narrow, fitting content exactly due to user request */
  width: max-content !important;
  min-width: 180px !important;
  max-width: 260px !important;
  height: auto !important;
  max-height: calc(100vh - 150px) !important;
  min-height: 0 !important;

  /* Reset margin */
  margin: 0 !important;

  /* GLASSMORPHISM STYLING - darker background */
  background: rgba(18, 18, 18, 0.95) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;

  /* Gold border and PILL-SHAPED rounded corners */
  border: 2px solid rgba(255, 215, 0, 0.7) !important;
  border-radius: 24px !important;
  box-shadow: 
    0 15px 50px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(255, 215, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;

  /* Internal padding - top padding for close button, side padding for text */
  padding: 80px 20px 28px 20px !important;

  /* Scrollable if content overflows */
  overflow-y: auto !important;
  overflow-x: hidden !important;

  /* Enable pointer events on card */
  pointer-events: auto !important;

  /* Vertical flex layout for nav items - CENTERED TEXT */
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;

  /* Dropdown animation - slide down from top-right */
  animation: dropdownSlideIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  transform-origin: top right !important;
}

@keyframes dropdownSlideIn {
  0% {
    opacity: 0;
    transform: translateY(-10px) scale(0.98);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* NAVIGATION LIST: Centered vertical stack */
html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* NAVIGATION ITEMS */
html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

/* NAVIGATION LINKS - Centered text */
html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 12px 20px !important;

  /* Typography - centered */
  font-family: var(--wp--preset--font-family--heading, 'Montserrat', sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;

  /* White text for regular items */
  color: #FFFFFF !important;

  /* Rounded pill backgrounds */
  border-radius: 8px !important;
  background: transparent !important;
  border: 2px solid transparent !important;

  /* FORCE Box Sizing to prevent layout discrepancies across templates */
  box-sizing: border-box !important;

  /* Smooth transitions */
  transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease !important;
}

/* HOVER STATE */
html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
  background: rgba(255, 215, 0, 0.15) !important;
  color: #FFD700 !important;
  transform: scale(1.02) !important;
}

/* ACTIVE/CURRENT PAGE - Gold pill button */
html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[aria-current="page"],
html body .wp-block-navigation__responsive-container.is-menu-open .current-menu-item .wp-block-navigation-item__content,
html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current_page_item .wp-block-navigation-item__content {
  background: rgba(180, 140, 20, 0.9) !important;
  color: #1a1a1a !important;
  border: 1px solid rgba(255, 215, 0, 0.6) !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}

/* CLOSE BUTTON: Top-right INSIDE the menu card - positioned absolutely since JS moves it inside */
html body .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close,
html body .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close:focus {
  /* ABSOLUTE positioning - relative to the menu card */
  /* This ensures it stays IN the card, not floating on screen */
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  left: auto !important;
  bottom: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;

  background: rgba(40, 40, 40, 0.9) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  border-radius: 50% !important;
  color: rgba(255, 215, 0, 0.95) !important;
  cursor: pointer !important;

  pointer-events: auto !important;
  /* High z-index to prevent partial occlusion/bouncing */
  z-index: 100005 !important;

  /* Matches style.css - NO transform transition */
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
  transform: none !important;
}

html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:hover {
  background: rgba(255, 215, 0, 0.25) !important;
  color: #FFD700 !important;
  /* No transform - prevent jumps */
  transform: none !important;
}

html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
}

/* Hamburger button styling */
.wp-block-navigation__responsive-container-open {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  min-height: 44px !important;
  background: transparent !important;
  border: none !important;
  color: white !important;
  cursor: pointer !important;
}

/* MOBILE ADJUSTMENTS - Keep right-aligned dropdown */
@media (max-width: 480px) {
  html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    /* Stay right-aligned */
    right: 12px !important;
    left: auto !important;
    width: max-content !important;
    max-width: 260px !important;
    min-width: 180px !important;
  }

  html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    font-size: 13px !important;
    min-height: 42px !important;
    padding: 10px 18px !important;
  }
}

/* ADMIN BAR OFFSET */
body.admin-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  top: 147px !important;  /* 115px + 32px admin bar */
}

@media (max-width: 782px) {
  body.admin-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    top: 161px !important;  /* 115px + 46px mobile admin bar */
  }
}

/* ========================================
   MIGRATED NAVIGATION STYLES (from style.css)
   ======================================== */

/* Navigation Links */
.wp-block-navigation-item__content {
  font-family: var(--font-heading) !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  position: relative;
}

.nav-logo img {
  height: 50px !important;
  width: auto !important;
  transition: all 0.3s ease;
}

.site-header-2025 .wp-block-navigation-item__content {
  color: var(--white) !important;
  font-family: var(--font-heading) !important;
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  transition: color 0.3s ease !important;
}

.site-header-2025 .wp-block-navigation-item__content:hover {
  color: var(--golden-yellow) !important;
}

.wp-block-navigation-item__content:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--golden-yellow);
  transition: width 0.3s ease;
}

.wp-block-navigation-item__content:hover:after {
  width: 100%;
}

/* Header CTA Button */
.header-cta .wp-block-button__link {
  box-shadow: var(--shadow-button);
  transition: all 0.3s ease !important;
  color: var(--white) !important;
}

.header-cta .wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-gold);
  color: var(--white) !important;
}

/* Nav CTA Button */
.nav-cta .wp-block-button__link {
  background: var(--gradient-gold-shimmer) !important;
  color: var(--rich-black) !important;
  box-shadow: var(--shadow-button);
  transition: all 0.3s ease !important;
}

.nav-cta .wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-gold);
}

/* Ensure navigation wrapper doesn't stretch or center in header */
/* FIX: Ensure the group containing Nav + Button is flex on desktop too */
.site-header-2025 > .wp-block-group > .wp-block-group:last-child {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 20px !important;
  width: auto !important; /* Prevent taking full width */
  flex-grow: 0 !important; /* Do not grow */
}

/* Ensure navigation wrapper doesn't stretch or center in header */
.site-header-2025 .wp-block-navigation {
  width: auto !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  margin: 0 !important; /* Remove all auto margins */
  display: flex !important;
  align-items: center !important;
}

/* Ensure hamburger button itself doesn't have auto margins */
.site-header-2025 .wp-block-navigation__responsive-container-open {
  margin: 0 !important;
}

/* Navigation wrapper should not take full width */
.site-header-2025 nav.wp-block-navigation {
  justify-content: flex-end !important;
}

/* Enhanced focus for elements within glass navigation */
.wp-block-navigation__responsive-container.is-menu-open a:focus,
.wp-block-navigation__responsive-container.is-menu-open button:focus,
.wp-block-navigation__responsive-container.is-menu-open [role="button"]:focus,
.wp-block-navigation__responsive-container.is-menu-open
  [role="menuitem"]:focus {
  /* Force focus above glass effects with enhanced visibility */
  outline: 3px solid #ffd700 !important;
  outline-offset: 2px !important;
  box-shadow:
    0 0 0 3px #ffd700,
    0 0 12px rgba(255, 215, 0, 0.8) !important;
  position: relative !important;
  z-index: 10 !important;
  background: rgba(255, 215, 0, 0.25) !important;
}

/* Reduced motion support for glass navigation animations */
@media (prefers-reduced-motion: reduce) {
  /* Disable all glass navigation animations while maintaining functionality */
  .wp-block-navigation__responsive-container.is-menu-open,
  .wp-block-navigation__responsive-container:not(.is-menu-open),
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open .nav-cta,
  .wp-block-navigation__responsive-container-close,
  .wp-block-navigation__responsive-container-overlay {
    animation: none !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.1s !important; /* Keep minimal transition for usability */
  }

  /* Ensure glass navigation still appears instantly for reduced motion users */
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open .nav-cta,
  .wp-block-navigation__responsive-container-close {
    opacity: 1 !important;
    transform: none !important;
  }

  /* Disable hover transforms but keep color changes for feedback */
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:hover,
  .wp-block-navigation__responsive-container.is-menu-open
    .nav-cta
    .wp-block-button__link:hover,
  .wp-block-navigation__responsive-container-close:hover {
    transform: none !important;
  }
}

/* Touch target accessibility */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close,
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open
    .nav-cta
    .wp-block-button__link {
    min-height: 48px !important;
    min-width: 48px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
    padding: 14px 18px !important;
  }

  .wp-block-navigation__responsive-container-open {
    padding: 14px !important;
  }
}

@media (pointer: coarse) {
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close,
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open
    .nav-cta
    .wp-block-button__link {
    min-height: 48px !important;
    min-width: 48px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
    padding: 16px 20px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item {
    margin-bottom: 4px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
    gap: 8px !important;
  }
}

@media (pointer: fine) {
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close,
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open
    .nav-cta
    .wp-block-button__link {
    min-height: 44px !important;
    min-width: 44px !important;
  }
}

/* Focus states for keyboard navigation accessibility */
.wp-block-navigation__responsive-container-open:focus,
.wp-block-navigation__responsive-container-close:focus,
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content:focus,
.wp-block-navigation__responsive-container.is-menu-open
  .nav-cta
  .wp-block-button__link:focus {
  outline: 3px solid var(--golden-yellow) !important;
  outline-offset: 2px !important;
  background: rgba(255, 215, 0, 0.2) !important;
  box-shadow: 0 0 0 2px var(--golden-yellow) !important;
}

@media (max-width: 767px) {
  .wp-block-navigation__responsive-container-open {
    min-height: 48px !important;
    min-width: 48px !important;
    padding: 14px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
    min-height: 48px !important;
    padding: 14px 18px !important;
    font-size: 1rem !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open
    .nav-cta
    .wp-block-button__link {
    min-height: 48px !important;
    padding: 14px 24px !important;
    font-size: 0.9rem !important;
  }
}

@media (max-width: 768px) {
  /* REMOVED: Legacy width constraints */
}

@media (max-width: 480px) {
  /* REMOVED: Legacy width constraints */


  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
    min-height: 40px !important;
    padding: 10px 12px !important;
    font-size: 0.85rem !important;
  }

  .wp-block-navigation__responsive-container-open {
    min-height: 44px !important;
    min-width: 44px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open
    .nav-cta
    .wp-block-button__link {
    font-size: 0.75rem !important;
    padding: 6px 12px !important;
  }
}

@media (hover: hover) {
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:hover {
    transform: translateX(4px) !important;
  }
}

@media (hover: none) {
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:hover,
  .wp-block-navigation__responsive-container-close:hover {
    transform: none !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:active {
    background: rgba(255, 215, 0, 0.25) !important;
  }
}

/* Current page highlighting - Gold pill style */
.wp-block-navigation__responsive-container .wp-block-navigation-item.is-current-page .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container .wp-block-navigation-item__content.is-active,
.wp-block-navigation__responsive-container .wp-block-navigation-item__content[aria-current="page"],
.wp-block-navigation__responsive-container .current-menu-item .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container .current_page_item .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container .current_page_parent .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container .current-menu-ancestor .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container .current-menu-parent .wp-block-navigation-item__content {
  background: rgba(115, 100, 50, 0.95) !important;
  border-radius: 25px !important;
  border: 2px solid rgba(180, 150, 50, 0.6) !important;
  color: #FFD700 !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  box-shadow:
    0 2px 8px rgba(115, 100, 50, 0.4),
    inset 0 1px 0 rgba(255, 215, 0, 0.1) !important;
  text-shadow: none !important;
}

.wp-block-navigation__responsive-container .wp-block-navigation-item.is-current-page .wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container .wp-block-navigation-item__content.is-active:hover,
.wp-block-navigation__responsive-container .wp-block-navigation-item__content[aria-current="page"]:hover,
.wp-block-navigation__responsive-container .current-menu-item .wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container .current_page_item .wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container .current_page_parent .wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container .current-menu-ancestor .wp-block-navigation-item__content:hover {
  background: rgba(130, 115, 55, 0.98) !important;
  border-color: rgba(200, 170, 60, 0.8) !important;
  box-shadow:
    0 4px 12px rgba(115, 100, 50, 0.5),
    inset 0 1px 0 rgba(255, 215, 0, 0.15) !important;
  transform: none !important;
}

.wp-block-navigation__responsive-container .wp-block-navigation-item.is-current-page .wp-block-navigation-item__content:focus,
.wp-block-navigation__responsive-container .wp-block-navigation-item__content.is-active:focus,
.wp-block-navigation__responsive-container .wp-block-navigation-item__content[aria-current="page"]:focus {
  outline: 3px solid #FFD700 !important;
  outline-offset: 2px !important;
}

.wp-block-navigation__responsive-container .wp-block-navigation-item:not(.is-current-page):not(.current-menu-item):not(.current_page_item):not(.current_page_parent):not(.current-menu-ancestor) .wp-block-navigation-item__content:not(.is-active):not([aria-current="page"]) {
  background: transparent !important;
  border: 2px solid transparent !important;
  box-shadow: none !important;
}

/* Add extra padding to first menu item to not crowd the X button */
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
  padding-top: 60px !important;
}

/* ========================================
   RESPONSIVE HEADER LAYOUT
   Logo, button, and header padding per screen size
   ======================================== */

/* CSS Custom Properties for responsive sizing */
.site-header-2025 {
  --header-padding-x: 60px;
  --header-gap: 40px;
  --logo-height: 90px;
  --btn-padding-x: 32px;
  --btn-padding-y: 14px;
  --btn-font-size: 0.95rem;
}

/* Header Logo Image - Responsive */
.header-logo-img {
  height: var(--logo-height) !important;
  width: auto !important;
  max-width: none !important;
  transition: height 0.3s ease;
}

/* Header CTA Button - Responsive vars applied */
.header-cta-btn {
  padding-top: var(--btn-padding-y) !important;
  padding-right: var(--btn-padding-x) !important;
  padding-bottom: var(--btn-padding-y) !important;
  padding-left: var(--btn-padding-x) !important;
  font-size: var(--btn-font-size) !important;
}

/* Ensure header content wrapper is flex and aligned */
.site-header-2025 .header-content-wrapper {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}

/* Ensure logo wrapper is properly sized */
.site-header-2025 .header-logo-wrapper {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

/* Ensure actions wrapper (button + nav) is properly aligned */
.site-header-2025 .header-actions-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: var(--header-gap) !important;
  flex-shrink: 0 !important;
}

/* TABLET (768px - 1024px) */
@media (max-width: 1024px) {
  .site-header-2025 {
    --header-padding-x: 40px;
    --header-gap: 30px;
    --logo-height: 75px;
    --btn-padding-x: 28px;
    --btn-padding-y: 12px;
    --btn-font-size: 0.9rem;
  }
}

/* MOBILE LANDSCAPE (600px - 767px) */
@media (max-width: 767px) {
  .site-header-2025 {
    --header-padding-x: 24px;
    --header-gap: 16px;
    --logo-height: 60px;
    --btn-padding-x: 20px;
    --btn-padding-y: 10px;
    --btn-font-size: 0.8rem;
  }
}

/* MOBILE PORTRAIT (480px - 599px) */
@media (max-width: 599px) {
  .site-header-2025 {
    --header-padding-x: 16px;
    --header-gap: 12px;
    --logo-height: 50px;
    --btn-padding-x: 16px;
    --btn-padding-y: 8px;
    --btn-font-size: 0.75rem;
  }

  /* Allow wrapping on very small screens if needed */
  .site-header-2025 .header-content-wrapper {
    flex-wrap: wrap !important;
  }

  /* Hide "Watch Now" button on very small screens - keep hamburger only */
  .site-header-2025 .nav-cta {
    display: none !important;
  }
}

/* SMALL MOBILE (320px - 479px) */
@media (max-width: 479px) {
  .site-header-2025 {
    --header-padding-x: 12px;
    --logo-height: 45px;
  }
}