/* Dark Mode Overrides for AbstractRealmss — charcoal cinematic, minimal blue */

:root[data-theme="dark"] {
	--ar-dm-bg: #12151C;
	--ar-dm-surface: #1C2030;
	--ar-dm-text: #FAFAF8;
	--ar-dm-text-muted: #B8BEC8;
	--ar-dm-border: #2E3340;
	--ar-dm-accent: #5FA6C4;
}

/* Base */
html[data-theme="dark"] body {
	background: var(--ar-dm-bg);
	color: var(--ar-dm-text);
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .ar-section-title,
html[data-theme="dark"] .ar-page-title,
html[data-theme="dark"] .ar-hero-title,
html[data-theme="dark"] .ar-hero-watermark {
	color: var(--ar-dm-text);
}

html[data-theme="dark"] .ar-label,
html[data-theme="dark"] .ar-silver-line {
	color: var(--ar-dm-text-muted);
}
html[data-theme="dark"] .ar-silver-line {
	background: var(--ar-dm-border);
}

/* Header */
html[data-theme="dark"] .ar-header {
	background: linear-gradient(
		180deg,
		rgba(18, 21, 28, 0.97) 0%,
		rgba(28, 32, 48, 0.94) 100%
	);
	border-bottom-color: var(--ar-dm-border);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.04) inset,
		0 8px 32px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .ar-header.is-scrolled {
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.04) inset,
		0 12px 40px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .ar-brand,
html[data-theme="dark"] .ar-wordmark-name,
html[data-theme="dark"] .ar-nav-panel-title {
	color: var(--ar-dm-text);
}

html[data-theme="dark"] .ar-header-nav-link {
	color: var(--ar-dm-text-muted);
}

html[data-theme="dark"] .ar-header-nav-link:hover,
html[data-theme="dark"] .ar-header-nav-link.is-active {
	color: var(--ar-dm-text);
}

html[data-theme="dark"] .ar-nav-indicator {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .ar-header-icon-btn,
html[data-theme="dark"] .ar-header-cart,
html[data-theme="dark"] .ar-nav-toggle {
	background: rgba(28, 32, 48, 0.65);
	border-color: var(--ar-dm-border);
	color: var(--ar-dm-text-muted);
}

html[data-theme="dark"] .ar-header-icon-btn:hover,
html[data-theme="dark"] .ar-header-cart:hover,
html[data-theme="dark"] .ar-nav-toggle:hover {
	background: var(--ar-dm-surface);
	border-color: rgba(184, 190, 200, 0.25);
	color: var(--ar-dm-text);
}

html[data-theme="dark"] .ar-nav-toggle.is-active {
	background: var(--ar-dm-text);
	border-color: var(--ar-dm-text);
	color: var(--ar-dm-bg);
}

html[data-theme="dark"] .ar-header-actions {
	border-left-color: var(--ar-dm-border);
}

html[data-theme="dark"] .ar-header-cart-count {
	background: var(--ar-dm-text);
	color: var(--ar-dm-bg);
	border-color: var(--ar-dm-surface);
}

html[data-theme="dark"] .ar-theme-toggle {
	color: var(--ar-dm-text, #FAFAF8) !important;
}

html[data-theme="dark"] .ar-theme-toggle:hover {
	color: var(--ar-dm-accent) !important;
}

/* Theme icons transitioned via transform/opacity instead of display */

html[data-theme="dark"] .ar-nav-wrap {
	background: linear-gradient(180deg, var(--ar-dm-surface) 0%, var(--ar-dm-bg) 100%);
	border-left-color: var(--ar-dm-border);
}

html[data-theme="dark"] .ar-nav-panel-head,
html[data-theme="dark"] .ar-nav-panel-foot {
	border-color: var(--ar-dm-border);
}

html[data-theme="dark"] .ar-menu a {
	color: var(--ar-dm-text-muted);
	border-bottom-color: var(--ar-dm-border);
}

html[data-theme="dark"] .ar-menu a:hover,
html[data-theme="dark"] .ar-menu .current-menu-item > a {
	color: var(--ar-dm-text);
}

html[data-theme="dark"] .ar-nav-close {
	background: var(--ar-dm-bg);
	border-color: var(--ar-dm-border);
	color: var(--ar-dm-text-muted);
}

/* Buttons */
html[data-theme="dark"] .ar-btn--primary {
	background: var(--ar-dm-text);
	color: var(--ar-dm-bg);
	border-color: var(--ar-dm-text);
}

html[data-theme="dark"] .ar-btn--primary:hover {
	background: var(--ar-dm-text-muted);
	color: var(--ar-dm-bg);
	border-color: var(--ar-dm-text-muted);
}

html[data-theme="dark"] .ar-btn--ghost {
	color: var(--ar-dm-text);
	border-color: var(--ar-dm-text-muted);
}

html[data-theme="dark"] .ar-btn--ghost:hover {
	background: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .ar-nav a:hover {
	color: var(--ar-dm-accent);
}

html[data-theme="dark"] .ar-nav-label {
	color: var(--ar-dm-text-muted);
}

/* Footer */
html[data-theme="dark"] .ar-footer {
	background: var(--ar-dm-bg);
	border-top-color: var(--ar-dm-border);
}

html[data-theme="dark"] .ar-footer-heading,
html[data-theme="dark"] .ar-footer-tagline {
	color: var(--ar-dm-text);
}

/* ── Home CSS Overrides ── */
html[data-theme="dark"] .ar-hero:not(.ar-home-hero) {
	background: linear-gradient(180deg, var(--ar-dm-surface) 0%, var(--ar-dm-bg) 100%);
}


html[data-theme="dark"] .ar-hero-title {
	background: linear-gradient(135deg, var(--ar-dm-text) 0%, var(--ar-dm-text-muted) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

@supports not (background-clip: text) {
	html[data-theme="dark"] .ar-hero-title {
		color: var(--ar-dm-text);
	}
}

html[data-theme="dark"] .ar-hero-subtitle,
html[data-theme="dark"] .ar-hero-lead {
	color: var(--ar-dm-text-muted);
}

html[data-theme="dark"] .ar-home-strip {
	background: var(--ar-dm-surface);
	border-color: var(--ar-dm-border);
}

html[data-theme="dark"] .ar-realm-card {
	background: var(--ar-dm-surface);
	border-color: var(--ar-dm-border);
}

html[data-theme="dark"] .ar-realm-card-title {
	color: var(--ar-dm-text);
}

html[data-theme="dark"] .ar-realm-card-desc {
	color: var(--ar-dm-text-muted);
}

html[data-theme="dark"] .ar-featured-products {
	background: var(--ar-dm-bg);
}

html[data-theme="dark"] .ar-featured-title {
	color: var(--ar-dm-text);
}

html[data-theme="dark"] .ar-quote {
	background: var(--ar-dm-surface);
}

html[data-theme="dark"] .ar-cta-band {
	background: var(--ar-dm-surface);
	border-color: var(--ar-dm-border);
}

html[data-theme="dark"] .ar-realm-hero {
	background: linear-gradient(180deg, var(--ar-dm-surface) 0%, var(--ar-dm-bg) 100%);
}

html[data-theme="dark"] .ar-pfy-strip,
html[data-theme="dark"] .ar-pfy-builder-panel,
html[data-theme="dark"] .ar-pfy-feature-card,
html[data-theme="dark"] .ar-pfy-inspire-card,
html[data-theme="dark"] .ar-pfy-step-card {
	background: var(--ar-dm-surface);
	border-color: var(--ar-dm-border);
}

html[data-theme="dark"] .ar-pfy-builder,
html[data-theme="dark"] .ar-pfy-testimonial {
	background: var(--ar-dm-bg);
}

html[data-theme="dark"] .ar-pfy-stats {
	background: var(--ar-dm-surface);
	border-color: var(--ar-dm-border);
}

html[data-theme="dark"] .ar-pfy-cat-pill,
html[data-theme="dark"] .ar-pfy-builder-pill span {
	background: var(--ar-dm-bg);
	border-color: var(--ar-dm-border);
	color: var(--ar-dm-text-muted);
}

html[data-theme="dark"] .ar-pfy-inspire-title,
html[data-theme="dark"] .ar-pfy-feature-title,
html[data-theme="dark"] .ar-pfy-step-title,
html[data-theme="dark"] .ar-pfy-stat-value,
html[data-theme="dark"] .ar-pfy-builder-price {
	color: var(--ar-dm-text);
}

/* ── Commerce CSS Overrides ── */
html[data-theme="dark"] .ar-shop-toolbar,
html[data-theme="dark"] .ar-shop-toolbar select {
	background: var(--ar-dm-surface);
	border-color: var(--ar-dm-border);
	color: var(--ar-dm-text);
}
html[data-theme="dark"] .ar-shop-toolbar-count {
	color: var(--ar-dm-text-muted);
}

html[data-theme="dark"] .ar-shop-chips-link {
	background: var(--ar-dm-surface);
	border-color: var(--ar-dm-border);
	color: var(--ar-dm-text);
}
html[data-theme="dark"] .ar-shop-chips-link.is-active,
html[data-theme="dark"] .ar-shop-chips-link:hover {
	background: var(--ar-dm-accent);
	color: var(--ar-dm-bg);
	border-color: var(--ar-dm-accent);
}

html[data-theme="dark"] .ar-product-card {
	background: var(--ar-dm-surface);
	border-color: var(--ar-dm-border);
}

html[data-theme="dark"] .ar-product-title,
html[data-theme="dark"] .ar-product-price {
	color: var(--ar-dm-text);
}
html[data-theme="dark"] .woocommerce-loop-product__title {
	color: var(--ar-dm-text);
}
html[data-theme="dark"] .price {
	color: var(--ar-dm-text);
}

html[data-theme="dark"] .ar-product-category {
	color: var(--ar-dm-text-muted);
}

html[data-theme="dark"] .ar-cart-totals,
html[data-theme="dark"] .ar-checkout-review,
html[data-theme="dark"] .woocommerce-cart-form,
html[data-theme="dark"] .woocommerce-checkout {
	background: var(--ar-dm-surface);
	border-color: var(--ar-dm-border);
	color: var(--ar-dm-text);
}

html[data-theme="dark"] .ar-checkout-payment {
	background: var(--ar-dm-bg);
	border-color: var(--ar-dm-border);
}

html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
	background: var(--ar-dm-bg);
	border: 1px solid var(--ar-dm-border);
	color: var(--ar-dm-text);
}

html[data-theme="dark"] table.shop_table th,
html[data-theme="dark"] table.shop_table td {
	border-color: var(--ar-dm-border);
}

/* Single product */
html[data-theme="dark"] .ar-single-product-gallery .woocommerce-product-gallery,
html[data-theme="dark"] .ar-single-product-summary-panel,
html[data-theme="dark"] .ar-single-product-detail .woocommerce-tabs,
html[data-theme="dark"] .ar-single-product-detail section.related.products,
html[data-theme="dark"] .ar-single-product-detail section.up-sells {
	background: var(--ar-dm-surface);
	border-color: var(--ar-dm-border);
}

html[data-theme="dark"] .ar-single-product-summary .product_title,
html[data-theme="dark"] .ar-single-product-summary .price,
html[data-theme="dark"] .ar-single-product-detail .woocommerce-tabs .panel h2,
html[data-theme="dark"] .ar-single-product-detail section.related.products > h2,
html[data-theme="dark"] .ar-single-product-detail section.up-sells > h2 {
	color: var(--ar-dm-text);
}

html[data-theme="dark"] .ar-single-product-perks li {
	background: var(--ar-dm-bg);
	border-color: var(--ar-dm-border);
	color: var(--ar-dm-text-muted);
}

html[data-theme="dark"] .ar-single-product-detail .woocommerce-tabs ul.tabs {
	background: var(--ar-dm-bg);
	border-bottom-color: var(--ar-dm-border);
}

html[data-theme="dark"] .ar-single-product-detail .woocommerce-tabs ul.tabs li a {
	color: var(--ar-dm-text-muted) !important;
}

html[data-theme="dark"] .ar-single-product-detail .woocommerce-tabs ul.tabs li.active a,
html[data-theme="dark"] .ar-single-product-detail .woocommerce-tabs ul.tabs li a:hover {
	color: var(--ar-dm-text) !important;
	border-bottom-color: var(--ar-dm-accent);
}

html[data-theme="dark"] .ar-mobile-atc-bar {
	background: rgba(18, 21, 28, 0.96);
	border-top-color: var(--ar-dm-border);
}

html[data-theme="dark"] .ar-mobile-atc-price {
	color: var(--ar-dm-text);
}


/* Dark Mode Logo Readability Overrides */
html[data-theme="dark"] .ar-logo-img {
	filter: invert(1) brightness(1.8) contrast(1.2);
}
html[data-theme="dark"] .ar-monogram {
	filter: invert(1) brightness(1.8) contrast(1.2);
}
