/* =====================================================================
   Sitefitters — Enterprise Slate theme (default)
   The hero's slate and electric blue on every section, orange as the
   second accent. Builds on theme-forest.css; scoped to body.sfb-slate.
   ===================================================================== */
body.sfb-slate {
	--sfb-night: #0F172A;
	--sfb-panel: #1E293B;
	--sfb-violet: #2563EB;
	--sfb-violet-dark: #1D4ED8;
	--sfb-teal: #0EA5E9;
	--sfb-blue: #1E40AF;
	--sfb-pink: #64748B; /* slate grey: invoices tile and other neutral marks */
	--sfb-orange: #F97316;
	--sfb-hl: #60A5FA;
	--sfb-hl-orange: #FB923C;
	--sfb-soft: #A9B4C6;
	--sfb-edge: rgba(148, 163, 184, .18);
	--sfb-surface: rgba(255, 255, 255, .035);
	background-color: #0F172A;
	background-image:
		radial-gradient(1100px 620px at 85% -120px, rgba(37, 99, 235, .32), transparent 70%),
		radial-gradient(900px 600px at -10% 35%, rgba(14, 165, 233, .10), transparent 70%);
}

/* Announcement + menu */
.sfb-slate .sfb-announce { background: #1E293B; color: #E2E8F0; border-bottom: 1px solid var(--sfb-edge); }
.sfb-slate .sfb-announce__link { color: var(--sfb-hl-orange); }
.sfb-slate .sfb-nav, .sfb-slate .sfb-nav.is-dark { background: rgba(15, 23, 42, .85); }
.sfb-slate .sfb-nav .sfb-nav__links .sfb-nav__link { color: #CBD5E1; }
.sfb-slate .sfb-nav .sfb-nav__link:hover, .sfb-slate .sfb-nav .sfb-nav__links .sfb-nav__link:hover { color: #fff; }
.sfb-slate .sfb-mark span { background: var(--sfb-violet); }
.sfb-slate .sfb-mark span:nth-child(2) { background: var(--sfb-orange); }
.sfb-slate .sfb-mark span:nth-child(3) { background: var(--sfb-hl); }

/* Hero */
.sfb-slate .sfb-hero { background-image: radial-gradient(900px 520px at 85% -80px, rgba(37, 99, 235, .38), transparent 70%), radial-gradient(600px 360px at 8% 75%, rgba(14, 165, 233, .10), transparent 70%); }
.sfb-slate .sfb-hero__hl { display: block; background: linear-gradient(90deg, #93C5FD 0%, #60A5FA 40%, #38BDF8 100%); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 28px rgba(56, 189, 248, .35); }
.sfb-slate .sfb-hero__text { color: #CBD5E1; }
.sfb-slate .sfb-hero__points { color: #E2E8F0; }
.sfb-slate .sfb-hero__points li span { background: rgba(96, 165, 250, .16); }
.sfb-slate .sfb-hero__tag::before { box-shadow: 0 0 0 4px rgba(96, 165, 250, .2); }
.sfb-slate .sfb-wh { box-shadow: 0 30px 90px rgba(37, 99, 235, .28); }

/* Panels and accents */
.sfb-slate .sfb.is-dark:not(.sfb-hero):not(.sfb-nav):not(.sfb-announce) > .sfb-container { border-top: 3px solid var(--sfb-violet); }
.sfb-slate .sfb-testimonials.is-dark:not(.sfb-hero):not(.sfb-nav):not(.sfb-announce) > .sfb-container { border-top-color: var(--sfb-orange); }
.sfb-slate .sfb.is-dark :is(.sfb-card, .sfb-sc, .sfb-pillar, .sfb-quote, .sfb-sol, .sfb-gantt, .sfb-plan, .sfb-mfig, .sfb-mpanel, .sfb-marquee__item) { background: rgba(15, 23, 42, .55); }
.sfb-slate .sfb-plan.is-featured { background: var(--sfb-violet-dark); border-color: var(--sfb-hl); box-shadow: 0 24px 60px rgba(37, 99, 235, .35); }
.sfb-slate .sfb-cta__box { background-image: radial-gradient(700px 400px at 100% 0%, rgba(37, 99, 235, .35), transparent 70%); border-top: 3px solid var(--sfb-orange); }
.sfb-slate .sfb-cta__orb--a { background: var(--sfb-violet); opacity: .45; }
.sfb-slate .sfb-cta__orb--b { background: var(--sfb-orange); opacity: .4; }
.sfb-slate .sfb-cta__orb--c { background: var(--sfb-teal); opacity: .5; }
.sfb-slate .sfb-live { color: var(--sfb-hl); }
.sfb-slate .sfb-market__updated::before { background: var(--sfb-hl); box-shadow: 0 0 0 4px rgba(96, 165, 250, .18); }

/* Light product mockups: blue and orange instead of green */
.sfb-slate :is(.sfb-wh, .sfb-mock, .sfb-ui, .sfb-browser, .sfb-pg, .sfb-lightbox) :is(.sfb-tint-violet, .sfb-tint-teal, .sfb-tint-blue) { background: #DBEAFE; color: #1E40AF; }
.sfb-slate :is(.sfb-wh, .sfb-mock, .sfb-ui, .sfb-browser, .sfb-pg, .sfb-lightbox) .sfb-tint-orange { background: #FFEDD5; color: #9A3412; }
.sfb-slate :is(.sfb-wh, .sfb-mock, .sfb-ui, .sfb-browser, .sfb-pg, .sfb-lightbox) .sfb-tint-pink { background: #F1F5F9; color: #334155; }
.sfb-slate :is(.sfb-wh, .sfb-mock, .sfb-ui, .sfb-browser, .sfb-pg, .sfb-lightbox) .sfb-text-pink { color: #475569; }
.sfb-slate .sfb-tint-pink { background: rgba(148, 163, 184, .16); color: #CBD5E1; }
.sfb-slate .sfb-text-pink, .sfb-slate .sfb i.sfb-text-pink { color: #CBD5E1; }
.sfb-slate :is(.sfb-wh, .sfb-mock, .sfb-ui, .sfb-browser, .sfb-pg, .sfb-lightbox) :is(.sfb-text-violet, .sfb-text-teal, .sfb-text-blue) { color: #1D4ED8; }
.sfb-slate .sfb-wh__nav span.is-active, .sfb-slate .sfb-ui__tabs .is-on { background: #DBEAFE; color: #1E40AF; }
.sfb-slate .sfb-ui__bars i { background: #BFDBFE; }
.sfb-slate .sfb-pg--violet { background: #DBEAFE; } .sfb-slate .sfb-pg--violet .sfb-pg__brand { color: #1E40AF; } .sfb-slate .sfb-pg--violet .sfb-pg__btn { background: #2563EB; }
.sfb-slate .sfb-pg--blue { background: #E0F2FE; } .sfb-slate .sfb-pg--blue .sfb-pg__brand { color: #075985; } .sfb-slate .sfb-pg--blue .sfb-pg__btn { background: #1E40AF; }
.sfb-slate .sfb-pg--dark { background: #1E293B; }

/* "What we do" illustrations */
.sfb-slate .sfb-art [fill="#047857" i] { fill: #2563EB; }
.sfb-slate .sfb-art [stroke="#047857" i] { stroke: #2563EB; }
.sfb-slate .sfb-art :is([fill="#0EA5A0" i], [fill="#065F46" i]) { fill: #0EA5E9; }
.sfb-slate .sfb-art [stroke="#0EA5A0" i] { stroke: #0EA5E9; }
.sfb-slate .sfb-art :is([fill="#FF7A1A" i], [fill="#EA580C" i]) { fill: #F97316; }
.sfb-slate .sfb-art [stroke="#FF7A1A" i] { stroke: #F97316; }
.sfb-slate .sfb-art [fill="#D1FAE5" i] { fill: #DBEAFE; }
.sfb-slate .sfb-art [fill="#E2F7F5" i] { fill: #E0F2FE; }
.sfb-slate .sfb-art [fill="#0B6B67" i] { fill: #075985; }
.sfb-slate .sfb-pillar__art--orange { background-color: #FFF5ED; }
.sfb-slate :is(.sfb-pillar__art--violet, .sfb-pillar__art--teal, .sfb-pillar__art--blue, .sfb-pillar__art--pink, .sfb-pillar__art--dark) { background-color: #F1F5F9; }

/* Pages that still use the WordPress theme */
body.sfb-slate:not(.sfb-canvas) :is(.site-header, .main-header-bar) { border-bottom: 1px solid var(--sfb-edge); }

/* "Auto-billing on" badge matches the main "Get a free Fit Scan" button */
.sfb-slate .sfb-hero__badge.sfb-bg-teal, .sfb-slate .sfb-hero__badge.sfb-bg-violet { background: var(--sfb-violet); color: #fff; }
/* Headline second line: dark orange fading to light orange, with an ambient orange glow */
.sfb-slate .sfb-hero__hl { background: linear-gradient(90deg, #C2410C 0%, #EA580C 30%, #F97316 55%, #FDBA74 100%); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 30px rgba(249, 115, 22, .35); }
/* Hero buttons: "Find a Fit" grey with a blinking red light, "Explore our Fits" orange with a white dot */
.sfb-slate .sfb-hero .sfb-hero__cta1, .sfb-slate .sfb-hero .sfb-hero__cta2 { display: inline-flex; align-items: center; gap: 10px; }
.sfb-slate .sfb-hero .sfb-hero__cta1 { background: #475569; border-color: #475569; color: #fff; }
.sfb-slate .sfb-hero .sfb-hero__cta1:hover { background: #3B4A5E; border-color: #3B4A5E; color: #fff; }
.sfb-slate .sfb-hero .sfb-hero__cta1::after { content: ""; width: 9px; height: 9px; border-radius: 50%; background: #EF4444; box-shadow: 0 0 8px 2px rgba(239, 68, 68, .75); animation: sfb-blink 1.1s steps(2, start) infinite; }
.sfb-slate .sfb-hero .sfb-hero__cta2 { background: #EA580C; border-color: #EA580C; color: #fff; }
.sfb-slate .sfb-hero .sfb-hero__cta2:hover { background: #C2410C; border-color: #C2410C; color: #fff; }
.sfb-slate .sfb-hero .sfb-hero__cta2::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #fff; }
@keyframes sfb-blink { to { visibility: hidden; } }
@media (prefers-reduced-motion: reduce) { .sfb-slate .sfb-hero .sfb-hero__cta1::after { animation: none; } }