/* ==========================================================================
   ATLAS — Dark gaming theme + ROG-style RGB lighting
   Loaded as a standalone stylesheet (kept out of PHP strings on purpose).
   ========================================================================== */

html:root {
	--atlas-bg: #08090C !important;
	--atlas-surface: #0F1117;
	--atlas-surface-2: #14171E;
	--atlas-border: #23272F;
	--atlas-text: #E9EBEF;
	--atlas-text-muted: #9BA1AC;
	--rgb-1: #FF0055;
	--rgb-2: #BD00FF;
	--rgb-3: #00D9FF;
	--rgb-4: #00FF85;
	--rgb-5: #FFD500;
	--rgb-spectrum: linear-gradient(90deg, #FF0055, #BD00FF, #00D9FF, #00FF85, #FFD500, #FF0055);
}

/* ---------- Dark surfaces ---------- */
body { background-color: var(--atlas-bg) !important; color: var(--atlas-text); }
.site, .site-content, .content-area, .content-container, .site-container,
.entry-content-wrap, .entry.single-entry, .content-style-boxed .entry-content-wrap {
	background-color: transparent !important;
	box-shadow: none !important;
}
.site-content { background-color: var(--atlas-bg) !important; }
h1, h2, h3, h4, h5, h6, .entry-title { color: #ffffff; }
.entry-content, .entry-content p, .entry-content li { color: var(--atlas-text); }
.entry-content a { color: #A5B4FF; }
.entry-content a:hover { color: #C7D2FE; }
blockquote { border-left-color: #7C3AED; color: var(--atlas-text-muted); }
hr.wp-block-separator { border-color: var(--atlas-border); background-color: var(--atlas-border); }

/* ---------- Dark header ---------- */
.site-header, .site-header-row-container, .site-main-header-inner-wrap,
.site-header-row, .site-top-header-inner-wrap, .site-bottom-header-inner-wrap {
	background-color: #0B0D12 !important;
	border-color: var(--atlas-border) !important;
}
.site-header .site-header-inner-wrap,
.site-main-header-inner-wrap { border-bottom: 1px solid var(--atlas-border); }
.header-navigation .main-navigation .menu-item > a,
.main-navigation .menu-item > a,
.site-header .site-title a,
.mobile-navigation-toggle,
.site-header .menu-toggle { color: var(--atlas-text) !important; }
.header-navigation .menu-item > a:hover,
.main-navigation .menu-item > a:hover { color: #ffffff !important; }
.main-navigation .sub-menu, .main-navigation ul ul {
	background-color: #0F1117 !important;
	border: 1px solid var(--atlas-border) !important;
}
.main-navigation .sub-menu a { color: var(--atlas-text) !important; }
.atlas-account-btn { color: var(--atlas-text) !important; }
.atlas-account-btn:hover { color: #00D9FF !important; }

/* ---------- RGB: light strip under the announcement bar ---------- */
.atlas-announce { position: relative; }
.atlas-announce::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--rgb-spectrum);
	background-size: 300% 100%;
	animation: atlas-rgb-slide 9s linear infinite;
}

/* ---------- RGB: drifting aurora in the hero ---------- */
.atlas-hero-glow,
.atlas-hero-glow.g2 {
	position: absolute;
	width: 620px;
	height: 620px;
	border-radius: 50%;
	filter: blur(90px);
	opacity: .55;
	pointer-events: none;
	z-index: 0;
}
.atlas-hero-glow {
	background: radial-gradient(circle, rgba(189, 0, 255, .85) 0%, rgba(255, 0, 85, .45) 45%, transparent 70%);
	animation: atlas-aurora-a 16s ease-in-out infinite alternate;
}
.atlas-hero-glow.g2 {
	background: radial-gradient(circle, rgba(0, 217, 255, .80) 0%, rgba(0, 255, 133, .40) 45%, transparent 70%);
	animation: atlas-aurora-b 20s ease-in-out infinite alternate;
}
.wp-block-cover__inner-container { position: relative; z-index: 2; }

@keyframes atlas-aurora-a {
	0%   { transform: translate3d(0, 0, 0) scale(1); }
	50%  { transform: translate3d(6%, -4%, 0) scale(1.15); }
	100% { transform: translate3d(-4%, 5%, 0) scale(1.05); }
}
@keyframes atlas-aurora-b {
	0%   { transform: translate3d(0, 0, 0) scale(1.1); }
	50%  { transform: translate3d(-7%, 4%, 0) scale(1); }
	100% { transform: translate3d(5%, -5%, 0) scale(1.2); }
}
@keyframes atlas-rgb-slide {
	0%   { background-position: 0% 50%; }
	100% { background-position: 300% 50%; }
}

/* ---------- RGB: neon headline ---------- */
body.home .wp-block-cover h1,
.atlas-neon {
	text-shadow:
		0 0 12px rgba(255, 0, 85, .45),
		0 0 32px rgba(189, 0, 255, .40),
		0 0 60px rgba(0, 217, 255, .30);
}

/* ---------- RGB: animated border cards ---------- */
@property --atlas-angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}
.atlas-cat-card,
.atlas-step,
.atlas-gallery__item {
	position: relative;
	background: var(--atlas-surface) !important;
	border: 1px solid var(--atlas-border) !important;
	border-radius: 10px;
}
.atlas-cat-card::after,
.atlas-step::after,
.atlas-gallery__item::after {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	padding: 1.5px;
	background: conic-gradient(from var(--atlas-angle), #FF0055, #BD00FF, #00D9FF, #00FF85, #FFD500, #FF0055);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude;
	opacity: 0;
	transition: opacity .25s ease;
	pointer-events: none;
}
.atlas-cat-card:hover::after,
.atlas-step:hover::after,
.atlas-gallery__item:hover::after {
	opacity: 1;
	animation: atlas-rgb-spin 4s linear infinite;
}
.atlas-cat-card:hover,
.atlas-step:hover,
.atlas-gallery__item:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 40px rgba(0, 0, 0, .6), 0 0 26px rgba(120, 60, 255, .22);
}
.atlas-cat-card__label { color: #ffffff !important; }
.atlas-cat-card__desc { color: var(--atlas-text-muted) !important; }
.atlas-cat-card__link { color: #A5B4FF !important; }
.atlas-step h3 { color: #ffffff; }
.atlas-step p { color: var(--atlas-text-muted); }
.atlas-step__num {
	background: var(--rgb-spectrum);
	background-size: 300% 100%;
	animation: atlas-rgb-slide 7s linear infinite;
	color: #08090C;
	font-weight: 700;
}
@keyframes atlas-rgb-spin {
	to { --atlas-angle: 360deg; }
}

/* ---------- RGB: buttons ---------- */
.atlas-cz-cta, a.atlas-cz-cta,
.atlas-cta .wp-block-button__link,
.single_add_to_cart_button,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background: linear-gradient(100deg, #4F46E5, #7C3AED 55%, #4F46E5) !important;
	background-size: 220% 100% !important;
	color: #ffffff !important;
	box-shadow: 0 0 0 1px rgba(124, 58, 237, .35), 0 8px 26px rgba(79, 70, 229, .28);
	transition: background-position .5s ease, box-shadow .25s ease, transform .18s ease;
}
.atlas-cz-cta:hover, a.atlas-cz-cta:hover,
.atlas-cta .wp-block-button__link:hover,
.single_add_to_cart_button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-position: 100% 50% !important;
	box-shadow: 0 0 0 1px rgba(0, 217, 255, .55), 0 0 28px rgba(189, 0, 255, .45), 0 12px 34px rgba(0, 0, 0, .5);
	transform: translateY(-2px);
}
.atlas-cta-dark .wp-block-button__link {
	background: transparent !important;
	border: 1.5px solid var(--atlas-border) !important;
	color: var(--atlas-text) !important;
}
.atlas-cta-dark .wp-block-button__link:hover {
	border-color: #7C3AED !important;
	box-shadow: 0 0 22px rgba(124, 58, 237, .35);
	color: #fff !important;
}
.atlas-cta-outline .wp-block-button__link,
a.atlas-cta-outline {
	background: transparent !important;
	border: 1.5px solid rgba(255, 255, 255, .5) !important;
	color: #ffffff !important;
}
.atlas-cta-outline .wp-block-button__link:hover,
a.atlas-cta-outline:hover {
	border-color: #00D9FF !important;
	box-shadow: 0 0 22px rgba(0, 217, 255, .35);
}

/* ---------- Dark: FAQ / gallery / chips ---------- */
.atlas-faq details { border-bottom-color: var(--atlas-border) !important; background: transparent !important; }
.atlas-faq summary { color: #ffffff; }
.atlas-faq details p { color: var(--atlas-text-muted); }
.atlas-faq details p a { color: #A5B4FF; }
.atlas-gallery__filter { background: var(--atlas-surface-2); border-color: var(--atlas-border); color: var(--atlas-text-muted); }
.atlas-gallery__filter.is-active {
	background: var(--rgb-spectrum);
	background-size: 300% 100%;
	animation: atlas-rgb-slide 8s linear infinite;
	border-color: transparent;
	color: #08090C;
	font-weight: 700;
}
.atlas-gallery__name { color: #ffffff; }
.atlas-gallery__cat { color: var(--atlas-text-muted); }
.atlas-chip {
	background: rgba(124, 58, 237, .16);
	border: 1px solid rgba(124, 58, 237, .45);
	color: #D8D4FF;
}
.atlas-mono { color: var(--atlas-text-muted) !important; }
.atlas-trust-badges { color: var(--atlas-text-muted); }
.atlas-pay-icons { color: var(--atlas-text-muted); }
.atlas-breadcrumb, .atlas-breadcrumb a, .atlas-breadcrumb span { color: var(--atlas-text-muted) !important; }

/* ---------- Customizer panel: dark ---------- */
.atlas-cz { --cz-ink: #E9EBEF; --cz-muted: #9BA1AC; --cz-line: #23272F; --cz-bg: #0F1117; color: var(--atlas-text); }
.atlas-cz__size, .atlas-cz__design, .atlas-cz__drop,
.atlas-cz__reset, .atlas-cz__tool input[type="color"] {
	background: var(--atlas-surface-2) !important;
	border-color: var(--atlas-border) !important;
}
.atlas-cz__size-name, .atlas-cz__step-title { color: #ffffff; }
.atlas-cz__size.is-active { border-color: #7C3AED !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, .25); }
.atlas-cz__design.is-active { border-color: #7C3AED !important; }
.atlas-cz__tab { color: var(--atlas-text-muted); }
.atlas-cz__tab.is-active { color: #ffffff; border-bottom-color: #7C3AED; }
.atlas-cz__step-num {
	background: var(--rgb-spectrum);
	background-size: 300% 100%;
	animation: atlas-rgb-slide 7s linear infinite;
	color: #08090C;
}
.atlas-cz__stage { background: #0B0D12 !important; }
.atlas-cz__design-name { color: var(--atlas-text-muted); }
.atlas-cz__hint, .atlas-cz__size-spec { color: var(--atlas-text-muted); }

/* ---------- WooCommerce dark adaptation ---------- */
.woocommerce div.product, .woocommerce-cart, .woocommerce-checkout,
.woocommerce-account, .woocommerce ul.products { color: var(--atlas-text); }
.woocommerce div.product .woocommerce-product-gallery { background: var(--atlas-surface) !important; }
.woocommerce div.product p.price, .woocommerce div.product span.price,
.woocommerce ul.products li.product .price { color: #ffffff !important; }
.woocommerce table.shop_table {
	background: var(--atlas-surface) !important;
	border-color: var(--atlas-border) !important;
	color: var(--atlas-text);
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: var(--atlas-border) !important; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .quantity .qty,
.select2-container--default .select2-selection--single {
	background-color: var(--atlas-surface-2) !important;
	border-color: var(--atlas-border) !important;
	color: var(--atlas-text) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--atlas-text) !important; }
.woocommerce form .form-row label, .woocommerce-checkout label { color: var(--atlas-text); }
.woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-noreviews {
	background-color: var(--atlas-surface-2) !important;
	color: var(--atlas-text) !important;
	border-top-color: #7C3AED !important;
}
.woocommerce-info a, .woocommerce-message a { color: #A5B4FF !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom-color: var(--atlas-border); }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: var(--atlas-surface) !important; border-color: var(--atlas-border) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--atlas-text-muted) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #ffffff !important; }
.woocommerce div.product .woocommerce-tabs .panel { background: transparent !important; color: var(--atlas-text); }
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	background: var(--atlas-surface) !important;
	border-color: var(--atlas-border) !important;
	color: var(--atlas-text);
}
.woocommerce ul.products li.product {
	background: var(--atlas-surface);
	border: 1px solid var(--atlas-border);
	border-radius: 10px;
	padding: 14px;
	transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.woocommerce ul.products li.product:hover {
	transform: translateY(-3px);
	border-color: #7C3AED;
	box-shadow: 0 14px 40px rgba(0, 0, 0, .6), 0 0 24px rgba(124, 58, 237, .25);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: #ffffff; }
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review_heading { color: #ffffff; }
.woocommerce-checkout #payment { background: var(--atlas-surface) !important; }
.woocommerce-checkout #payment div.payment_box { background: var(--atlas-surface-2) !important; color: var(--atlas-text) !important; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--atlas-surface-2); }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { color: var(--atlas-text-muted); }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { color: #ffffff; }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering select { color: var(--atlas-text-muted); }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span { color: var(--atlas-text); border-color: var(--atlas-border); }
.woocommerce a.remove { color: #FF0055 !important; }
.woocommerce a.remove:hover { background: #FF0055 !important; color: #fff !important; }

/* ---------- Scrollbar ---------- */
html { scrollbar-color: #4F46E5 #0B0D12; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0B0D12; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #4F46E5, #7C3AED, #00D9FF); border-radius: 6px; }

/* ---------- Motion / responsive guards ---------- */
@media (prefers-reduced-motion: reduce) {
	.atlas-hero-glow, .atlas-hero-glow.g2, .atlas-announce::after,
	.atlas-step__num, .atlas-cz__step-num, .atlas-gallery__filter.is-active,
	.atlas-cat-card:hover::after, .atlas-step:hover::after, .atlas-gallery__item:hover::after {
		animation: none !important;
	}
}
@media (max-width: 700px) {
	.atlas-hero-glow, .atlas-hero-glow.g2 { width: 340px; height: 340px; filter: blur(60px); opacity: .45; }
}

/* ---------- Kadence palette mapping for dark mode ---------- */
html:root {
	--global-palette3: #FFFFFF !important;
	--global-palette4: #E9EBEF !important;
	--global-palette5: #9BA1AC !important;
	--global-palette6: #7C3AED !important;
	--global-palette7: #0F1117 !important;
	--global-palette8: #08090C !important;
	--global-palette9: #08090C !important;
	--global-content-boxed-background: #08090C !important;
}

/* ---------- Dark mobile drawer / off-canvas menu ---------- */
.drawer-content, .drawer-inner, .drawer-header {
	background-color: #0B0D12 !important;
	color: var(--atlas-text) !important;
	border-color: var(--atlas-border) !important;
}
.drawer-content a, .drawer-nav-drop-wrap a, .mobile-navigation .menu-item > a {
	color: var(--atlas-text) !important;
}
.drawer-nav-drop-wrap, .drawer-sub-toggle { border-color: var(--atlas-border) !important; }
.drawer-overlay { background: rgba(0, 0, 0, .75) !important; }
.mobile-navigation-toggle .toggle-label, .menu-toggle { color: var(--atlas-text) !important; }

/* ---------- Extra dark coverage ---------- */
.wp-block-group.has-background, .wp-block-columns .wp-block-column[style*="background-color"] {
	background-color: var(--atlas-surface) !important;
}
.wp-block-group.atlas-section-bg, .atlas-section-bg {
	background-color: #0B0D12 !important;
}
.atlas-steps { --ag-line: var(--atlas-border); }
.atlas-cz-cta-wrap { color: var(--atlas-text); }
input[type="text"], input[type="email"], input[type="search"], input[type="number"], textarea, select {
	background-color: var(--atlas-surface-2);
	border-color: var(--atlas-border);
	color: var(--atlas-text);
}
::placeholder { color: #6B7280; }
.entry-title, .page-title { color: #ffffff; }
.site-footer, .site-bottom-footer-wrap, .site-footer-row-container { background-color: #16181D !important; }
.kadence-breadcrumbs, .kadence-breadcrumbs a { color: var(--atlas-text-muted) !important; }