/**
 * Antigravity Reviews Premium Dark Mode Overrides.
 */

body.dark-mode {
	--bg: #0B0F19;
	--bg-card: #151D30;
	--border-color: #1E293B;
	
	--text-main: #CBD5E1;
	--text-muted: #94A3B8;
	--text-dark: #F8FAFC;
	--secondary: #F8FAFC;
	
	--shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
	--shadow-lg: 0 20px 40px -15px rgba(0, 0, 0, 0.6), 0 1px 10px rgba(0, 0, 0, 0.3);
}

/* Specific elements dark mode tweaks */
body.dark-mode .quick-picks-table th {
	background-color: #0F172A;
	color: #ffffff;
	border-bottom: 2px solid var(--border-color);
}

body.dark-mode .specs-table th,
body.dark-mode .comparison-specs-table th {
	background-color: rgba(255, 255, 255, 0.03);
}

body.dark-mode .top-bar {
	background-color: #05070c;
	border-bottom: 1px solid var(--border-color);
}

body.dark-mode .vs-circle {
	background-color: var(--accent);
}

body.dark-mode .search-popup-wrapper {
	background-color: var(--bg-card);
	border: 1px solid var(--border-color);
}

body.dark-mode .search-popup-input {
	color: #ffffff;
}

body.dark-mode .mobile-offcanvas-content {
	background-color: var(--bg);
	border-right: 1px solid var(--border-color);
}

body.dark-mode .mobile-bottom-nav {
	background-color: rgba(21, 29, 48, 0.95);
	border-top: 1px solid var(--border-color);
}

body.dark-mode .mobile-sticky-buy-bar {
	background-color: rgba(21, 29, 48, 0.95);
	border-top: 1px solid var(--border-color);
}

body.dark-mode .navigation-bar.sticky {
	background-color: rgba(21, 29, 48, 0.85);
	border-bottom: 1px solid var(--border-color);
}

body.dark-mode .btn-secondary {
	background-color: #1E293B;
	color: #ffffff;
}

body.dark-mode .btn-secondary:hover {
	background-color: #334155;
	color: #ffffff;
}

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
	background-color: #1E293B;
	border: 1px solid var(--border-color);
	color: #ffffff;
}

body.dark-mode .sidebar-ad-placeholder {
	background-color: #1E293B;
	border-color: var(--border-color);
}

body.dark-mode .category-icon-card {
	background-color: #151D30;
	border-color: #1E293B;
}

body.dark-mode .category-icon-card:hover {
	background-color: var(--primary);
	border-color: var(--primary);
}

body.dark-mode .category-icon-name {
	color: #F8FAFC;
}

body.dark-mode .trust-badge-card {
	background-color: #151D30;
	border-color: #1E293B;
}

body.dark-mode .trust-badge-card:hover {
	border-color: var(--primary);
}