/* Adeo Marketing Webb 2.0 – light mode QA */

/* Light mode header: same visual language as desktop, including glass effect. */
html[data-theme="light"] .site-header{
  color:#151517!important;
  background:rgba(245,244,241,.76)!important;
  border-color:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
}
html[data-theme="light"] .site-header.is-scrolled{
  color:#151517!important;
  background:rgba(245,244,241,.91)!important;
  border-color:rgba(21,21,23,.10)!important;
  box-shadow:0 12px 38px rgba(21,21,23,.08)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
}
html[data-theme="light"] .site-header__inner,
html[data-theme="light"] .site-header.is-scrolled .site-header__inner{
  color:#151517!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* The source Adeo logo is white. Force a clean dark mark on the light header. */
html[data-theme="light"] .site-header .brand img,
html[data-theme="light"] .site-header.is-scrolled .brand img{
  filter:brightness(0)!important;
  opacity:1!important;
}

/* Explicit icon contrast so the mobile controls cannot disappear on scroll. */
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .menu-toggle,
html[data-theme="light"] .site-header.is-scrolled .theme-toggle,
html[data-theme="light"] .site-header.is-scrolled .menu-toggle{
  color:#151517!important;
  background:rgba(255,255,255,.30)!important;
  border-color:rgba(21,21,23,.14)!important;
}
html[data-theme="light"] .menu-toggle>span:not(.screen-reader-text){
  background:#151517!important;
}
html[data-theme="light"] .theme-toggle:hover,
html[data-theme="light"] .menu-toggle:hover{
  background:rgba(255,255,255,.56)!important;
  border-color:rgba(21,21,23,.24)!important;
}

/* Keep the mobile navigation unmistakably light when opened. */
@media(max-width:859px){
  html[data-theme="light"] .site-header{
    background:rgba(245,244,241,.78)!important;
  }
  html[data-theme="light"] .site-header.is-scrolled{
    background:rgba(245,244,241,.92)!important;
  }

  html[data-theme="light"] .primary-nav,
  html[data-theme="light"] .primary-nav.is-open{
    background:rgba(255,255,255,.96)!important;
    border-color:rgba(21,21,23,.12)!important;
    box-shadow:0 28px 80px rgba(21,21,23,.16)!important;
    -webkit-backdrop-filter:blur(22px) saturate(140%)!important;
    backdrop-filter:blur(22px) saturate(140%)!important;
  }
  html[data-theme="light"] .primary-nav__list li a,
  html[data-theme="light"] .primary-nav__list li.is-mobile-secondary a{
    background:#f3f1ec!important;
    color:#151517!important;
    border-color:rgba(21,21,23,.10)!important;
  }
}

/* Adeo Cards uses a light/white logo asset. Keep its product object dark in
 * light mode instead of recolouring the brand mark. This preserves the logo
 * and makes the object feel intentional against the light page canvas. */
html[data-theme="light"] .product-card{
  background:
    radial-gradient(circle at 15% 0%,rgba(255,92,0,.23),transparent 45%),
    radial-gradient(circle at 95% 100%,rgba(37,120,255,.22),transparent 45%),
    #111113!important;
  border-color:rgba(21,21,23,.16)!important;
  box-shadow:0 30px 80px rgba(21,21,23,.16)!important;
}
html[data-theme="light"] .product-card img{
  filter:none!important;
  opacity:1!important;
}

html[data-theme="light"] .launch-card--premium{
  color:#fafafb!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,92,0,.12),transparent 42%),
    radial-gradient(circle at 100% 100%,rgba(37,120,255,.11),transparent 46%),
    linear-gradient(145deg,#151518,#0d0d0f)!important;
  border-color:rgba(21,21,23,.18)!important;
  box-shadow:0 34px 90px rgba(21,21,23,.18)!important;
}
html[data-theme="light"] .launch-card--premium img{
  filter:none!important;
  opacity:1!important;
}
html[data-theme="light"] .launch-card__footer{
  color:rgba(250,250,251,.62)!important;
  border-top-color:rgba(255,255,255,.09)!important;
}

/* Small contrast safeguards for components that previously inherited dark
 * mode colours from earlier refinement layers. */
html[data-theme="light"] .mobile-sticky-contact__text{color:rgba(21,21,23,.82)!important}
html[data-theme="light"] .footer-label{color:#8b7254!important}
html[data-theme="light"] .newsletter-popup__close{color:#151517!important}
html[data-theme="light"] .newsletter-popup__panel{color:#151517!important}

/* FINAL MOBILE SCROLLED STATE CONTRACT.
 * This matches the exact DOM state verified in Chrome DevTools:
 * html[data-theme="light"].has-scrolled + header.site-header.is-scrolled.
 * It intentionally does NOT affect the initial unscrolled header. */
@media(max-width:859px){
  html[data-theme="light"].has-scrolled body .site-header.is-scrolled[data-header]{
    color:#151517!important;
    background:rgba(255,255,255,.88)!important;
    background-color:rgba(255,255,255,.88)!important;
    background-image:none!important;
    border-color:rgba(21,21,23,.10)!important;
    box-shadow:0 16px 50px rgba(21,21,23,.10),inset 0 1px 0 rgba(255,255,255,.72)!important;
    -webkit-backdrop-filter:blur(24px) saturate(155%)!important;
    backdrop-filter:blur(24px) saturate(155%)!important;
  }
  html[data-theme="light"].has-scrolled body .site-header.is-scrolled[data-header] .site-header__inner{
    color:#151517!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
  html[data-theme="light"].has-scrolled body .site-header.is-scrolled[data-header]::before,
  html[data-theme="light"].has-scrolled body .site-header.is-scrolled[data-header]::after,
  html[data-theme="light"].has-scrolled body .site-header.is-scrolled[data-header] .site-header__inner::before,
  html[data-theme="light"].has-scrolled body .site-header.is-scrolled[data-header] .site-header__inner::after{
    background:transparent!important;
    background-image:none!important;
  }
  html[data-theme="light"].has-scrolled body .site-header.is-scrolled[data-header] .brand img{
    filter:brightness(0)!important;
    opacity:1!important;
  }
  html[data-theme="light"].has-scrolled body .site-header.is-scrolled[data-header] .theme-toggle,
  html[data-theme="light"].has-scrolled body .site-header.is-scrolled[data-header] .menu-toggle{
    color:#151517!important;
    background:rgba(255,255,255,.42)!important;
    border-color:rgba(21,21,23,.14)!important;
  }
  html[data-theme="light"].has-scrolled body .site-header.is-scrolled[data-header] .menu-toggle>span:not(.screen-reader-text){
    background:#151517!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html[data-theme="light"] .site-header{transition:none!important}
}