/* BUILD 2.5 HOTFIX 3 — live-host-safe theme layer and CTRubber slider */
.theme-toggle{position:relative!important;width:154px!important;height:38px!important;min-width:154px!important;padding:0!important;border:1px solid #3b3f44!important;border-radius:999px!important;background:#151719!important;color:#f4f4f4!important;display:inline-flex!important;align-items:center!important;justify-content:space-between!important;overflow:hidden!important;cursor:pointer!important;isolation:isolate!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important}
.theme-toggle::before{content:"";position:absolute;z-index:-1;top:3px;left:3px;width:72px;height:30px;border-radius:999px;background:#e71d25;box-shadow:0 4px 12px rgba(0,0,0,.28);transition:transform .24s ease,background .24s ease}
.theme-toggle[data-active-theme="light"]::before{transform:translateX(75px);background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.theme-toggle .theme-option{position:relative;z-index:1;display:flex!important;align-items:center!important;justify-content:center!important;width:75px!important;min-width:75px!important;height:36px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.45px!important;text-transform:uppercase!important;transition:color .2s ease!important}
.theme-toggle[data-active-theme="dark"] .theme-option-dark{color:#fff!important}.theme-toggle[data-active-theme="dark"] .theme-option-light{color:#c7c9cc!important}
.theme-toggle[data-active-theme="light"] .theme-option-dark{color:#555b61!important}.theme-toggle[data-active-theme="light"] .theme-option-light{color:#17191b!important}
.theme-toggle:hover{border-color:#e71d25!important}.theme-toggle:focus-visible{outline:3px solid rgba(231,29,37,.3)!important;outline-offset:3px!important}

/* Explicit class + data attribute selectors make the live theme state unambiguous. */
html.theme-light,html[data-theme="light"]{background:#f4f5f6!important;color-scheme:light!important}
html.theme-light body,html[data-theme="light"] body{background:#f4f5f6!important;color:#17191b!important}
html.theme-light .home-shell,html[data-theme="light"] .home-shell{background:#f4f5f6!important;color:#17191b!important}
html.theme-light .hero-panel,html[data-theme="light"] .hero-panel{background:radial-gradient(ellipse at 41% 2%,rgba(120,124,128,.12),transparent 48%),radial-gradient(ellipse at 74% 42%,rgba(231,29,37,.08),transparent 44%),linear-gradient(180deg,#fff 0%,#f1f2f3 68%,#eceeef 100%)!important;color:#17191b!important}
html.theme-light .hero-panel:before,html[data-theme="light"] .hero-panel:before{opacity:.06!important;mix-blend-mode:multiply!important}
html.theme-light .hero-panel:after,html[data-theme="light"] .hero-panel:after{opacity:.18!important}
html.theme-light .site-header,html[data-theme="light"] .site-header{color:#17191b!important}
html.theme-light .home-nav,html[data-theme="light"] .home-nav,html.theme-light .home-nav a,html[data-theme="light"] .home-nav a{color:#17191b!important}
html.theme-light .topbar,html[data-theme="light"] .topbar{background:#eceeef!important;color:#24272a!important;border-bottom-color:#d8dbde!important}
html.theme-light .topbar-right a,html[data-theme="light"] .topbar-right a{color:#24272a!important}
html.theme-light .inner-site-header,html[data-theme="light"] .inner-site-header{background:#fff!important;border-bottom-color:#dfe2e5!important}
html.theme-light .global-nav,html[data-theme="light"] .global-nav{color:#222528!important}
html.theme-light .page-hero,html[data-theme="light"] .page-hero{background:radial-gradient(circle at 78% 22%,rgba(231,29,37,.12),transparent 35%),linear-gradient(135deg,#fff,#eceeef)!important;color:#17191b!important;border-color:#dfe2e5!important}
html.theme-light .section,html[data-theme="light"] .section{background:#f7f8f9!important;color:#17191b!important}
html.theme-light .section.alt,html[data-theme="light"] .section.alt{background:#eceff1!important}
html.theme-light .product-finder-zone,html[data-theme="light"] .product-finder-zone{background:linear-gradient(180deg,#fff,#f3f4f5)!important;color:#17191b!important}
html.theme-light .home-sections,html[data-theme="light"] .home-sections{background:#f4f5f6!important;color:#17191b!important}
html.theme-light .home-section,html[data-theme="light"] .home-section{background:#f7f8f9!important;color:#17191b!important}
html.theme-light .home-section:nth-child(even),html[data-theme="light"] .home-section:nth-child(even){background:#eef0f2!important}
html.theme-light .category-card,html[data-theme="light"] .category-card,html.theme-light .industry-card,html[data-theme="light"] .industry-card,html.theme-light .guide-card,html[data-theme="light"] .guide-card,html.theme-light .product-card,html[data-theme="light"] .product-card,html.theme-light .form-card,html[data-theme="light"] .form-card,html.theme-light .contact-card,html[data-theme="light"] .contact-card,html.theme-light .home-stat,html[data-theme="light"] .home-stat{background:#fff!important;color:#17191b!important;border-color:#d9dde0!important;box-shadow:0 12px 30px rgba(0,0,0,.07)!important}
html.theme-light .category-card strong,html[data-theme="light"] .category-card strong,html.theme-light .industry-card strong,html[data-theme="light"] .industry-card strong,html.theme-light .guide-card strong,html[data-theme="light"] .guide-card strong,html.theme-light .product-card strong,html[data-theme="light"] .product-card strong{color:#17191b!important}
html.theme-light .category-card p,html[data-theme="light"] .category-card p,html.theme-light .industry-card p,html[data-theme="light"] .industry-card p,html.theme-light .guide-card p,html[data-theme="light"] .guide-card p,html.theme-light .product-card p,html[data-theme="light"] .product-card p,html.theme-light .product-copy p,html[data-theme="light"] .product-copy p,html.theme-light .section-head p,html[data-theme="light"] .section-head p{color:#555b61!important}
html.theme-light input,html[data-theme="light"] input,html.theme-light select,html[data-theme="light"] select,html.theme-light textarea,html[data-theme="light"] textarea{background:#fff!important;color:#17191b!important;border-color:#cbd0d4!important}
html.theme-light .site-footer,html[data-theme="light"] .site-footer{background:#17191b!important;color:#fff!important}
html.theme-light .theme-toggle,html[data-theme="light"] .theme-toggle{background:#dfe2e5!important;border-color:#bfc4c8!important}
@media(max-width:600px){.theme-toggle{width:138px!important;min-width:138px!important}.theme-toggle::before{width:64px}.theme-toggle[data-active-theme="light"]::before{transform:translateX(67px)}.theme-toggle .theme-option{width:67px!important;min-width:67px!important;font-size:10px!important}}

/* BUILD 2.5 HOTFIX 4 — consistent header + protected dark media surfaces */
/* Theme switch belongs in the utility bar so it never changes primary-nav geometry. */
.theme-utility{display:inline-flex;align-items:center;margin-left:4px}
.topbar-right{margin-right:0!important}
.topbar-right .theme-toggle{width:142px!important;min-width:142px!important;height:30px!important}
.topbar-right .theme-toggle::before{top:2px;left:2px;width:66px;height:24px}
.topbar-right .theme-toggle[data-active-theme="light"]::before{transform:translateX(70px)}
.topbar-right .theme-toggle .theme-option{width:69px!important;min-width:69px!important;height:28px!important;font-size:9px!important}

/* Keep the normal quote link mobile-only. Desktop has one red CTA only. */
.global-nav .mobile-quote-link{display:none!important}
@media(max-width:1050px){.global-nav.open .mobile-quote-link{display:inline-flex!important}.theme-utility{margin-left:0}}

/* One stable desktop header geometry on every inner page. */
@media(min-width:1051px){
  .inner-header-wrap{gap:28px!important}
  .global-nav{margin-left:auto!important;gap:31px!important}
  .inner-quote{margin-left:4px!important;flex:0 0 auto!important}
}

/* LIGHT MODE IS A PURPOSE-DESIGNED HYBRID, NOT AN INVERSION.
   Header + animated homepage hero remain exactly in their approved dark environment. */
html.theme-light .topbar,html[data-theme="light"] .topbar{background:#08090a!important;color:#f3f3f3!important;border-bottom-color:rgba(255,255,255,.07)!important}
html.theme-light .topbar-right a,html[data-theme="light"] .topbar-right a{color:#f3f3f3!important}
html.theme-light .topbar-right svg,html[data-theme="light"] .topbar-right svg{color:#efefef!important}
html.theme-light .inner-site-header,html[data-theme="light"] .inner-site-header{background:linear-gradient(180deg,#111315,#08090a)!important;color:#fff!important;border-bottom-color:rgba(255,255,255,.07)!important}
html.theme-light .global-nav,html[data-theme="light"] .global-nav,html.theme-light .global-nav a,html[data-theme="light"] .global-nav a{color:#fff!important}
html.theme-light .global-nav a.active,html[data-theme="light"] .global-nav a.active{color:var(--red-2)!important}
html.theme-light .global-dropdown,html[data-theme="light"] .global-dropdown{background:#141719!important;border-color:var(--line)!important}
html.theme-light .global-dropdown a,html[data-theme="light"] .global-dropdown a{color:#e8e8e8!important}

/* Homepage protected Build 1 area. */
html.theme-light .hero-panel,html[data-theme="light"] .hero-panel{background:#090a0b!important;color:#fff!important}
html.theme-light .hero-panel:before,html[data-theme="light"] .hero-panel:before{opacity:1!important;mix-blend-mode:normal!important}
html.theme-light .hero-panel:after,html[data-theme="light"] .hero-panel:after{opacity:1!important}
html.theme-light .site-header,html[data-theme="light"] .site-header,html.theme-light .home-nav,html[data-theme="light"] .home-nav,html.theme-light .home-nav a,html[data-theme="light"] .home-nav a{color:#fff!important}
html.theme-light .hero-copy,html[data-theme="light"] .hero-copy,html.theme-light .hero-copy h1,html[data-theme="light"] .hero-copy h1,html.theme-light .hero-copy p,html[data-theme="light"] .hero-copy p{color:#fff!important}
html.theme-light .brand-media-stage,html[data-theme="light"] .brand-media-stage,html.theme-light .hero-art,html[data-theme="light"] .hero-art{filter:none!important;mix-blend-mode:normal!important}

/* The content below the protected hero is the actual light experience. */
html.theme-light .product-finder-zone,html[data-theme="light"] .product-finder-zone{background:#f4f5f6!important;color:#17191b!important}
html.theme-light .home-sections,html[data-theme="light"] .home-sections{background:#f4f5f6!important;color:#17191b!important}
html.theme-light .home-section,html[data-theme="light"] .home-section{background:#f7f8f9!important;color:#17191b!important}
html.theme-light .home-section:nth-child(even),html[data-theme="light"] .home-section:nth-child(even){background:#eef0f2!important}
html.theme-light .product-finder-zone h2,html[data-theme="light"] .product-finder-zone h2,html.theme-light .home-section h2,html[data-theme="light"] .home-section h2{color:#17191b!important;text-shadow:none!important}
html.theme-light .product-finder-zone p,html[data-theme="light"] .product-finder-zone p,html.theme-light .home-section p,html[data-theme="light"] .home-section p{color:#555b61!important;text-shadow:none!important}

/* Never alter actual image/video pixels in light mode. */
html.theme-light img,html[data-theme="light"] img,html.theme-light video,html[data-theme="light"] video{filter:none!important}

/* Light content pages retain a dark global header, then transition cleanly to light content. */
html.theme-light .page-hero,html[data-theme="light"] .page-hero{background:linear-gradient(135deg,#fff,#eceeef)!important;color:#17191b!important;border-color:#dfe2e5!important}

@media(max-width:1050px){
  .topbar-right .theme-toggle{width:132px!important;min-width:132px!important}
  .topbar-right .theme-toggle::before{width:61px!important}
  .topbar-right .theme-toggle[data-active-theme="light"]::before{transform:translateX(65px)!important}
  .topbar-right .theme-toggle .theme-option{width:64px!important;min-width:64px!important}
  html.theme-light .global-nav,html[data-theme="light"] .global-nav{background:#0a0b0c!important}
}
