/**
 * Nova Fashion - Dark Mode overrides
 *
 * @package Nova_Fashion
 */

body.dark-mode {
	--nf-color-primary: #ffffff;
	--nf-color-secondary: #030008;
	--nf-color-grey-50: #0a0812;
	--nf-color-grey-100: #12101e;
	--nf-color-grey-200: #1b192b;
	--nf-color-grey-500: #9ca3af;
	--nf-color-grey-900: #f9fafb;

	--nf-background-gradient: linear-gradient(135deg, #0f0c1b 0%, #030008 100%);
	color: var(--nf-color-primary);
}

/* Subtle glow gradients for dark mode backgrounds */
body.dark-mode::before {
	content: '';
	position: fixed;
	top: -200px;
	left: -200px;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(124, 58, 237, 0.08) 0%, rgba(0,0,0,0) 70%);
	z-index: -2;
	pointer-events: none;
}

body.dark-mode::after {
	content: '';
	position: fixed;
	bottom: -200px;
	right: -200px;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(6, 182, 212, 0.06) 0%, rgba(0,0,0,0) 70%);
	z-index: -2;
	pointer-events: none;
}

/* Dark mode typography adjustments */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
	color: var(--nf-color-primary);
}

/* Header sticky glass background override for dark mode */
body.dark-mode .nf-navbar.is-sticky {
	background: rgba(3, 0, 8, 0.85);
	border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

/* Footer overrides */
body.dark-mode .nf-footer {
	background: #010003;
}

/* Custom cards styling override */
body.dark-mode .nf-product-image-wrap {
	background: var(--nf-color-grey-100);
}

body.dark-mode .nf-card-action-btn {
	background: #12101e;
	color: #ffffff;
	border-color: rgba(255, 255, 255, 0.05);
}

body.dark-mode .nf-card-action-btn:hover {
	background: var(--nf-color-accent);
}

/* WooCommerce table borders */
body.dark-mode .woocommerce table.shop_table th {
	background: var(--nf-color-grey-50);
}

body.dark-mode .woocommerce table.shop_table td {
	border-bottom-color: var(--nf-color-grey-200);
}

/* Buttons style overrides */
body.dark-mode .nf-btn {
	border-color: #ffffff;
	color: #ffffff;
}

body.dark-mode .nf-btn::before {
	background: #ffffff;
}

body.dark-mode .nf-btn:hover {
	color: #030008;
}

/* Modal and Drawer structures override */
body.dark-mode .nf-mini-cart-drawer,
body.dark-mode .nf-quick-view-modal {
	color: #ffffff;
}

/* Scrollbars overrides */
body.dark-mode ::-webkit-scrollbar {
	width: 8px;
}

body.dark-mode ::-webkit-scrollbar-track {
	background: var(--nf-color-secondary);
}

body.dark-mode ::-webkit-scrollbar-thumb {
	background: var(--nf-color-grey-200);
	border-radius: 4px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
	background: var(--nf-color-accent);
}