/**
 * Global color schemes — gold | crimson (red/black/white) | noir silver.
 * Variables are set in wp_head; this file remaps component styles.
 */

body.hfd-theme-gold,
body.hfd-theme-crimson,
body.hfd-theme-noir {
	--hfd-gold: var(--hfd-accent);
	--hfd-gold-soft: var(--hfd-accent-soft);
	background-color: var(--hfd-bg) !important;
	color: var(--hfd-ink);
}

body.hfd-theme-crimson {
	--hfd-panel: #121212;
	--hfd-panel-2: #1a1a1a;
	--hfd-muted: #b8b8b8;
	--hfd-border: rgba(255, 255, 255, 0.1);
}
body.hfd-theme-noir {
	--hfd-panel: #121214;
	--hfd-panel-2: #1c1c20;
	--hfd-muted: #a8abb3;
	--hfd-border: rgba(255, 255, 255, 0.1);
}

/* Buttons / chips / rails / cards */
body.hfd-chrome .hfd-topbar__pill {
	border-color: color-mix(in srgb, var(--hfd-accent) 40%, transparent);
	color: var(--hfd-accent-soft);
}
body.hfd-chrome .hfd-topbar {
	border-bottom-color: color-mix(in srgb, var(--hfd-accent) 22%, transparent);
}
body.hfd-chrome .hfd-topbar__cta,
body.hfd-chrome .hfd-footer__btn,
body.hfd-chrome .hfd-btn--primary,
body.hfd-free-directory .hfd-filter-badge,
body.hfd-blog-btn--gold,
body .hfd-seo-hub__cta .wp-block-button__link {
	background: linear-gradient(135deg, var(--hfd-accent-soft), var(--hfd-accent)) !important;
	color: var(--hfd-on-accent) !important;
}
body.hfd-chrome .hfd-footer__legal a:hover,
body.hfd-chrome .hfd-footer__col a:hover,
body.hfd-chrome .hfd-footer__logo:hover {
	color: var(--hfd-accent-soft) !important;
}

/* Theme: crimson red/black/white */
body.hfd-theme-crimson .hfd-topbar {
	background: linear-gradient(90deg, #000 0%, #1a0508 50%, #000 100%);
}
body.hfd-theme-crimson .hfd-footer {
	background: linear-gradient(180deg, #0a0a0a 0%, #000 100%);
}
body.hfd-theme-crimson header.aurora-glass,
body.hfd-theme-crimson #aurora-header,
body.hfd-theme-crimson header.sticky {
	background: rgba(0, 0, 0, 0.92) !important;
	border-bottom: 1px solid rgba(225, 29, 46, 0.35) !important;
}

/* Theme: noir */
body.hfd-theme-noir header.sticky,
body.hfd-theme-noir header.aurora-glass {
	background: rgba(8, 8, 10, 0.92) !important;
	border-bottom: 1px solid rgba(200, 204, 212, 0.2) !important;
}

/* Fuchsia / Aurora remaps → active accent */
body.hfd-chrome [class*="bg-fuchsia"],
body.hfd-chrome [class*="from-fuchsia"],
body.hfd-chrome [class*="to-fuchsia"] {
	background-color: var(--hfd-accent) !important;
	background-image: none !important;
}
body.hfd-chrome [class*="text-fuchsia"] {
	color: var(--hfd-accent-soft) !important;
}
body.hfd-chrome [class*="border-fuchsia"] {
	border-color: color-mix(in srgb, var(--hfd-accent) 35%, transparent) !important;
}
body.hfd-chrome a.aurora-gradient:not(.aurora-gradient-text),
body.hfd-chrome .aurora-gradient:not(.aurora-gradient-text):not(span),
body.hfd-chrome button.aurora-gradient {
	background: linear-gradient(135deg, var(--hfd-accent-soft), var(--hfd-accent)) !important;
	color: var(--hfd-on-accent) !important;
	box-shadow: 0 8px 24px color-mix(in srgb, var(--hfd-accent) 28%, transparent) !important;
}
body.hfd-chrome .aurora-gradient-text,
body.hfd-chrome header a span.font-display,
body.hfd-chrome .hfd-brand-logo {
	background: linear-gradient(135deg, var(--hfd-accent-soft), var(--hfd-accent)) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}

/* Card / rail accents */
body.hfd-free-directory .hfd-card:hover {
	border-color: color-mix(in srgb, var(--hfd-accent) 40%, transparent);
}
body.hfd-free-directory .hfd-rail__track {
	scrollbar-color: color-mix(in srgb, var(--hfd-accent) 50%, transparent) transparent;
}
body.hfd-free-directory .hfd-rail__btn:hover {
	background: color-mix(in srgb, var(--hfd-accent) 22%, transparent);
	border-color: color-mix(in srgb, var(--hfd-accent) 50%, transparent);
}

/* Header under-line */
body.hfd-chrome header.sticky::after,
body.hfd-chrome header.aurora-glass::after,
body.hfd-chrome #aurora-header::after {
	background: linear-gradient(90deg, transparent, var(--hfd-accent), transparent) !important;
}

/* Crimson logo clarity */
body.hfd-theme-crimson .hfd-brand-logo,
body.hfd-theme-crimson header a.flex span.font-display,
body.hfd-theme-crimson header .aurora-gradient-text {
	background: none !important;
	-webkit-text-fill-color: #fff !important;
	color: #fff !important;
	text-shadow: 0 0 24px rgba(225, 29, 46, 0.35);
}

/* Age-gate + filters respect accent */
body .hfd-age__btn--enter,
body .hfd-filter-submit,
body .hfd-apply {
	background: linear-gradient(135deg, var(--hfd-accent-soft), var(--hfd-accent)) !important;
	color: var(--hfd-on-accent) !important;
}