/**
 * 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);
}

/* ==========================================================================
   Dark Mode Overrides for Homepage Redesign
   ========================================================================== */
body.dark-mode .tra-category-card {
	background-color: var(--bg-card);
	border-color: var(--border-color);
}

body.dark-mode .tra-category-card::before {
	background: linear-gradient(135deg, rgba(21, 29, 48, 0.8) 0%, transparent 100%);
}

body.dark-mode .category-icon-bg {
	background-color: #0b0f19;
}

body.dark-mode .inline-search-suggestions {
	background-color: rgba(21, 29, 48, 0.95);
	border-color: var(--border-color);
}

body.dark-mode .search-suggested-item:hover {
	background-color: rgba(37, 99, 235, 0.15);
}

body.dark-mode .search-suggested-title {
	color: #ffffff;
}

body.dark-mode .featured-card-large {
	background-color: var(--bg-card);
	border-color: var(--border-color);
}

body.dark-mode .featured-heading a {
	color: #ffffff;
}

body.dark-mode .featured-heading a:hover {
	color: var(--accent);
}

body.dark-mode .featured-side-card {
	background-color: var(--bg-card);
	border-color: var(--border-color);
}

body.dark-mode .side-card-title a {
	color: #ffffff;
}

body.dark-mode .side-card-title a:hover {
	color: var(--accent);
}

body.dark-mode .tra-trending-card {
	background-color: var(--bg-card);
	border-color: var(--border-color);
}

body.dark-mode .trending-card-image {
	background-color: #0b0f19;
}

body.dark-mode .trending-card-title a {
	color: #ffffff;
}

body.dark-mode .trending-card-title a:hover {
	color: var(--accent);
}

body.dark-mode .rtings-score-row {
	background-color: #0b0f19;
	border-color: var(--border-color);
}

body.dark-mode .tra-editor-card {
	background-color: var(--bg-card);
	border-color: var(--border-color);
}

body.dark-mode .editor-card-img {
	background-color: #0b0f19;
}

body.dark-mode .editor-card-title {
	color: #ffffff;
}

body.dark-mode .pros-cons-summary-box {
	background-color: #0b0f19;
}

body.dark-mode .tra-comparison-table-wrapper {
	background-color: var(--bg-card);
	border-color: var(--border-color);
}

body.dark-mode .tra-comparison-table th,
body.dark-mode .tra-comparison-table td {
	border-bottom-color: var(--border-color);
}

body.dark-mode .spec-label-col {
	background-color: #0b0f19;
}

body.dark-mode .table-prod-name {
	color: #ffffff;
}

body.dark-mode .spec-label {
	background-color: rgba(11, 15, 25, 0.4);
}

body.dark-mode .spec-val-a,
body.dark-mode .spec-val-b {
	color: #ffffff;
}

body.dark-mode .winner-highlight {
	background-color: rgba(37, 99, 235, 0.08);
}

body.dark-mode .tra-review-card {
	background-color: var(--bg-card);
	border-color: var(--border-color);
}

body.dark-mode .review-card-img {
	background-color: #0b0f19;
}

body.dark-mode .review-card-title a {
	color: #ffffff;
}

body.dark-mode .review-card-title a:hover {
	color: var(--accent);
}

body.dark-mode .tra-trust-card {
	background-color: var(--bg-card);
	border-color: var(--border-color);
}

body.dark-mode .trust-card-title {
	color: #ffffff;
}

body.dark-mode .newsletter-email-input {
	background-color: #0b0f19 !important;
	color: #ffffff !important;
	border: 1px solid var(--border-color) !important;
}