/**
 * Rich & Well — Dark mode layer
 *
 * Strategy (class on <html>):
 * 1. CSS variables flip surfaces + text (html.dark beats :root)
 * 2. Remap light-only utilities / hardcoded whites
 * 3. Keep intentionally dark sections (heroes) readable
 *
 * @package Rich_And_Well
 */

/* ── Variables (high specificity so Theme Options :root cannot win) ── */
html.dark {
	color-scheme: dark;
	--bg-primary: linear-gradient(135deg, #050e17 0%, #0a2a4d 50%, #050e17 100%);
	--bg-secondary: #0a1624;
	--bg-dark: #050e17;
	--bg-darker: #00040d;
	--text-primary: #ffffff;
	--text-secondary: #b0b8c4;
	--text-light: #8b95a5;
	--text-white: #ffffff;
	--border-light: rgba(255, 255, 255, 0.12);
	--border-dark: rgba(255, 255, 255, 0.12);
	--card-bg-light: rgba(14, 28, 44, 0.94);
	--card-bg-dark: rgba(14, 28, 44, 0.94);
	--card-shadow: 0 10px 32px rgba(0, 0, 0, 0.4);
}

html.dark,
html.dark body,
html.dark body.gradient-bg,
html.dark body.light-hero.gradient-bg {
	color: var(--text-primary);
	background-color: var(--bg-dark) !important;
	background-image: none !important;
}

/* ── Typography defaults ── */
html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6 {
	color: var(--text-primary);
}

html.dark .text-white {
	color: #ffffff !important;
}

html.dark a:not([class*="btn"]):not(.xoo-wsc-ft-btn):not(.raw-cart-btn):not(.raw-checkout-btn) {
	color: inherit;
}

/* ── Tailwind utility remaps (CDN often ships without dark: variants wired) ── */
html.dark .text-black,
html.dark .text-gray-900,
html.dark .text-gray-800,
html.dark .text-neutral-900,
html.dark .text-slate-900 {
	color: #ffffff !important;
}

html.dark .text-gray-700,
html.dark .text-gray-600,
html.dark .text-slate-700,
html.dark .text-slate-600 {
	color: #c5ccd6 !important;
}

html.dark .text-gray-500,
html.dark .text-slate-500 {
	color: #9ca3af !important;
}

html.dark .text-gray-400 {
	color: #9ca3af !important;
}

html.dark .bg-white,
html.dark .bg-gray-50,
html.dark .bg-slate-50,
html.dark .bg-neutral-50 {
	background-color: #0c1826 !important;
}

html.dark .bg-gray-100,
html.dark .bg-slate-100 {
	background-color: #122033 !important;
}

html.dark .border-gray-200,
html.dark .border-gray-100,
html.dark .border-slate-200 {
	border-color: rgba(255, 255, 255, 0.12) !important;
}

html.dark .hover\:bg-gray-50:hover,
html.dark .hover\:bg-white:hover {
	background-color: rgba(255, 255, 255, 0.06) !important;
}

/* Inline light surfaces used across templates */
html.dark [style*="background:white"],
html.dark [style*="background: white"],
html.dark [style*="background:#fff"],
html.dark [style*="background: #fff"],
html.dark [style*="background:#ffffff"],
html.dark [style*="background: #ffffff"],
html.dark [style*="background:#f8f9fb"],
html.dark [style*="background: #f8f9fb"],
html.dark [style*="background:#F8F9FB"],
html.dark [style*="background: #F8F9FB"] {
	background: #0c1826 !important;
	color: var(--text-primary);
}

html.dark [style*="background:#e8ebf0"],
html.dark [style*="background: #e8ebf0"],
html.dark [style*="background:#f0f4ff"],
html.dark [style*="background: #f0f4ff"] {
	background: #0a1624 !important;
}

html.dark [style*="border:1px solid #e5e7eb"],
html.dark [style*="border:1px solid #E5E7EB"],
html.dark [style*="border-color:#e5e7eb"] {
	border-color: rgba(255, 255, 255, 0.12) !important;
}

/* ── Cards ── */
html.dark .card-gradient,
html.dark .value-card,
html.dark .product-card {
	background: linear-gradient(165deg, rgba(18, 36, 56, 0.96) 0%, rgba(8, 18, 30, 0.98) 100%);
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: var(--card-shadow);
	color: var(--text-primary);
}

html.dark .card-gradient h1,
html.dark .card-gradient h2,
html.dark .card-gradient h3,
html.dark .card-gradient h4,
html.dark .value-card h1,
html.dark .value-card h2,
html.dark .value-card h3,
html.dark .product-card h1,
html.dark .product-card h2,
html.dark .product-card h3 {
	color: #ffffff !important;
}

html.dark .card-gradient p,
html.dark .value-card p,
html.dark .product-card p {
	color: var(--text-secondary) !important;
}

/* ── Forms ── */
html.dark input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="range"]),
html.dark textarea,
html.dark select {
	background-color: #0c1826 !important;
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.16) !important;
}

html.dark input::placeholder,
html.dark textarea::placeholder {
	color: #8b95a5 !important;
}

/* ── Navbar / mobile chrome ── */
html.dark #navbar.scrolled {
	background: rgba(5, 14, 23, 0.94) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

html.dark #navbar.scrolled .nav-link,
html.dark #navbar.scrolled #loginBtn {
	color: #ffffff !important;
}

/* Login / signup / light-hero / scrolled: solid dark chrome */
html.dark #navbar.scrolled,
html.dark body.light-hero #navbar,
html.dark body.raw-login-page #navbar,
html.dark body.raw-registration-flow #navbar,
html.dark body.raw-nav-scrolled #navbar {
	background: #07111c !important;
	background-color: #07111c !important;
	box-shadow: 0 1px 16px rgba(0, 0, 0, 0.4) !important;
	border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
}

html.dark #navbar .nav-link,
html.dark #navbar .nav-link.text-white,
html.dark #navbar #loginBtn,
html.dark body.light-hero #navbar .nav-link,
html.dark body.light-hero #navbar .nav-link.text-white,
html.dark body.light-hero #navbar #loginBtn,
html.dark body.raw-login-page #navbar .nav-link,
html.dark body.raw-login-page #navbar #loginBtn,
html.dark body.raw-registration-flow #navbar .nav-link,
html.dark body.raw-registration-flow #navbar #loginBtn {
	color: rgba(255, 255, 255, 0.92) !important;
}

html.dark #navbar #loginBtn,
html.dark body.light-hero #navbar #loginBtn,
html.dark body.raw-login-page #navbar #loginBtn,
html.dark body.raw-registration-flow #navbar #loginBtn {
	border-color: rgba(255, 255, 255, 0.35) !important;
}

html.dark .theme-toggle,
html.dark body.light-hero .theme-toggle,
html.dark body.raw-login-page .theme-toggle,
html.dark body.raw-registration-flow .theme-toggle {
	border-color: rgba(255, 255, 255, 0.35) !important;
	color: #ffffff !important;
}

html.dark .theme-toggle i,
html.dark body.light-hero .theme-toggle i,
html.dark body.raw-login-page .theme-toggle i,
html.dark body.raw-registration-flow .theme-toggle i {
	color: #ffffff !important;
	background: transparent !important;
}

html.dark .hamburger-line,
html.dark body.light-hero .hamburger-line,
html.dark body.raw-login-page .hamburger-line,
html.dark body.raw-registration-flow .hamburger-line {
	background: #ffffff !important;
}

/* Dark heroes: keep navbar transparent until scroll (match light-mode hero behavior) */
html.dark body:not(.light-hero):not(.raw-login-page):not(.raw-registration-flow) #navbar:not(.scrolled) {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border-bottom-color: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
html.dark body:not(.light-hero):not(.raw-login-page):not(.raw-registration-flow) #navbar:not(.scrolled)::before {
	background: transparent !important;
}
html.dark body:not(.light-hero):not(.raw-login-page):not(.raw-registration-flow):not(.raw-nav-scrolled) #raw-top-seal,
html.dark body:not(.light-hero):not(.raw-login-page):not(.raw-registration-flow):not(.raw-nav-scrolled) .raw-top-seal {
	background: transparent !important;
}

html.dark #raw-top-seal,
html.dark .raw-top-seal,
html.dark body.light-hero #raw-top-seal {
	background: #050e17 !important;
}

/* About dropdown stays dark in dark mode */
html.dark .nav-dropdown-menu,
html.dark #navbar.scrolled .nav-dropdown-menu,
html.dark body.light-hero .nav-dropdown-menu {
	background: #0a1624 !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
}
html.dark .nav-dropdown-item,
html.dark #navbar.scrolled .nav-dropdown-item,
html.dark body.light-hero .nav-dropdown-item {
	color: rgba(255, 255, 255, 0.88) !important;
}
html.dark .nav-dropdown-item:hover,
html.dark #navbar.scrolled .nav-dropdown-item:hover,
html.dark body.light-hero .nav-dropdown-item:hover {
	color: #ffffff !important;
	background: rgba(255, 255, 255, 0.06) !important;
}

/* Testimonials stats readable in dark */
html.dark .testi-stats-bar {
	background: #0f1c2e !important;
	border: 1px solid rgba(148, 163, 184, 0.16);
	box-shadow: 0 10px 36px rgba(0, 0, 0, 0.35) !important;
}
html.dark .testi-stat-num {
	color: #f1f5f9 !important;
}
html.dark .testi-stat-label {
	color: #9aa8bc !important;
}
html.dark .testi-stat-item {
	border-right-color: rgba(148, 163, 184, 0.14) !important;
}

/* Dashboard must never show marketing top seal */
html.dark body.raw-member-dashboard #raw-top-seal,
html.dark body.raw-member-dashboard .raw-top-seal,
body.raw-member-dashboard #raw-top-seal,
body.raw-member-dashboard .raw-top-seal {
	display: none !important;
}

html.dark .theme-toggle {
	border-color: rgba(255, 255, 255, 0.55);
	color: #ffffff;
}

html.dark .mobile-menu-btn,
html.dark .raw-header-cart {
	border-color: rgba(255, 255, 255, 0.35) !important;
	color: #ffffff !important;
}

html.dark .hamburger-line {
	background: #ffffff !important;
}

/* ── Contact / info surfaces ── */
html.dark .contact-info-bar,
html.dark .contact-info-item,
html.dark .contact-info-wrap {
	background: #0c1826;
	color: var(--text-primary);
	border-color: rgba(255, 255, 255, 0.1);
}

html.dark .contact-info-label {
	color: var(--text-secondary) !important;
}

html.dark .contact-info-value,
html.dark .contact-info-value a {
	color: #ffffff !important;
}

html.dark .contact-info-sub {
	color: var(--text-light) !important;
}

/* ── WooCommerce chrome ── */
html.dark .woocommerce,
html.dark .woocommerce-page,
html.dark .raw-woocommerce,
html.dark .raw-catalog,
html.dark .raw-cart,
html.dark .raw-checkout {
	color: var(--text-primary);
}

html.dark .woocommerce table.shop_table,
html.dark .woocommerce-cart-form,
html.dark .cart_totals,
html.dark .woocommerce-checkout-review-order,
html.dark .woocommerce-billing-fields,
html.dark .woocommerce-additional-fields {
	background: transparent;
	color: var(--text-primary);
}

html.dark .woocommerce table.shop_table th,
html.dark .woocommerce table.shop_table td,
html.dark .woocommerce-Price-amount {
	color: var(--text-primary) !important;
}

html.dark .woocommerce a.remove {
	color: #f87171 !important;
}

/* ── Side cart ── */
html.dark .xoo-wsc-modal .xoo-wsc-container,
html.dark .xoo-wsc-body,
html.dark .xoo-wsc-header {
	background: #0a1624 !important;
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark .xoo-wsc-product-name a,
html.dark .xoo-wsc-products:not(.xoo-wsc-pattern-card) a,
html.dark .xoo-wsc-pname,
html.dark .xoo-wsc-sm-left,
html.dark .xoo-wsc-sm-right,
html.dark .xoo-wsc-ft-amt-label,
html.dark .xoo-wsc-ft-amt-value,
html.dark .xoo-wsc-footer-txt,
html.dark .xoo-wsc-emp-txt {
	color: #ffffff !important;
}

html.dark .xoo-wsc-footer {
	background: #0c1826 !important;
	border-top-color: rgba(255, 255, 255, 0.1) !important;
	box-shadow: none;
	color: #ffffff !important;
}

html.dark .xoo-wsc-qty-box,
html.dark .xoo-wsc-qty,
html.dark .raw-wsc-qty {
	background: #122033 !important;
	border-color: rgba(255, 255, 255, 0.16) !important;
	color: #ffffff !important;
}

html.dark .xoo-wsc-qty-box input,
html.dark .xoo-wsc-qty input {
	color: #ffffff !important;
	background: transparent !important;
}

html.dark .xoo-wsc-img-col img,
html.dark .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-img-col img {
	background: #122033;
	border-color: rgba(255, 255, 255, 0.1);
}

html.dark .xoo-wsc-ft-btn-continue {
	color: #93c5fd !important;
}

/* ── Product / catalog cards with inline white ── */
html.dark .raw-catalog-card,
html.dark a[style*="background:white"],
html.dark a[style*="background: white"] {
	background: #0c1826 !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
	color: #ffffff !important;
}

html.dark .raw-catalog-card h3,
html.dark .raw-catalog-card .raw-catalog-title {
	color: #ffffff !important;
}

/* ── Wellness Devices light-only hardcodes ── */
html.dark .wd-filter-panel,
html.dark .wd-sidebar,
html.dark .filter-panel {
	background: #0c1826 !important;
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ── Testimonials / FAQ already have some .dark rules; reinforce ── */
html.dark .testimonials-section,
html.dark .testi-card {
	background: #0a1624;
	color: #ffffff;
}

html.dark .testi-card p {
	color: rgba(255, 255, 255, 0.78) !important;
}

html.dark .testi-card .testi-name {
	color: #ffffff !important;
}

html.dark .faq-search-bar,
html.dark .faq-item {
	background: #0c1826 !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	color: #ffffff !important;
}

/* ── Login / signup light cards ── */
html.dark .auth-card,
html.dark [class*="login"] .card-gradient,
html.dark [class*="signup"] .card-gradient {
	background: linear-gradient(165deg, rgba(18, 36, 56, 0.96) 0%, rgba(8, 18, 30, 0.98) 100%);
}

/* ── Keep hero / intentionally-dark sections bright ── */
html.dark .hero-foreground,
html.dark .hero-foreground p,
html.dark .hero-description {
	color: rgba(255, 255, 255, 0.92);
}

html.dark .hero-foreground h1,
html.dark .hero-foreground h2 {
	color: #ffffff;
}

/*
 * Former "light surfaces" (flagship banners, catalog panels) follow the
 * dark palette too: navy panels, white titles, light-blue accents.
 */
html.dark .raw-flagship-banner {
	background: linear-gradient(135deg, #07152a 0%, #0b1e38 45%, #081a2c 100%) !important;
	color: #ffffff !important;
}

html.dark .raw-flagship-banner > img:first-child,
html.dark img[src*="101%20background"],
html.dark img[src*="101 background"] {
	filter: brightness(0.32) saturate(1.15);
}

html.dark .raw-flagship-banner > div.absolute.inset-0.hidden {
	background: linear-gradient(to right, rgba(5, 14, 23, 0.95) 0%, rgba(5, 14, 23, 0.86) 45%, rgba(5, 14, 23, 0.15) 70%, transparent 100%) !important;
}

html.dark .raw-flagship-banner > div.absolute.inset-0.md\:hidden {
	background: linear-gradient(to bottom, rgba(5, 14, 23, 0.94) 0%, rgba(5, 14, 23, 0.65) 35%, rgba(5, 14, 23, 0.1) 55%, rgba(5, 14, 23, 0.82) 80%, rgba(5, 14, 23, 0.96) 100%) !important;
}

html.dark .raw-flagship-banner div[style*="rgba(255,255,255,0.88)"] {
	background: rgba(14, 28, 44, 0.82) !important;
	border: 1px solid rgba(148, 163, 184, 0.18);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

html.dark .raw-flagship-banner div[style*="rgba(20,82,177,0.08)"],
html.dark .raw-flagship-banner div[style*="rgba(20,82,177,0.06)"] {
	background: rgba(96, 165, 250, 0.14) !important;
}

html.dark .raw-flagship-banner [style*="color:#4b5563"],
html.dark .raw-flagship-banner [style*="color:#6b7280"] {
	color: #b0b8c4 !important;
}

html.dark .raw-flagship-banner a[style*="border:1.5px solid var(--accent-blue)"] {
	color: #93c5fd !important;
	border-color: #60a5fa !important;
}

html.dark .raw-flagship-banner div[style*="border-color:var(--accent-blue)"] {
	border-color: #60a5fa !important;
}

/* Home “Explore More” strip on the dark canvas */
html.dark .raw-home-more-devices {
	background: var(--bg-primary) !important;
}

html.dark .raw-home-more-devices button[style*="background:white"] {
	background: #132033 !important;
	border-color: rgba(148, 163, 184, 0.25) !important;
	color: #93c5fd !important;
}

/* Wellness Devices hero: navy wash over the photo, white copy */
html.dark .wd-hero-section {
	background:
		linear-gradient(90deg, rgba(5, 14, 23, 0.96) 0%, rgba(5, 14, 23, 0.88) 36%, rgba(5, 14, 23, 0.35) 62%, rgba(5, 14, 23, 0.15) 100%),
		url("../images/wellnesshero.jpeg") center top / cover no-repeat,
		#050e17 !important;
	color: #ffffff !important;
}

@media (max-width: 767px) {
	html.dark .wd-hero-section {
		background:
			linear-gradient(180deg, rgba(5, 14, 23, 0.94) 0%, rgba(5, 14, 23, 0.88) 60%, rgba(5, 14, 23, 0.7) 100%),
			url("../images/wellnesshero.jpeg") center / cover no-repeat,
			#050e17 !important;
	}
}

html.dark .wd-hero-section::before {
	background-image: radial-gradient(circle, rgba(148, 163, 184, 0.08) 1px, transparent 1px);
}

html.dark .wd-hero-section h1,
html.dark .wd-hero-section [style*="color:#050e17"] {
	color: #ffffff !important;
}

html.dark .wd-hero-section h1 span[style*="accent-green"] {
	color: #6cc644 !important;
}

html.dark .wd-hero-section p[style*="#4b5563"] {
	color: #c3cad5 !important;
}

html.dark .wd-hero-section span[style*="#374151"] {
	color: #e2e8f0 !important;
}

html.dark .wd-hero-badge {
	background: rgba(14, 28, 44, 0.9);
	border-color: rgba(96, 165, 250, 0.35);
	color: #93c5fd;
}

html.dark .wd-hero-feat-icon {
	background: #132033;
	border-color: rgba(96, 165, 250, 0.3);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

html.dark .wd-hero-feat-icon [style*="color:var(--accent-blue)"] {
	color: #60a5fa !important;
}

html.dark .wd-search-bar {
	background: #0f1c2e;
	border-color: rgba(148, 163, 184, 0.22);
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.4);
}

html.dark .wd-search-bar .wd-search-input,
html.dark .wd-hero-section .wd-search-input {
	background: transparent !important;
	color: #f1f5f9 !important;
}

html.dark .wd-search-input::placeholder {
	color: #8b97a8;
}

/* Catalog / WD flagship panels (were "light surfaces") */
html.dark .raw-light-surface:not(.wd-hero-section) {
	background: linear-gradient(135deg, rgba(20, 45, 80, 0.45) 0%, rgba(14, 28, 44, 0.9) 100%) !important;
	border-color: rgba(148, 163, 184, 0.16) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
	color: #ffffff;
}

html.dark .raw-light-surface div[style*="background:rgba(255,255,255,0.9)"] {
	background: rgba(19, 32, 51, 0.92) !important;
	border-color: rgba(148, 163, 184, 0.16) !important;
}

html.dark .raw-light-surface a[style*="rgba(20, 82, 177, 0.7)"] {
	color: #93c5fd !important;
	border-color: #60a5fa !important;
}

/* Catalog product cards: brighter titles + body copy in dark mode */
html.dark .raw-catalog-card,
html.dark .raw-catalog-card.product-card,
html.dark .product-card.raw-catalog-card {
	color: #ffffff !important;
}

html.dark .raw-catalog-card .raw-catalog-product-name,
html.dark .raw-catalog-card .brandname,
html.dark .raw-catalog-card h2,
html.dark .raw-catalog-card h3,
html.dark .raw-catalog-card strong,
html.dark .raw-catalog-card [style*="color:var(--text-primary)"] {
	color: #ffffff !important;
}

html.dark .raw-catalog-card p,
html.dark .raw-catalog-card [style*="color:var(--text-secondary)"] {
	color: #e8edf5 !important;
}

html.dark .raw-catalog-card a[style*="rgba(20, 82, 177"],
html.dark .raw-catalog-card a[style*="rgba(20,82,177"] {
	color: #7eb6ff !important;
	border-color: #7eb6ff !important;
}

html.dark .card-gradient.product-card h2,
html.dark .card-gradient.product-card h3,
html.dark .card-gradient.product-card .raw-catalog-product-name {
	color: #ffffff !important;
}

html.dark .card-gradient.product-card p,
html.dark .card-gradient.product-card [style*="color:var(--text-secondary)"] {
	color: #e8edf5 !important;
}

/* Home testimonials: ensure navy canvas + readable copy in dark mode */
html.dark .testimonials-section {
	background: #050e17 !important;
	color: #ffffff;
}

html.dark .testimonials-section h2,
html.dark .testimonials-section h2[style*="color:var(--text-primary)"],
html.dark .testimonials-section [style*="color:var(--text-primary)"] {
	color: #ffffff !important;
}

html.dark .testimonials-section [style*="color:var(--text-secondary)"] {
	color: #b0b8c4 !important;
}

/* Home FAQ accordion stays readable on dark cards */
html.dark #faq .faq-accordion h3,
html.dark #faq .faq-accordion h3[style*="color:var(--text-primary)"] {
	color: #ffffff !important;
}

html.dark #faq .faq-panel p,
html.dark #faq .faq-panel p[style*="color:var(--text-secondary)"] {
	color: #b0b8c4 !important;
}

/* Footer full-bleed image bands */
.footer-join-cta--bleed,
.footer-mission-section--bleed {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	position: relative;
}

.footer-join-cta--bleed .footer-join-cta-bg {
	border-radius: 0 !important;
	width: 100%;
}

.footer-join-cta--bleed .footer-join-cta-card {
	border-radius: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

.footer-mission-section--bleed {
	padding-left: 0;
	padding-right: 0;
}

/* ═══════════════ Full-site dark audit ═══════════════ */

/* Brand-blue inline text is too dark on navy — lift to a readable blue */
html.dark [style*="color:var(--accent-blue)"]:not([style*="background:var(--accent-blue)"]),
html.dark [style*="color: var(--accent-blue)"]:not([style*="background: var(--accent-blue)"]),
html.dark [style*="color:#1452b1"],
html.dark [style*="color:#1452B1"],
html.dark [style*="color: #1452b1"],
html.dark [style*="color:#1e3a8a"] {
	color: #7eb6ff !important;
}

html.dark [style*="border:1.5px solid var(--accent-blue)"],
html.dark [style*="border:2px solid var(--accent-blue)"],
html.dark [style*="border: 1.5px solid var(--accent-blue)"] {
	border-color: #60a5fa !important;
}

html.dark .footer-deskon strong {
	color: #7eb6ff;
}

/* Section headings hard-coded to navy */
html.dark h2[style*="color:#050e17"],
html.dark h3[style*="color:#050e17"] {
	color: #ffffff !important;
}

/* Wellness Devices category tabs */
html.dark .cat-tab span[style*="color:#374151"] {
	color: #cbd5e1 !important;
}

html.dark .cat-tab:not(.active-tab):hover {
	background: rgba(96, 165, 250, 0.1) !important;
}

/* Catalog series headings using brand navy/blue */
html.dark .raw-catalog-series-title[style*="#1452"],
html.dark .raw-catalog-series-title[style*="var(--accent-blue)"] {
	color: #7eb6ff !important;
}

/* ── Single product page ── */
html.dark .raw-pdp-tablist,
html.dark .raw-pdp-tabpanels,
html.dark .raw-pdp-related-card,
html.dark .raw-pdp-visual-card {
	background: #0f1c2e;
	border-color: rgba(148, 163, 184, 0.16);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

html.dark .raw-pdp-tab {
	color: #b0b8c4;
}

html.dark .raw-pdp-tab.is-active,
html.dark .raw-pdp-tab:hover {
	background: rgba(96, 165, 250, 0.14);
	color: #93c5fd;
}

html.dark .raw-pdp-panel h2,
html.dark .raw-pdp-specs th,
html.dark .raw-pdp-faq summary,
html.dark .raw-pdp-related-name,
html.dark .raw-pdp-related-price,
html.dark .raw-pdp-related-head h2,
html.dark .raw-pdp-visuals-title,
html.dark .raw-pdp-trust-bar strong {
	color: #ffffff;
}

html.dark .raw-pdp-panel-body,
html.dark .raw-pdp-specs td,
html.dark .raw-pdp-faq p,
html.dark .raw-pdp-related-meta,
html.dark .raw-pdp-trust-bar small {
	color: #c3cad5;
}

html.dark .raw-pdp-specs th,
html.dark .raw-pdp-specs td,
html.dark .raw-pdp-faq details {
	border-color: rgba(148, 163, 184, 0.14);
}

html.dark .raw-pdp-related-media,
html.dark .raw-pdp-thumb {
	background: #16263b;
}

html.dark .raw-pdp-related-prev,
html.dark .raw-pdp-related-next {
	background: #132033;
	border-color: rgba(148, 163, 184, 0.25);
	color: #e2e8f0;
}

html.dark .raw-pdp-related-prev:hover,
html.dark .raw-pdp-related-next:hover {
	border-color: #60a5fa;
	color: #93c5fd;
}

html.dark .raw-pdp-trust-bar {
	background: rgba(96, 165, 250, 0.08);
	border-color: rgba(96, 165, 250, 0.18);
}

html.dark .raw-pdp-trust-icon {
	background: #132033;
	color: #60a5fa;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

html.dark .raw-pdp-visuals-eyebrow {
	color: #7eb6ff;
}

html.dark .raw-pdp-cart .quantity .qty {
	background: #0f1c2e;
	border-color: rgba(148, 163, 184, 0.25);
	color: #ffffff;
}

/* ── FAQ "Your Success is Our Priority" banner ── */
html.dark [style*="background:#f0f4ff"] {
	background: linear-gradient(135deg, rgba(20, 45, 80, 0.55) 0%, #0f1c2e 100%) !important;
	border-color: rgba(96, 165, 250, 0.2) !important;
}

html.dark [style*="border:2px solid #f0f4ff"] {
	border-color: #0f1c2e !important;
}

html.dark [style*="color:rgb(37, 37, 37)"] {
	color: #ffffff !important;
}

html.dark [style*="color:rgb(77, 77, 77)"] {
	color: #c3cad5 !important;
}

html.dark .raw-wsc-qty-btn {
	background: #1a2c44;
	color: #93c5fd;
}

html.dark .raw-wsc-qty-btn:hover:not(:disabled) {
	background: #1452b1;
	color: #ffffff;
}

html.dark .raw-wsc-qty-val {
	color: #ffffff;
}

html.dark .raw-flagship-banner [style*="color:var(--accent-green)"] {
	color: #6cc644 !important;
}

html.dark .raw-pdp-pill {
	background: rgba(96, 165, 250, 0.14);
	color: #93c5fd;
}

/* ── Cart / checkout ── */
html.dark .raw-cart-item-media,
html.dark .raw-checkout-line-thumb {
	background: #16263b;
}

html.dark .raw-cart-btn--ghost {
	background: rgba(96, 165, 250, 0.14);
	color: #93c5fd !important;
}

html.dark .select2-container--default .select2-selection--single,
html.dark .select2-container--default .select2-selection--multiple {
	background: #0f1c2e;
	border-color: rgba(148, 163, 184, 0.25);
}

html.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #f1f5f9;
}

html.dark .select2-dropdown {
	background: #0f1c2e;
	border-color: rgba(148, 163, 184, 0.25);
	color: #e2e8f0;
}

html.dark .select2-container--default .select2-search--dropdown .select2-search__field {
	background: #132033;
	border-color: rgba(148, 163, 184, 0.25);
	color: #f1f5f9;
}

html.dark .select2-container--default .select2-results__option[aria-selected="true"],
html.dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #1452b1;
	color: #ffffff;
}

html.dark .blockUI.blockOverlay {
	background: #050e17 !important;
}

/* ── Compensation plan: disabled tier button ── */
html.dark button[style*="background:#e5e7eb"] {
	background: #1e293b !important;
	color: #94a3b8 !important;
}

/* ── Contact map placeholder ── */
html.dark [style*="background:#e8eef5"] {
	background: #0f1f33 !important;
}

html.dark [style*="background:#e8eef5"] [style*="background:white"] {
	background: rgba(148, 163, 184, 0.35) !important;
}

/* ── Opportunity testimonial play buttons ── */
html.dark .bg-white\/80 {
	background-color: rgba(15, 28, 46, 0.85) !important;
	color: #93c5fd;
}

/* ── Light mode: dark ink on light surfaces ── */
html:not(.dark) body {
	color: var(--text-primary, #050e17);
}

html:not(.dark) body.gradient-bg,
html:not(.dark) body.light-hero.gradient-bg {
	background-color: var(--bg-primary, #f8f9fb);
	color: var(--text-primary, #050e17);
}

html:not(.dark) h1,
html:not(.dark) h2,
html:not(.dark) h3,
html:not(.dark) h4,
html:not(.dark) h5,
html:not(.dark) h6 {
	color: inherit;
}

html:not(.dark) p,
html:not(.dark) li,
html:not(.dark) label,
html:not(.dark) .text-gray-600,
html:not(.dark) .text-gray-700 {
	color: var(--text-secondary, #4b5563);
}

html:not(.dark) .bg-white,
html:not(.dark) .bg-gray-50,
html:not(.dark) .card-gradient,
html:not(.dark) .value-card,
html:not(.dark) .product-card {
	color: var(--text-primary, #050e17);
}