/* ==========================================================
   AQUATEC — Mobile Header v9 (14.05.2026)
   Bulletproof: всі action-button селектори з повним предком
   body.aquatec-site .site-header .site-header__actions ...
   щоб гарантовано перебити будь-які залишки в aquatec.css.
   ========================================================== */
@media (max-width: 1199px) {
  /* === HEADER POSITION === */
  body.aquatec-site .site-header {
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    transform: translate3d(0,0,0) !important;
    -webkit-transform: translate3d(0,0,0) !important;
    will-change: transform !important;
    isolation: isolate !important;
    transition: background 0.25s ease, box-shadow 0.25s ease !important;
  }
  body.aquatec-site .site-header .site-header__inner {
    max-width: none !important;
    width: 100% !important;
    height: 58px !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
  }
  body.aquatec-site .site-nav { display: none !important; }

  /* === STATES === */
  body.aquatec-site.home .site-header:not(.scrolled) {
    background: linear-gradient(180deg,
      rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.30) 60%, rgba(0,0,0,0.05) 100%) !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  body.aquatec-site.home .site-header:not(.scrolled) .site-logo__img--white { display: block !important; }
  body.aquatec-site.home .site-header:not(.scrolled) .site-logo__img--blue  { display: none !important; }

  body.aquatec-site.home .site-header.scrolled,
  body.aquatec-site.inner .site-header.scrolled {
    background: var(--aq-header-glass) !important;
    -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
    backdrop-filter: blur(14px) saturate(180%) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.06) !important;
    border-bottom: 1px solid var(--aq-header-glass-border) !important;
  }
  /* Inner non-scrolled = той самий gradient overlay як на home non-scrolled */
  body.aquatec-site.inner .site-header:not(.scrolled) {
    background: linear-gradient(180deg,
      rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.30) 60%, rgba(0,0,0,0.05) 100%) !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  body.aquatec-site.home .site-header.scrolled .site-logo__img--white,
  body.aquatec-site.inner .site-header.scrolled .site-logo__img--white { display: none !important; }
  body.aquatec-site.home .site-header.scrolled .site-logo__img--blue,
  body.aquatec-site.inner .site-header.scrolled .site-logo__img--blue  { display: block !important; }
  /* Inner non-scrolled = білий лого (як home non-scrolled) */
  body.aquatec-site.inner .site-header:not(.scrolled) .site-logo__img--white { display: block !important; }
  body.aquatec-site.inner .site-header:not(.scrolled) .site-logo__img--blue  { display: none !important; }

  /* === LOGO === */
  body.aquatec-site .site-header .site-logo { flex-shrink: 0 !important; }
  body.aquatec-site .site-header .site-logo__img { height: 42px !important; width: auto !important; }
  body.aquatec-site .site-header.scrolled .site-logo__img--blue,
  body.aquatec-site.inner .site-header.scrolled .site-logo__img--blue { height: 36px !important; }

  /* === ACTIONS: 4 круги (тел, тема, мова, бургер) — bulletproof === */
  body.aquatec-site .site-header .site-header__actions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
  }
  body.aquatec-site .site-header .site-header__actions .site-header__icon,
  body.aquatec-site .site-header .site-header__actions #theme-toggle.site-header__theme,
  body.aquatec-site .site-header .site-header__actions .site-header__lang-btn,
  body.aquatec-site .site-header .site-header__actions .site-header__menu-toggle {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    border-radius: 50% !important;
    border: 1.5px solid currentColor !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }
  body.aquatec-site .site-header .site-header__icon svg,
  body.aquatec-site .site-header #theme-toggle .theme-icon { width: 16px !important; height: 16px !important; }
  /* Action-target convention (Сесія 11): inverted sun↔moon */
  :root:not([data-theme="dark"]) body.aquatec-site #theme-toggle .theme-icon--sun  { display: none !important; }
  [data-theme="dark"] body.aquatec-site #theme-toggle .theme-icon--moon { display: none !important; }

  /* === БУРГЕР 3 → X === */
  body.aquatec-site .site-header__menu-toggle { flex-direction: column !important; gap: 4px !important; }
  body.aquatec-site .site-header__menu-toggle span {
    display: block !important;
    width: 14px !important; height: 1.5px !important;
    background: currentColor !important;
    border-radius: 1px !important;
    transition: transform 0.3s ease, opacity 0.2s ease !important;
  }
  body.aquatec-site.menu-open .site-header__menu-toggle span:nth-child(1) { transform: translateY(5.5px) rotate(45deg) !important; }
  body.aquatec-site.menu-open .site-header__menu-toggle span:nth-child(2) { opacity: 0 !important; }
  body.aquatec-site.menu-open .site-header__menu-toggle span:nth-child(3) { transform: translateY(-5.5px) rotate(-45deg) !important; }

  /* === КОЛЬОРИ === */
  /* Non-scrolled (home або inner) — білі actions поверх темного gradient/banner */
  body.aquatec-site.home  .site-header:not(.scrolled) .site-logo,
  body.aquatec-site.home  .site-header:not(.scrolled) .site-logo *,
  body.aquatec-site.home  .site-header:not(.scrolled) .site-header__icon,
  body.aquatec-site.home  .site-header:not(.scrolled) .site-header__icon svg,
  body.aquatec-site.home  .site-header:not(.scrolled) #theme-toggle.site-header__theme,
  body.aquatec-site.home  .site-header:not(.scrolled) #theme-toggle.site-header__theme svg,
  body.aquatec-site.home  .site-header:not(.scrolled) .site-header__lang-btn,
  body.aquatec-site.home  .site-header:not(.scrolled) .site-header__menu-toggle,
  body.aquatec-site.inner .site-header:not(.scrolled) .site-logo,
  body.aquatec-site.inner .site-header:not(.scrolled) .site-logo *,
  body.aquatec-site.inner .site-header:not(.scrolled) .site-header__icon,
  body.aquatec-site.inner .site-header:not(.scrolled) .site-header__icon svg,
  body.aquatec-site.inner .site-header:not(.scrolled) #theme-toggle.site-header__theme,
  body.aquatec-site.inner .site-header:not(.scrolled) #theme-toggle.site-header__theme svg,
  body.aquatec-site.inner .site-header:not(.scrolled) .site-header__lang-btn,
  body.aquatec-site.inner .site-header:not(.scrolled) .site-header__menu-toggle {
    color: #fff !important; fill: #fff !important; stroke: #fff !important;
  }
  /* Scrolled (home або inner) — темні actions поверх frosted glass */
  body.aquatec-site.home  .site-header.scrolled .site-header__icon,
  body.aquatec-site.home  .site-header.scrolled .site-header__icon svg,
  body.aquatec-site.home  .site-header.scrolled #theme-toggle.site-header__theme,
  body.aquatec-site.home  .site-header.scrolled #theme-toggle.site-header__theme svg,
  body.aquatec-site.home  .site-header.scrolled .site-header__lang-btn,
  body.aquatec-site.home  .site-header.scrolled .site-header__menu-toggle,
  body.aquatec-site.inner .site-header.scrolled .site-header__icon,
  body.aquatec-site.inner .site-header.scrolled .site-header__icon svg,
  body.aquatec-site.inner .site-header.scrolled #theme-toggle.site-header__theme,
  body.aquatec-site.inner .site-header.scrolled #theme-toggle.site-header__theme svg,
  body.aquatec-site.inner .site-header.scrolled .site-header__lang-btn,
  body.aquatec-site.inner .site-header.scrolled .site-header__menu-toggle {
    color: var(--aq-header-scrolled-text) !important;
    fill:  var(--aq-header-scrolled-text) !important;
    stroke: var(--aq-header-scrolled-text) !important;
  }

  /* === HERO + INNER PADDING для fixed header === */
  body.aquatec-site.home .hero { margin-top: 0 !important; min-height: 100vh !important; }
  body.aquatec-site.home .hero__content { padding: calc(58px + 24px) 24px 48px !important; min-height: 100vh !important; }
  /* inner padding-top видалено (Сесія 11) — .inner-banner у <main> має padding-top:58px,
     контент уходить під fixed header природним чином, лого+меню читаються на темному banner */

  /* === MOBILE OVERLAY (drawer right-to-left) === */
  .mobile-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10000 !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 16px 24px !important;
    transform: translateX(100%) !important;
    transition: transform 0.35s ease !important;
    overflow-y: auto !important;
    pointer-events: none !important;
  }
  .mobile-overlay[hidden] { display: flex !important; pointer-events: none !important; }
  body.aquatec-site.menu-open .mobile-overlay { transform: translateX(0) !important; pointer-events: auto !important; }
  body.aquatec-site.menu-open { overflow: hidden !important; }

  .mobile-overlay__header {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    height: 58px !important; flex-shrink: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    margin-bottom: 8px !important;
  }
  .mobile-overlay__header .site-logo__img--white { display: none !important; }
  .mobile-overlay__header .site-logo__img--blue  { display: block !important; height: 32px !important; }
  .mobile-overlay__close {
    width: 34px !important; height: 34px !important;
    border-radius: 50% !important; border: 1.5px solid #1b2935 !important;
    background: transparent !important; cursor: pointer !important;
    position: relative !important; padding: 0 !important; flex-shrink: 0 !important;
  }
  .mobile-overlay__close::before, .mobile-overlay__close::after {
    content: '' !important; position: absolute !important;
    top: 50% !important; left: 50% !important;
    width: 14px !important; height: 1.5px !important; background: #1b2935 !important;
  }
  .mobile-overlay__close::before { transform: translate(-50%, -50%) rotate(45deg) !important; }
  .mobile-overlay__close::after  { transform: translate(-50%, -50%) rotate(-45deg) !important; }

  .mobile-nav { padding: 8px 0 24px !important; flex: 1 !important; }
  .mobile-nav .mod-menu { list-style: none !important; padding: 0 !important; margin: 0 !important; }
  .mobile-nav .mod-menu > li { border-bottom: 1px solid rgba(0,0,0,0.08) !important; }
  .mobile-nav .mod-menu > li > a {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    padding: 16px 0 !important;
    font-family: Manrope, sans-serif !important;
    font-weight: 700 !important; font-size: 15px !important;
    letter-spacing: 0.5px !important; text-transform: uppercase !important;
    color: #1b2935 !important; text-decoration: none !important;
  }
  .mobile-nav .mod-menu > li.parent > a::after {
    content: '+' !important; font-size: 24px !important; font-weight: 400 !important;
    color: var(--aq-blue, #00aeee) !important; line-height: 1 !important;
  }
  .mobile-nav .mod-menu > li.parent.open > a::after { content: '−' !important; }
  .mobile-nav .mod-menu__sub {
    display: none !important; list-style: none !important;
    padding: 0 0 12px 16px !important; margin: 0 !important;
  }
  .mobile-nav .mod-menu > li.parent.open > .mod-menu__sub { display: block !important; }
  .mobile-nav .mod-menu__sub li > a {
    display: block !important; padding: 10px 0 !important;
    font-family: Manrope, sans-serif !important;
    font-weight: 500 !important; font-size: 14px !important;
    color: #525252 !important; text-decoration: none !important; text-transform: none !important;
  }
  .mobile-nav .mod-menu__toggle-sub { display: none !important; }
  .mobile-nav .visually-hidden {
    position: absolute !important; width: 1px !important; height: 1px !important;
    padding: 0 !important; margin: -1px !important; overflow: hidden !important;
    clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;
  }
}

/* === Compact phone === */
@media (max-width: 480px) {
  body.aquatec-site .site-logo__img { height: 36px !important; }
  body.aquatec-site .site-header.scrolled .site-logo__img--blue,
  body.aquatec-site.inner .site-header.scrolled .site-logo__img--blue { height: 32px !important; }
}