/* Mobile nav override - 20260703 floating menu v3 */
@media (max-width: 768px) {
  body {
    padding-top: 64px !important;
  }

  body.nav-menu-open::before,
  body:has(.main-nav.open)::before,
  .mobile-nav-overlay {
    content: none !important;
    display: none !important;
  }

  .site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 12000 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 8px 24px rgba(8, 17, 31, 0.1) !important;
  }

  .header-inner {
    min-height: 64px !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  .main-nav {
    display: none !important;
    position: fixed !important;
    top: 64px !important;
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    max-height: min(72vh, 520px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    order: initial !important;
    flex: initial !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(8, 17, 31, 0.1) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 24px 52px rgba(8, 17, 31, 0.18) !important;
    z-index: 12010 !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .main-nav.open,
  body.mobile-menu-open .main-nav {
    display: flex !important;
  }

  body.mobile-menu-open {
    overflow: auto !important;
  }

  body.mobile-menu-open .catalog-sub-nav,
  body.mobile-menu-open .catalog-sub-nav-mobile {
    display: none !important;
  }

  .main-nav .nav-item {
    width: 100% !important;
  }

  .main-nav .nav-link,
  .main-nav .nav-dropdown a,
  .main-nav .nav-mega-sub,
  .main-nav .nav-mega-major,
  .main-nav .nav-mega-hub {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    padding: 13px 14px !important;
    border-radius: 8px !important;
    color: var(--color-text, #111827) !important;
    background: #fff !important;
  }

  .main-nav .nav-link:hover,
  .main-nav .nav-link.active {
    background: var(--color-bg-alt, #e9edf3) !important;
    color: var(--color-primary, #08111f) !important;
  }

  .main-nav.open .nav-dropdown,
  .main-nav.open .nav-dropdown-mega {
    display: none !important;
    position: static !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .nav-toggle {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 12020 !important;
  }

  body.mobile-menu-open .main-nav .has-products-mega.open .nav-mega-hub,
  body.mobile-menu-open .main-nav .has-products-mega.open .nav-mega-grid {
    display: none !important;
  }

  body.mobile-menu-open .main-nav .has-products-mega.open .mobile-product-paths {
    display: grid !important;
    gap: 8px !important;
    padding: 4px 0 8px !important;
  }
}

/* Mobile brand navigation final override - 20260708 */
@media (max-width: 768px) {
  body {
    padding-top: 78px !important;
  }

  .site-header {
    background: linear-gradient(90deg, #0a2530 0%, #0d3d46 58%, #13645f 100%) !important;
    border-bottom: 1px solid rgba(125, 211, 202, 0.28) !important;
    box-shadow: 0 12px 28px rgba(2, 10, 20, 0.22) !important;
  }

  .header-inner {
    min-height: 78px !important;
  }

  .main-nav {
    top: 78px !important;
    border-color: rgba(125, 211, 202, 0.2) !important;
    background: #0a2530 !important;
    box-shadow: 0 24px 52px rgba(2, 10, 20, 0.42) !important;
  }

  .main-nav .nav-link,
  .main-nav .nav-dropdown a,
  .main-nav .nav-mega-sub,
  .main-nav .nav-mega-major,
  .main-nav .nav-mega-hub {
    color: rgba(248, 250, 252, 0.88) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    border: 1px solid rgba(125, 211, 202, 0.12) !important;
  }

  .main-nav .nav-link:hover,
  .main-nav .nav-link.active {
    color: #ffffff !important;
    background: rgba(15, 118, 110, 0.28) !important;
    border-color: rgba(125, 211, 202, 0.24) !important;
  }

  .nav-toggle {
    min-height: 44px !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(125, 211, 202, 0.32) !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
  }
}

/* Mobile menu readability and header blend - 20260709 v1 */
@media (max-width: 768px) {
  .site-header,
  body.mobile-menu-open .site-header,
  .site-header:has(.main-nav.open),
  .page-home .site-header {
    background:
      linear-gradient(90deg, #020912 0%, #020912 42%, #08262f 72%, #0f5d5a 100%) !important;
  }

  .main-nav,
  .main-nav.open {
    background: #071c25 !important;
    border-color: rgba(125, 211, 202, 0.26) !important;
  }

  .main-nav.open .nav-item.open > .nav-dropdown,
  .main-nav.open .nav-item.open > .nav-dropdown-mega,
  body.mobile-menu-open .main-nav .nav-item.open > .nav-dropdown,
  body.mobile-menu-open .main-nav .nav-item.open > .nav-dropdown-mega {
    display: block !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 3px 0 8px !important;
    padding: 8px !important;
    border: 1px solid rgba(18, 101, 107, 0.16) !important;
    border-radius: 8px !important;
    background: #eaf2ef !important;
    box-shadow: none !important;
  }

  .main-nav.open .nav-item.open > .nav-dropdown a,
  .main-nav.open .nav-item.open > .nav-dropdown-mega a,
  .main-nav.open .nav-item.open > .nav-dropdown-mega .nav-mega-major,
  .main-nav.open .nav-item.open > .nav-dropdown-mega .nav-mega-hub,
  body.mobile-menu-open .main-nav .nav-item.open > .nav-dropdown a,
  body.mobile-menu-open .main-nav .nav-item.open > .nav-dropdown-mega a,
  body.mobile-menu-open .main-nav .nav-item.open > .nav-dropdown-mega .nav-mega-major,
  body.mobile-menu-open .main-nav .nav-item.open > .nav-dropdown-mega .nav-mega-hub {
    display: block !important;
    width: 100% !important;
    color: #14232d !important;
    background: #ffffff !important;
    border: 1px solid rgba(18, 101, 107, 0.12) !important;
    border-radius: 8px !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }
}