/**
 * Antigravity Reviews Dark Mode Overrides.
 *
 * @package AntigravityReviews
 */

body.dark-mode {
	--bg: #0B0F19;
	--bg-light: #151D30;
	--border-color: #243049;
	
	--secondary: #F8FAFC;
	--text-main: #E2E8F0;
	--text-muted: #94A3B8;
	
	--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.4);
	--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.5);
}

/* Specific elements dark mode tweaks */
body.dark-mode .quick-picks-table th {
	background-color: var(--bg-light);
	color: var(--secondary);
	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.02);
}

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

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

body.dark-mode .search-popup-wrapper {
	background-color: var(--bg-light);
	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 .card,
body.dark-mode .widget,
body.dark-mode .comments-area,
body.dark-mode .post-navigation-row .card {
	background-color: #111B2E;
}

body.dark-mode .bg-light {
	background-color: var(--bg-light);
}

body.dark-mode .btn-secondary {
	background-color: var(--bg-light);
	color: var(--secondary);
	border: 1px solid var(--border-color);
}

body.dark-mode .btn-secondary:hover {
	background-color: var(--border-color);
}

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

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