/* ═══════════════════════════════════════════════════════════════
   STICKY HEADER — adaptive glass capsule (proposal, Sept 2026; preview only).
   Replaces the solid white fill in th3-site.css section 1 when approved.
   The bar crosses dark and white sections, so the glass adapts: smoked glass with
   white text over dark sections, frosted white with dark text over light ones.
   th3-glass.js reads the colour of whatever sits under the bar and sets
   .th3-on-dark; without the script it stays as the light glass.
   The frost sits on ::before rather than on the bar itself: an element with
   backdrop-filter becomes the backdrop for its children, which would stop the
   dropdown's own frost from seeing the page.
   ═══════════════════════════════════════════════════════════════ */
:is(#sticky-navigation.is_stuck,body.th3-nav2 #site-navigation) .inside-navigation{
  position:relative!important;isolation:isolate;
  background:transparent!important;border-color:transparent;box-shadow:none
}
:is(#sticky-navigation.is_stuck,body.th3-nav2 #site-navigation) .inside-navigation::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:rgba(255,255,255,.94); /* no backdrop-filter support: effectively solid */
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 18px 50px rgba(0,0,0,.16),0 2px 6px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.2);
  transition:background-color .45s var(--th3-ease),border-color .45s var(--th3-ease),box-shadow .45s var(--th3-ease)
}
:is(#sticky-navigation.is_stuck,body.th3-nav2 #site-navigation).th3-on-dark .inside-navigation::before{
  background:rgba(22,24,22,.92);border-color:rgba(255,255,255,.14);
  box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04)
}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  :is(#sticky-navigation.is_stuck,body.th3-nav2 #site-navigation) .inside-navigation::before{
    background:rgba(255,255,255,.66);
    -webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)
  }
  :is(#sticky-navigation.is_stuck,body.th3-nav2 #site-navigation).th3-on-dark .inside-navigation::before{background:rgba(28,31,28,.5)}
  :is(#sticky-navigation.is_stuck,body.th3-nav2 #site-navigation) .main-nav>ul>li>ul{
    background:rgba(255,255,255,.88)!important;border-color:rgba(255,255,255,.6);
    -webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);
    box-shadow:0 30px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.9)
  }
  :is(#mobile-header.is_stuck,body.th3-nav2 #mobile-header.th3-mob-glass) .inside-navigation{
    background:rgba(255,255,255,.7);border-color:rgba(255,255,255,.6);
    -webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
    box-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.9);
    transition:background-color .45s var(--th3-ease),border-color .45s var(--th3-ease)
  }
  :is(#mobile-header.is_stuck,body.th3-nav2 #mobile-header.th3-mob-glass).th3-on-dark .inside-navigation{background:rgba(28,31,28,.55);border-color:rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2)}
}
:is(#sticky-navigation.is_stuck,body.th3-nav2 #site-navigation) .main-nav>ul>li>a,
:is(#sticky-navigation.is_stuck,body.th3-nav2 #site-navigation) .menu-toggle{color:#111!important;transition:color .45s var(--th3-ease)}
/* over dark: white text and the white logo (the last item stays the green pill) */
:is(#sticky-navigation.is_stuck,body.th3-nav2 #site-navigation).th3-on-dark .main-nav>ul>li:not(:last-child)>a,
:is(#sticky-navigation.is_stuck,body.th3-nav2 #site-navigation).th3-on-dark .menu-toggle,
:is(#mobile-header.is_stuck,body.th3-nav2 #mobile-header.th3-mob-glass).th3-on-dark .menu-toggle{color:#fff!important}
:is(#sticky-navigation.is_stuck,body.th3-nav2 #site-navigation).th3-on-dark .main-nav>ul>li:not(:last-child)>a:hover,
:is(#sticky-navigation.is_stuck,body.th3-nav2 #site-navigation).th3-on-dark .main-nav>ul>li.sfHover:not(:last-child)>a,
:is(#sticky-navigation.is_stuck,body.th3-nav2 #site-navigation).th3-on-dark .main-nav>ul>li[class*="current"]:not(:last-child)>a{color:var(--th3-green-lt)!important}
:is(#sticky-navigation.is_stuck,body.th3-nav2 #site-navigation).th3-on-dark .navigation-branding img,
:is(#mobile-header.is_stuck,body.th3-nav2 #mobile-header.th3-mob-glass).th3-on-dark .site-logo img{content:url(https://www.th3design.co.uk/wp-content/uploads/2020/10/th3-white-2.png)}