/* ========================================
   SEO Growth - Dark Mode Overrides
   Premium dark theme with depth and contrast
   ======================================== */

[data-theme="dark"] {
  --bg: #0f172a;
  --bg-alt: #1e293b;
  --bg-card: #1e293b;
  --bg-elevated: #273548;
  --border-color: rgba(255,255,255,0.08);
  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --heading-color: #f1f5f9;
}

/* ===== BODY ===== */
[data-theme="dark"] body {
  background: var(--bg);
  color: var(--text-primary);
}

/* ===== HEADER ===== */
[data-theme="dark"] .header {
  background: rgba(15,23,42,0.95);
  border-bottom-color: var(--border-color);
}
[data-theme="dark"] .header.scrolled {
  box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}
[data-theme="dark"] .logo { color: var(--white); }
[data-theme="dark"] .nav-links a {
  color: var(--text-secondary);
}
[data-theme="dark"] .nav-links a:hover {
  color: var(--white);
  background: rgba(255,255,255,0.06);
}
[data-theme="dark"] .nav-links a.active {
  color: var(--accent-light);
  background: rgba(233,69,96,0.12);
}

/* Nav Buttons */
[data-theme="dark"] .btn-signin {
  color: var(--text-secondary);
  border-color: rgba(255,255,255,0.15);
}
[data-theme="dark"] .btn-signin:hover {
  color: var(--white);
  border-color: rgba(255,255,255,0.35);
  background: rgba(255,255,255,0.06);
}

/* Mobile Nav */
[data-theme="dark"] .mobile-toggle { color: var(--text-secondary); }
[data-theme="dark"] .mobile-toggle:hover { background: rgba(255,255,255,0.06); }
[data-theme="dark"] .mobile-nav {
  background: var(--bg);
  border-bottom-color: var(--border-color);
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
[data-theme="dark"] .mobile-nav a {
  color: var(--text-secondary);
}
[data-theme="dark"] .mobile-nav a:hover {
  background: rgba(255,255,255,0.06);
  color: var(--white);
}

/* ===== SECTIONS ===== */
[data-theme="dark"] .section-alt { background: var(--bg-alt); }
[data-theme="dark"] .section-title { color: var(--white); }
[data-theme="dark"] .section-sub { color: var(--text-secondary); }
[data-theme="dark"] .section-tag {
  color: var(--accent-light);
  background: rgba(233,69,96,0.12);
}

/* ===== HERO ===== */
[data-theme="dark"] .hero {
  background: linear-gradient(135deg, var(--bg) 0%, #1a1a2e 50%, #0f3460 100%);
}
[data-theme="dark"] .hero-badge {
  background: rgba(233,69,96,0.15);
  color: var(--accent-light);
  border-color: rgba(233,69,96,0.25);
}
[data-theme="dark"] .hero h1 { color: var(--white); }
[data-theme="dark"] .hero p { color: var(--text-secondary); }

/* ===== BUTTONS ===== */
[data-theme="dark"] .btn-outline {
  color: var(--white);
  border-color: rgba(255,255,255,0.2);
}
[data-theme="dark"] .btn-outline:hover {
  background: var(--white);
  color: var(--navy);
}
[data-theme="dark"] .btn-secondary {
  background: rgba(255,255,255,0.08);
  color: var(--white);
  border-color: rgba(255,255,255,0.15);
}
[data-theme="dark"] .btn-secondary:hover {
  background: rgba(255,255,255,0.14);
}

/* ===== SERVICE CARDS ===== */
[data-theme="dark"] .service-card {
  background: var(--bg-card);
  border-color: var(--border-color);
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
[data-theme="dark"] .service-card:hover {
  border-color: rgba(233,69,96,0.4);
  box-shadow: 0 8px 30px rgba(0,0,0,0.4);
}
[data-theme="dark"] .service-card h3 { color: var(--white); }
[data-theme="dark"] .service-card p { color: var(--text-secondary); }
[data-theme="dark"] .service-icon {
  background: rgba(233,69,96,0.12);
}

/* ===== PACKAGE CARDS ===== */
[data-theme="dark"] .pkg-card {
  background: var(--bg-card);
  border-color: var(--border-color);
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
[data-theme="dark"] .pkg-card:hover {
  border-color: rgba(255,255,255,0.15);
  box-shadow: 0 8px 30px rgba(0,0,0,0.4);
}
[data-theme="dark"] .pkg-card.featured {
  border-color: var(--accent);
  box-shadow: 0 0 30px rgba(233,69,96,0.15);
}
[data-theme="dark"] .pkg-name { color: var(--white); }
[data-theme="dark"] .pkg-price { color: var(--white); }
[data-theme="dark"] .pkg-price span { color: var(--text-secondary); }
[data-theme="dark"] .pkg-divider { background: var(--border-color); }
[data-theme="dark"] .pkg-features li { color: var(--text-secondary); }
[data-theme="dark"] .pkg-features .icon-check { color: var(--green); }
[data-theme="dark"] .pkg-badge {
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
}

/* ===== FEATURE ITEMS ===== */
[data-theme="dark"] .feature-item {
  background: var(--bg-card);
  border-color: var(--border-color);
}
[data-theme="dark"] .feature-item h4 { color: var(--white); }
[data-theme="dark"] .feature-item p { color: var(--text-secondary); }
[data-theme="dark"] .feature-icon {
  background: rgba(233,69,96,0.12);
}

/* ===== STEPS / PROCESS ===== */
[data-theme="dark"] .step-card {
  background: var(--bg-card);
  border-color: var(--border-color);
}
[data-theme="dark"] .step-card h4 { color: var(--white); }
[data-theme="dark"] .step-card p { color: var(--text-secondary); }
[data-theme="dark"] .step-number {
  background: rgba(233,69,96,0.15);
  color: var(--accent-light);
}

/* ===== TESTIMONIALS ===== */
[data-theme="dark"] .testimonial-card {
  background: var(--bg-card);
  border-color: var(--border-color);
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
[data-theme="dark"] .testimonial-text { color: var(--text-secondary); }
[data-theme="dark"] .testimonial-name { color: var(--white); }
[data-theme="dark"] .testimonial-role { color: var(--text-muted); }
[data-theme="dark"] .testimonial-stars { color: var(--orange); }

/* ===== STATS ===== */
[data-theme="dark"] .stat-item .stat-number { color: var(--white); }
[data-theme="dark"] .stat-item .stat-text { color: var(--text-secondary); }
[data-theme="dark"] .stats-section {
  background: linear-gradient(135deg, #1a1a2e 0%, #0f3460 100%);
}

/* ===== FAQ ===== */
[data-theme="dark"] .faq-item {
  border-color: var(--border-color);
  background: var(--bg-card);
  border-radius: var(--radius);
  margin-bottom: 8px;
}
[data-theme="dark"] .faq-question {
  background: transparent;
  color: var(--white);
}
[data-theme="dark"] .faq-question:hover {
  background: rgba(255,255,255,0.04);
}
[data-theme="dark"] .faq-answer-inner {
  color: var(--text-secondary);
  border-top-color: var(--border-color);
}

/* ===== FORMS ===== */
[data-theme="dark"] .form-control,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="url"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background: var(--bg);
  border-color: rgba(255,255,255,0.12);
  color: var(--text-primary);
}
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(233,69,96,0.15);
  background: var(--bg);
}
[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--text-muted);
}
[data-theme="dark"] .form-card {
  background: var(--bg-card);
  border-color: var(--border-color);
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
[data-theme="dark"] .form-card h2 { color: var(--white); }
[data-theme="dark"] .form-group label { color: var(--text-secondary); }

/* ===== ARTICLES ===== */
[data-theme="dark"] .article-card {
  background: var(--bg-card);
  border-color: var(--border-color);
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
[data-theme="dark"] .article-card:hover {
  border-color: rgba(255,255,255,0.15);
  box-shadow: 0 8px 30px rgba(0,0,0,0.4);
}
[data-theme="dark"] .article-body h3 { color: var(--white); }
[data-theme="dark"] .article-body p { color: var(--text-secondary); }
[data-theme="dark"] .article-meta { color: var(--text-muted); }
[data-theme="dark"] .article-tag {
  background: rgba(233,69,96,0.12);
  color: var(--accent-light);
}

/* Article Content Page */
[data-theme="dark"] .article-content h1,
[data-theme="dark"] .article-content h2,
[data-theme="dark"] .article-content h3 { color: var(--white); }
[data-theme="dark"] .article-content p,
[data-theme="dark"] .article-content li { color: var(--text-secondary); }
[data-theme="dark"] .article-content strong { color: var(--text-primary); }
[data-theme="dark"] .article-content blockquote {
  border-left-color: var(--accent);
  background: rgba(233,69,96,0.06);
  color: var(--text-secondary);
}
[data-theme="dark"] .article-content code {
  background: rgba(255,255,255,0.08);
  color: var(--accent-light);
}
[data-theme="dark"] .article-toc {
  background: var(--bg-card);
  border-color: var(--border-color);
}
[data-theme="dark"] .article-toc h4 { color: var(--white); }
[data-theme="dark"] .article-toc a { color: var(--text-secondary); }
[data-theme="dark"] .article-toc a:hover { color: var(--accent-light); }

/* ===== TEAM / ABOUT ===== */
[data-theme="dark"] .team-card {
  background: var(--bg-card);
  border-color: var(--border-color);
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
[data-theme="dark"] .team-card:hover {
  border-color: rgba(255,255,255,0.15);
}
[data-theme="dark"] .team-card h4 { color: var(--white); }
[data-theme="dark"] .team-card p { color: var(--text-secondary); }

/* ===== CASE STUDIES ===== */
[data-theme="dark"] .case-card {
  background: var(--bg-card);
  border-color: var(--border-color);
}
[data-theme="dark"] .case-header h4 { color: var(--white); }
[data-theme="dark"] .case-metric {
  background: rgba(255,255,255,0.04);
  border-color: var(--border-color);
}
[data-theme="dark"] .case-metric strong { color: var(--white); }
[data-theme="dark"] .case-metric span { color: var(--text-secondary); }

/* ===== AUDIT RESULT CARDS ===== */
[data-theme="dark"] .result-card {
  background: var(--bg-card);
  border-color: var(--border-color);
}
[data-theme="dark"] .gauge-value { color: var(--white); }
[data-theme="dark"] .result-summary { color: var(--text-secondary); }

/* ===== LOADING ===== */
[data-theme="dark"] .loading-box {
  background: var(--bg-card);
  box-shadow: 0 10px 40px rgba(0,0,0,0.5);
}
[data-theme="dark"] .loading-text { color: var(--text-secondary); }
[data-theme="dark"] .loading-spinner {
  border-color: rgba(255,255,255,0.1);
  border-top-color: var(--accent);
}

/* ===== ALERTS ===== */
[data-theme="dark"] .alert-success {
  background: rgba(16,185,129,0.12);
  color: #6ee7b7;
  border-color: rgba(16,185,129,0.25);
}
[data-theme="dark"] .alert-error {
  background: rgba(233,69,96,0.12);
  color: #fca5a5;
  border-color: rgba(233,69,96,0.25);
}
[data-theme="dark"] .alert-info {
  background: rgba(14,165,233,0.12);
  color: #7dd3fc;
  border-color: rgba(14,165,233,0.25);
}

/* ===== FOOTER ===== */
[data-theme="dark"] .footer {
  background: #0c1222;
  border-top-color: var(--border-color);
}
[data-theme="dark"] .footer h4 { color: var(--white); }
[data-theme="dark"] .footer p,
[data-theme="dark"] .footer a { color: var(--text-secondary); }
[data-theme="dark"] .footer a:hover { color: var(--accent-light); }
[data-theme="dark"] .footer-bottom {
  border-top-color: var(--border-color);
  color: var(--text-muted);
}

/* ===== TABLES ===== */
[data-theme="dark"] table {
  border-color: var(--border-color);
}
[data-theme="dark"] th {
  background: var(--bg);
  color: var(--text-primary);
  border-color: var(--border-color);
}
[data-theme="dark"] td {
  border-color: var(--border-color);
  color: var(--text-secondary);
}
[data-theme="dark"] tr:hover td {
  background: rgba(255,255,255,0.03);
}

/* ===== METRIC INFO CARDS ===== */
[data-theme="dark"] .metric-card {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}
[data-theme="dark"] .metric-card h3 { color: var(--white); }
[data-theme="dark"] .metric-card p { color: var(--text-secondary); }
/* Override inline color:var(--navy) on label divs inside metric cards */
[data-theme="dark"] .metric-card > div { color: var(--text-primary) !important; }
/* But preserve the colored metric abbreviations (first child div with big font) */
[data-theme="dark"] .metric-card > div:first-child { color: inherit !important; }

/* ===== PAGE HEADER ===== */
[data-theme="dark"] .page-header {
  background: linear-gradient(135deg, #0f172a, #1a1a2e);
  border-bottom-color: var(--border-color);
}
[data-theme="dark"] .page-header h1 { color: var(--white); }
[data-theme="dark"] .page-header p { color: var(--text-secondary); }

/* ===== SECTION LABELS ===== */
[data-theme="dark"] .section-label {
  color: var(--accent-light);
  background: rgba(233,69,96,0.12);
}

/* ===== RESULT CARDS / GAUGES ===== */
[data-theme="dark"] .result-label { color: var(--text-secondary); }
[data-theme="dark"] .result-arrow { color: var(--accent-light); }

/* ===== INTRO TEXT ===== */
[data-theme="dark"] .container-sm p { color: var(--text-secondary); }
[data-theme="dark"] .section p { color: var(--text-secondary); }

/* ===== CTA SECTIONS ===== */
[data-theme="dark"] .cta-section {
  background: linear-gradient(135deg, #1a1a2e 0%, #0f3460 100%);
}
[data-theme="dark"] .cta-section h2 { color: var(--white); }
[data-theme="dark"] .cta-section p { color: var(--text-secondary); }

/* ===== BREADCRUMBS ===== */
[data-theme="dark"] .breadcrumb { color: var(--text-muted); }
[data-theme="dark"] .breadcrumb a { color: var(--text-secondary); }
[data-theme="dark"] .breadcrumb a:hover { color: var(--accent-light); }

/* ===== BADGES ===== */
[data-theme="dark"] .badge {
  background: rgba(255,255,255,0.08);
  color: var(--text-secondary);
}
[data-theme="dark"] .badge-accent {
  background: rgba(233,69,96,0.15);
  color: var(--accent-light);
}

/* ===== PAGINATION ===== */
[data-theme="dark"] .pagination a,
[data-theme="dark"] .pagination span {
  background: var(--bg-card);
  border-color: var(--border-color);
  color: var(--text-secondary);
}
[data-theme="dark"] .pagination a:hover {
  background: rgba(255,255,255,0.08);
  color: var(--white);
}
[data-theme="dark"] .pagination .active {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--white);
}

/* ===== WHATSAPP FLOAT ===== */
[data-theme="dark"] .whatsapp-float {
  box-shadow: 0 4px 15px rgba(37,211,102,0.3);
}

/* ===== MISC ===== */
[data-theme="dark"] hr { border-color: var(--border-color); }
[data-theme="dark"] .divider { background: var(--border-color); }
[data-theme="dark"] .text-muted { color: var(--text-muted) !important; }
[data-theme="dark"] .card,
[data-theme="dark"] .box {
  background: var(--bg-card);
  border-color: var(--border-color);
}

/* ===== CONTACT INFO ===== */
[data-theme="dark"] .contact-info-card {
  background: var(--bg-card);
  border-color: var(--border-color);
}
[data-theme="dark"] .contact-info-card h3 { color: var(--white); }
[data-theme="dark"] .contact-info-card p { color: var(--text-secondary); }
[data-theme="dark"] .contact-icon {
  background: rgba(233,69,96,0.12);
  color: var(--accent-light);
}

/* ===== TRUST BADGES / LOGOS ===== */
[data-theme="dark"] .trust-badge {
  background: var(--bg-card);
  border-color: var(--border-color);
  color: var(--text-secondary);
}
[data-theme="dark"] .client-logo {
  filter: brightness(0.8) contrast(1.1);
  opacity: 0.6;
}
[data-theme="dark"] .client-logo:hover { opacity: 0.9; }

/* ===== SCROLLBAR ===== */
[data-theme="dark"] ::-webkit-scrollbar { width: 8px; }
[data-theme="dark"] ::-webkit-scrollbar-track { background: var(--bg); }
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.15);
  border-radius: 4px;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.25);
}

/* ===== SELECTION ===== */
[data-theme="dark"] ::selection {
  background: rgba(233,69,96,0.3);
  color: var(--white);
}

/* ===== GLOBAL INLINE COLOR FIX ===== */
/* Override inline color:var(--navy) on headings — they become invisible on dark backgrounds */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5 {
  color: var(--text-primary) !important;
}
/* Preserve headings that should stay white (hero, section-dark, footer, pdf-header) */
[data-theme="dark"] .hero h1,
[data-theme="dark"] .hero h2,
[data-theme="dark"] .section-dark h1,
[data-theme="dark"] .section-dark h2,
[data-theme="dark"] .section-dark h3,
[data-theme="dark"] .footer h1,
[data-theme="dark"] .footer h2,
[data-theme="dark"] .footer h3,
[data-theme="dark"] .footer h4,
[data-theme="dark"] .page-header h1,
[data-theme="dark"] .stats-section h2,
[data-theme="dark"] .cta-section h2 {
  color: var(--white) !important;
}

/* Fix inline color:var(--navy) on span/p inside trust badges and similar */
[data-theme="dark"] .section-alt > .container span[style*="--navy"],
[data-theme="dark"] section > .container span[style*="--navy"] {
  color: var(--text-primary);
}

/* ===== AUDIT CHECK PILLS ===== */
[data-theme="dark"] .audit-cat-block {
  background: var(--bg-card);
  border-color: var(--border-color);
}
[data-theme="dark"] .audit-check-pill {
  background: var(--bg);
  border-color: var(--border-color);
  color: var(--text-secondary);
}

/* ===== PROMO BOX ===== */
[data-theme="dark"] .promo-box {
  background: linear-gradient(135deg, #1a1a2e 0%, #0f3460 100%);
  border-color: rgba(255,255,255,0.1);
}
[data-theme="dark"] .promo-box h3 { color: var(--white) !important; }
[data-theme="dark"] .promo-box p { color: var(--text-secondary); }

/* ===== POPUPS ===== */
[data-theme="dark"] .popup-box {
  background: var(--bg-card);
  box-shadow: 0 20px 60px rgba(0,0,0,0.6);
}
[data-theme="dark"] .popup-header h3 { color: var(--white) !important; }
[data-theme="dark"] .popup-header p { color: var(--text-secondary); }
[data-theme="dark"] .popup-pkg-price { color: var(--white); }
[data-theme="dark"] .popup-close { color: var(--text-muted); }
[data-theme="dark"] .popup-close:hover {
  background: rgba(255,255,255,0.08);
  color: var(--text-primary);
}
[data-theme="dark"] .popup-option {
  background: var(--bg);
  border-color: var(--border-color);
  color: var(--text-primary);
}
[data-theme="dark"] .popup-option:hover {
  border-color: var(--accent);
  background: rgba(233,69,96,0.08);
}
[data-theme="dark"] .popup-option-text strong { color: var(--text-primary); }
[data-theme="dark"] .popup-option-text small { color: var(--text-muted); }