/* =====================================================================
   Sitefitters — Forest theme
   Dark green on every page (Bizople-style), white text,
   green highlights, orange as the second accent.
   Loaded after sitefitters.css; everything is scoped to body.sfb-forest.
   ===================================================================== */
body.sfb-forest {
	--sfb-night: #03140D;
	--sfb-panel: #0A2A1D;
	--sfb-violet: #047857;
	--sfb-violet-dark: #065F46;
	--sfb-teal: #0F766E;
	--sfb-blue: #15803D;
	--sfb-pink: #C2410C;
	--sfb-orange: #F97316;
	--sfb-hl: #34D399;
	--sfb-hl-orange: #FB923C;
	--sfb-soft: #A7C4B5;
	--sfb-edge: rgba(167, 196, 181, .16);
	--sfb-surface: rgba(255, 255, 255, .035);
	background-color: #03140D;
	background-image:
		radial-gradient(1100px 620px at 85% -120px, rgba(16, 185, 129, .20), transparent 70%),
		radial-gradient(900px 600px at -10% 30%, rgba(5, 150, 105, .10), transparent 70%);
	background-repeat: no-repeat;
	color: #fff;
}

/* ---------- Base ---------- */
.sfb-forest .sfb { color: #fff; }
.sfb-forest .sfb-h2, .sfb-forest .sfb-card__title, .sfb-forest .sfb-pillar__title, .sfb-forest .sfb-sc__name,
.sfb-forest .sfb-ex__caption, .sfb-forest .sfb-point strong, .sfb-forest .sfb-mpanel__title { color: #fff; }
.sfb-forest .sfb-muted, .sfb-forest .sfb .sfb-lead, .sfb-forest .sfb .sfb-head p, .sfb-forest .sfb-sc__cat,
.sfb-forest .sfb-gantt__cols, .sfb-forest .sfb-plan__text, .sfb-forest .sfb-plan__care,
.sfb-forest .sfb .sfb-showcase__intro, .sfb-forest .sfb .sfb-pillars__intro, .sfb-forest .sfb-logos__intro,
.sfb-forest .sfb-mfig__label, .sfb-forest .sfb-mpanel__desc, .sfb-forest .sfb-split2__side small,
.sfb-forest .sfb-market__sources, .sfb-forest .sfb-market__updated, .sfb-forest .sfb-pillar__num { color: var(--sfb-soft); }
.sfb-forest .sfb-market__sources a { color: #fff; }

/* Sections sit on the page background */
.sfb-forest .sfb-alt, .sfb-forest .sfb-stats { background: transparent; }
.sfb-forest .sfb-showcase { background-color: transparent; background-image: radial-gradient(rgba(255, 255, 255, .07) 1.2px, transparent 1.3px); border-color: var(--sfb-edge); }
.sfb-forest .sfb-logos, .sfb-forest .sfb-footer, .sfb-forest .sfb-footer__bottom { border-color: var(--sfb-edge); }
.sfb-forest .sfb-stats { border-top: 1px solid var(--sfb-edge); border-bottom: 1px solid var(--sfb-edge); }
.sfb-forest .sfb-stat__label { color: var(--sfb-soft); }

/* ---------- Announcement + nav ---------- */
.sfb-forest .sfb-announce { background: var(--sfb-violet); }
.sfb-forest .sfb-nav, .sfb-forest .sfb-nav.is-dark { background: rgba(3, 20, 13, .82); color: #fff; border-bottom: 1px solid var(--sfb-edge); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); position: sticky; top: 0; z-index: 50; }
.sfb-forest .sfb-nav .sfb-nav__links .sfb-nav__link { color: #D3E6DC; }
.sfb-forest .sfb-nav .sfb-nav__link:hover, .sfb-forest .sfb-nav .sfb-nav__links .sfb-nav__link:hover { color: var(--sfb-hl); }
.sfb-forest .sfb-mark { background: #fff; }
.sfb-forest .sfb-mark span { background: var(--sfb-violet); }
.sfb-forest .sfb-mark span:nth-child(2) { background: var(--sfb-orange); }
.sfb-forest .sfb-mark span:nth-child(3) { background: var(--sfb-hl); }
.sfb-forest.admin-bar .sfb-nav { top: 32px; }
@media (max-width: 782px) { .sfb-forest.admin-bar .sfb-nav { top: 0; position: relative; } }

/* ---------- Hero ---------- */
.sfb-forest .sfb-hero { background: transparent; }
.sfb-forest .sfb-hero__hl { color: var(--sfb-hl); }
.sfb-forest .sfb-hero__text { color: #C9DED3; }
.sfb-forest .sfb-hero__points { color: #E3F1EA; }
.sfb-forest .sfb-hero__points li span { background: rgba(52, 211, 153, .16); color: var(--sfb-hl); }
.sfb-forest .sfb-hero__tag { color: var(--sfb-hl); }
.sfb-forest .sfb-hero__tag::before { background: var(--sfb-hl); box-shadow: 0 0 0 4px rgba(52, 211, 153, .2); }
.sfb-forest .sfb-wh { box-shadow: 0 30px 90px rgba(4, 120, 87, .35); }

/* ---------- Buttons ---------- */
.sfb-forest .sfb-btn--outline, .sfb-forest .sfb-btn--ghost { background: transparent; color: #fff !important; border: 1px solid rgba(255, 255, 255, .3); }
.sfb-forest .sfb-btn--outline:hover, .sfb-forest .sfb-btn--ghost:hover { background: rgba(255, 255, 255, .08); }
.sfb-forest .sfb-textlink { color: var(--sfb-hl) !important; }

/* ---------- Cards and panels: dark with a thin border ---------- */
.sfb-forest .sfb-card, .sfb-forest .sfb-sc, .sfb-forest .sfb-pillar, .sfb-forest .sfb-quote, .sfb-forest .sfb-sol,
.sfb-forest .sfb-gantt, .sfb-forest .sfb-plan, .sfb-forest .sfb-mfig, .sfb-forest .sfb-mpanel, .sfb-forest .sfb-marquee__item {
	background: var(--sfb-surface); border: 1px solid var(--sfb-edge); color: #fff; box-shadow: none;
}
.sfb-forest .sfb-pillar__body, .sfb-forest .sfb-sol__body { color: #fff; }
.sfb-forest .sfb-marquee__name { color: #fff; }
.sfb-forest a.sfb-marquee__item:hover { border-color: var(--sfb-hl); }
.sfb-forest .sfb-quote__logo-ph { background: rgba(255, 255, 255, .08); color: var(--sfb-soft); }
.sfb-forest .sfb-pillar__points, .sfb-forest .sfb-sc__features { border-color: rgba(255, 255, 255, .15); }
.sfb-forest .sfb-pillar__art { border-color: var(--sfb-edge); }
.sfb-forest .sfb-pillar__art--orange { background-color: #FFF4EC; }
.sfb-forest .sfb-pillar__art--violet, .sfb-forest .sfb-pillar__art--teal, .sfb-forest .sfb-pillar__art--blue,
.sfb-forest .sfb-pillar__art--pink, .sfb-forest .sfb-pillar__art--dark { background-color: #EDF8F2; }
.sfb-forest .sfb-sc__count, .sfb-forest .sfb-sc__chev { background: transparent; border-color: rgba(255, 255, 255, .2); color: var(--sfb-soft); }
.sfb-forest .sfb-sc__chev::before { border-color: #fff; }
.sfb-forest .sfb-browser, .sfb-forest .sfb-shot__frame { border-color: var(--sfb-edge); box-shadow: 0 18px 40px rgba(0, 0, 0, .35); }
.sfb-forest .sfb-darkpanel { background: var(--sfb-panel); border: 1px solid var(--sfb-edge); }
.sfb-forest .sfb-live, .sfb-forest .sfb-market__updated::before { color: var(--sfb-hl); }
.sfb-forest .sfb-plan.is-featured { background: var(--sfb-violet-dark); border-color: var(--sfb-hl); box-shadow: 0 24px 60px rgba(4, 120, 87, .35); }
.sfb-forest .sfb-cta__box { background: var(--sfb-panel); border: 1px solid var(--sfb-edge); }
.sfb-forest .sfb-cta__orb--a { background: #10B981; opacity: .35; }

/* Market stats */
.sfb-forest .sfb-market__updated { border-color: rgba(255, 255, 255, .15); }
.sfb-forest .sfb-mtabs, .sfb-forest .sfb-rank__n, .sfb-forest .sfb-rank__track { background: rgba(255, 255, 255, .08); }
.sfb-forest .sfb-mtab { color: var(--sfb-soft); }
.sfb-forest .sfb-mtab[aria-selected="true"] { background: var(--sfb-violet); color: #fff; box-shadow: none; }
.sfb-forest .sfb-mtab:focus-visible { outline-color: var(--sfb-hl); }

/* ---------- Color utilities on the dark page ---------- */
.sfb-forest .sfb-tint-violet, .sfb-forest .sfb-tint-teal, .sfb-forest .sfb-tint-blue { background: rgba(52, 211, 153, .14); color: var(--sfb-hl); }
.sfb-forest .sfb-tint-orange, .sfb-forest .sfb-tint-pink { background: rgba(251, 146, 60, .14); color: var(--sfb-hl-orange); }
.sfb-forest .sfb-tint-dark { background: rgba(255, 255, 255, .08); color: #fff; }
.sfb-forest .sfb-text-violet, .sfb-forest .sfb-text-teal, .sfb-forest .sfb-text-blue,
.sfb-forest .sfb i.sfb-text-violet, .sfb-forest .sfb i.sfb-text-teal, .sfb-forest .sfb i.sfb-text-blue { color: var(--sfb-hl); }
.sfb-forest .sfb-text-orange, .sfb-forest .sfb-text-pink,
.sfb-forest .sfb i.sfb-text-orange, .sfb-forest .sfb i.sfb-text-pink { color: var(--sfb-hl-orange); }
.sfb-forest .sfb-text-dark { color: #fff; }
.sfb-forest .sfb-edge-dark { border-color: var(--sfb-soft) !important; }

/* ...but product screenshots and mockups stay light, like real apps */
.sfb-forest :is(.sfb-wh, .sfb-mock, .sfb-ui, .sfb-browser, .sfb-pg, .sfb-lightbox) { color: var(--sfb-ink); }
.sfb-forest :is(.sfb-wh, .sfb-mock, .sfb-ui, .sfb-browser, .sfb-pg, .sfb-lightbox) :is(.sfb-tint-violet, .sfb-tint-teal, .sfb-tint-blue) { background: #D1FAE5; color: #065F46; }
.sfb-forest :is(.sfb-wh, .sfb-mock, .sfb-ui, .sfb-browser, .sfb-pg, .sfb-lightbox) :is(.sfb-tint-orange, .sfb-tint-pink) { background: #FFEDD5; color: #9A3412; }
.sfb-forest :is(.sfb-wh, .sfb-mock, .sfb-ui, .sfb-browser, .sfb-pg, .sfb-lightbox) .sfb-tint-dark { background: #ECEAF5; color: var(--sfb-ink); }
.sfb-forest :is(.sfb-wh, .sfb-mock, .sfb-ui, .sfb-browser, .sfb-pg, .sfb-lightbox) :is(.sfb-text-violet, .sfb-text-teal, .sfb-text-blue) { color: #047857; }
.sfb-forest :is(.sfb-wh, .sfb-mock, .sfb-ui, .sfb-browser, .sfb-pg, .sfb-lightbox) :is(.sfb-text-orange, .sfb-text-pink) { color: #C2410C; }
.sfb-forest :is(.sfb-wh, .sfb-mock, .sfb-ui, .sfb-browser, .sfb-pg, .sfb-lightbox) .sfb-text-dark { color: var(--sfb-ink); }
.sfb-forest .sfb-wh__nav span.is-active, .sfb-forest .sfb-ui__tabs .is-on { background: #D1FAE5; color: #065F46; }
.sfb-forest .sfb-ui__bars i { background: #A7F3D0; }
.sfb-forest .sfb-ui__bars i.is-hi { background: var(--sfb-violet); }
.sfb-forest .sfb-pg--violet { background: #D1FAE5; } .sfb-forest .sfb-pg--violet .sfb-pg__brand { color: #065F46; } .sfb-forest .sfb-pg--violet .sfb-pg__btn { background: #047857; }
.sfb-forest .sfb-pg--pink { background: #FFEDD5; } .sfb-forest .sfb-pg--pink .sfb-pg__brand { color: #9A3412; } .sfb-forest .sfb-pg--pink .sfb-pg__btn { background: #C2410C; }
.sfb-forest .sfb-pg--blue { background: #DCFCE7; } .sfb-forest .sfb-pg--blue .sfb-pg__brand { color: #15803D; } .sfb-forest .sfb-pg--blue .sfb-pg__btn { background: #15803D; }
.sfb-forest .sfb-pg--dark { background: #0A2A1D; } .sfb-forest .sfb-pg--dark .sfb-pg__brand { color: var(--sfb-hl); } .sfb-forest .sfb-pg--dark .sfb-pg__btn { background: var(--sfb-hl); }
.sfb-forest .sfb-lightbox::backdrop { background: rgba(3, 20, 13, .8); }

/* ---------- "Dark" toggle = a raised green panel ---------- */
.sfb-forest .sfb.is-dark:not(.sfb-hero):not(.sfb-nav):not(.sfb-announce) { background: transparent; }
.sfb-forest .sfb.is-dark:not(.sfb-hero):not(.sfb-nav):not(.sfb-announce) > .sfb-container {
	background-color: var(--sfb-panel);
	background-image: radial-gradient(rgba(255, 255, 255, .07) 1.2px, transparent 1.3px);
	background-size: 22px 22px;
	border: 1px solid var(--sfb-edge);
}

/* ---------- Footer ---------- */
.sfb-forest .sfb-footer__link { color: var(--sfb-soft) !important; }
.sfb-forest .sfb-footer__link:hover { color: var(--sfb-hl) !important; }
.sfb-forest .sfb-footer__bottom { color: var(--sfb-soft); }

/* ---------- Pages that still use the WordPress theme ---------- */
body.sfb-forest:not(.sfb-canvas) :is(#page, .site, .site-content, .site-main, .content-area, .site-header, .site-footer, .entry-content, article, .ast-container, .main-header-bar, .wp-site-blocks) { background-color: transparent !important; color: inherit; }
body.sfb-forest:not(.sfb-canvas) :is(h1, h2, h3, h4, h5, h6, .entry-title, .site-title a) { color: #fff; }
body.sfb-forest:not(.sfb-canvas) :is(.entry-content, .site-main) a { color: var(--sfb-hl); }
body.sfb-forest:not(.sfb-canvas) :is(.entry-content, .site-main) p { color: #D3E6DC; }
body.sfb-forest:not(.sfb-canvas) :is(.site-header, .main-header-bar) { border-bottom: 1px solid var(--sfb-edge); }
body.sfb-forest:not(.sfb-canvas) .main-navigation a, body.sfb-forest:not(.sfb-canvas) .menu-item a { color: #D3E6DC; }
body.sfb-forest:not(.sfb-canvas) :is(input, textarea, select) { background: rgba(255, 255, 255, .05); color: #fff; border: 1px solid var(--sfb-edge); }

/* Cards inside a raised panel */
.sfb-forest .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(3, 20, 13, .55); border-color: var(--sfb-edge); }
.sfb-forest .sfb.is-dark .sfb-mtab[aria-selected="true"] { background: var(--sfb-violet); color: #fff; }
.sfb-forest .sfb.is-dark :is(.sfb-muted, .sfb-mfig__label, .sfb-mpanel__desc, .sfb-split2__side small, .sfb-market__sources, .sfb-market__updated, .sfb-mtab) { color: var(--sfb-soft); }
/* Muted text inside light mockups */
.sfb-forest :is(.sfb-wh, .sfb-mock, .sfb-ui, .sfb-browser, .sfb-pg, .sfb-lightbox) .sfb-muted { color: var(--sfb-muted); }
.sfb-forest .sfb-pg--dark, .sfb-forest .sfb-pg--dark .sfb-muted { color: #fff; }
.sfb-forest .sfb-pg--dark .sfb-muted { color: var(--sfb-soft); }