/* ============================================================
   MAPILEADS – LIGHT MODE OVERRIDE
   Applied when: html[data-theme="light"]
   Dark mode (default) remains completely untouched.
   ============================================================ */

/* ── Smooth transition between themes ────────────────────── */
html, body,
.navbar, .hero-main, .hero-tagline, .content,
.crm-preview, .ai-chat-container, .areas-map-container,
.routes-map-container, .supervision-container,
.calculator-card, .tiers-card, .calendar-box,
.contact-box, .site-footer, .feature,
.cookie-banner,
.rm-section, .rm-box, .rm-tag, .rm-title, .rm-desc,
.rm-cyl3d-face, .rm-cyl3d-label,
.sp-section, .sp-testi-card, .sp-counter-wrap,
.sp-logos-title, .sp-logo,
.bp-section, .bp-pill, .bp-card, .bp-cta a {
    transition: background-color 0.35s ease, color 0.35s ease,
                border-color 0.35s ease, box-shadow 0.35s ease;
}

/* ── 1. BODY & GLOBAL ───────────────────────────────────── */
[data-theme="light"] body {
    background: #f8f9fc;
    color: #1a1a2e;
}

[data-theme="light"] .content {
    background: #f8f9fc;
}

/* ── 2. WHITE CLASS OVERRIDE ─────────────────────────────── */
[data-theme="light"] .white {
    color: #1a1a2e !important;
    -webkit-text-fill-color: #1a1a2e !important;
}

/* ── 3. HERO SECTION ─────────────────────────────────────── */
[data-theme="light"] .hero-main {
    background: #f8f9fc;
}

[data-theme="light"] .hero-main .subtitle {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .hero-main .btn-secondary {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: #1a1a2e;
}

[data-theme="light"] .hero-main .btn-secondary:hover {
    background: rgba(0, 0, 0, 0.08);
}

/* Hero gradient overlays – fade to white */
[data-theme="light"] .hero-gradient-bottom {
    background: linear-gradient(to top, #f8f9fc 0%, transparent 100%);
}

[data-theme="light"] .hero-gradient-top {
    background: linear-gradient(to bottom, #f8f9fc 0%, transparent 100%);
}

[data-theme="light"] .hero-gradient-left {
    background: linear-gradient(to right, #f8f9fc 0%, transparent 100%);
}

[data-theme="light"] .hero-gradient-right {
    background: linear-gradient(to left, #f8f9fc 0%, transparent 100%);
}

/* ── 4. HERO TAGLINE ─────────────────────────────────────── */
[data-theme="light"] .hero-tagline {
    background: #f8f9fc;
}

[data-theme="light"] .hero-tagline h2 {
    color: rgba(0, 0, 0, 0.45);
}

[data-theme="light"] .hero-tagline .subtitle {
    color: rgba(0, 0, 0, 0.6);
}

/* ── 5. CRM TABLE ────────────────────────────────────────── */
[data-theme="light"] .crm-preview {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .crm-table thead {
    background: rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .crm-table th {
    color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .crm-table td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.7);
}

[data-theme="light"] .crm-table tbody tr:hover {
    background: rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .business-cell {
    color: #1a1a2e;
}

/* Sticky first column */
[data-theme="light"] .crm-table th:first-child,
[data-theme="light"] .crm-table td:first-child {
    background: #f8f9fc;
}

[data-theme="light"] .crm-table thead th:first-child {
    background: #f0f2f7;
}

[data-theme="light"] .crm-table tbody tr:hover td:first-child {
    background: #eef1f6;
}

/* Social buttons in CRM */
[data-theme="light"] .social-btn {
    background: rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .social-btn svg {
    fill: rgba(0, 0, 0, 0.35);
}

[data-theme="light"] .social-btn:hover {
    background: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .social-btn.twitter:hover svg,
[data-theme="light"] .social-btn.tiktok:hover svg {
    fill: #1a1a2e;
}

/* Pipeline badges – keep accent colors, adjust bg */
[data-theme="light"] .pipeline-badge.qualified {
    background: rgba(96, 165, 250, 0.12);
}

[data-theme="light"] .pipeline-badge.contacted {
    background: rgba(167, 139, 250, 0.12);
}

[data-theme="light"] .pipeline-badge.won {
    background: rgba(52, 211, 153, 0.12);
}

[data-theme="light"] .notes-cell {
    color: rgba(0, 0, 0, 0.5);
}

/* ── 6. AI CHAT SECTION ──────────────────────────────────── */
[data-theme="light"] .ai-chat-section .subtitle {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .ai-chat-container {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .ai-message.assistant .ai-message-content {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .ai-message.user .ai-message-content {
    background: rgba(167, 139, 250, 0.1);
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(167, 139, 250, 0.2);
}

[data-theme="light"] .ai-message.user .ai-message-avatar {
    background: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.5);
}

[data-theme="light"] .ai-chat-input {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #1a1a2e;
}

[data-theme="light"] .ai-chat-input:focus {
    border-color: rgba(167, 139, 250, 0.4);
    background: rgba(0, 0, 0, 0.02);
}

[data-theme="light"] .ai-chat-input::placeholder {
    color: rgba(0, 0, 0, 0.3);
}

[data-theme="light"] .ai-chat-send {
    background: rgba(167, 139, 250, 0.1);
    border: 1px solid rgba(167, 139, 250, 0.2);
}

[data-theme="light"] .ai-chat-send:hover {
    background: rgba(167, 139, 250, 0.18);
}

[data-theme="light"] .ai-suggestion {
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.4);
}

[data-theme="light"] .ai-suggestion:hover {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.6);
    border-color: rgba(167, 139, 250, 0.25);
}

/* ── 7. AREAS SECTION ────────────────────────────────────── */
[data-theme="light"] .areas-section .subtitle {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .areas-map-container {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .team-btn {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .team-btn:hover {
    background: rgba(255, 255, 255, 1);
}

[data-theme="light"] .team-count {
    background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .areas-instructions {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .areas-instructions.pulsating {
    color: rgba(0, 0, 0, 0.8);
}

/* ── 8. ROUTES SECTION ───────────────────────────────────── */
[data-theme="light"] .routes-section .subtitle {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .routes-map-container {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .routes-mode-toggle .mode-btn {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .routes-mode-toggle .mode-btn:hover {
    background: rgba(249, 115, 22, 0.08);
    color: #1a1a2e;
}

[data-theme="light"] .routes-mode-toggle .mode-btn.active {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.15), rgba(239, 68, 68, 0.15));
    color: #1a1a2e;
}

[data-theme="light"] .routes-info {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .route-stat-label {
    color: rgba(0, 0, 0, 0.5);
}

/* ── 9. SUPERVISION SECTION ──────────────────────────────── */
[data-theme="light"] .supervision-section .subtitle {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .supervision-container {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .reps-list {
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .reps-list-header {
    color: rgba(0, 0, 0, 0.45);
}

[data-theme="light"] .rep-item:hover {
    background: rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .rep-item.active {
    background: rgba(167, 139, 250, 0.1);
    border: 1px solid rgba(167, 139, 250, 0.25);
}

[data-theme="light"] .rep-name {
    color: #1a1a2e;
}

[data-theme="light"] .rep-status-text {
    color: rgba(0, 0, 0, 0.45);
}

[data-theme="light"] .rep-status-dot {
    border-color: #f8f9fc;
}

[data-theme="light"] .rep-stats-label {
    color: rgba(0, 0, 0, 0.4);
}

[data-theme="light"] .activity-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .activity-title {
    color: #1a1a2e;
}

[data-theme="light"] .activity-item {
    background: rgba(0, 0, 0, 0.02);
}

[data-theme="light"] .activity-text {
    color: rgba(0, 0, 0, 0.75);
}

[data-theme="light"] .activity-text strong {
    color: #1a1a2e;
}

[data-theme="light"] .activity-meta,
[data-theme="light"] .activity-time {
    color: rgba(0, 0, 0, 0.4);
}

[data-theme="light"] .activity-item.new {
    background: rgba(167, 139, 250, 0.06);
}

/* Mobile supervision */
@media (max-width: 768px) {
    [data-theme="light"] .reps-list {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }
}

/* ── 10. MAPBOX CONTROLS ─────────────────────────────────── */
[data-theme="light"] .mapboxgl-ctrl-group {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .mapboxgl-ctrl-group button:hover {
    background-color: rgba(0, 0, 0, 0.06) !important;
}

/* ── 11. MAP MARKER TOOLTIPS ─────────────────────────────── */
[data-theme="light"] .marker-tooltip {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .tooltip-header {
    background: rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .tooltip-info h4 {
    color: #1a1a2e;
}

[data-theme="light"] .tooltip-info span {
    color: rgba(0, 0, 0, 0.45);
}

[data-theme="light"] .tooltip-details {
    background: rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .tooltip-row {
    color: rgba(0, 0, 0, 0.5);
}

[data-theme="light"] .tooltip-row svg {
    fill: rgba(0, 0, 0, 0.3);
}

[data-theme="light"] .tooltip-socials {
    background: rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .social-icon:hover {
    background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .social-icon svg {
    fill: rgba(0, 0, 0, 0.35);
}

[data-theme="light"] .social-icon.twitter:hover svg {
    fill: #1a1a2e;
}

/* ── 12. FEATURES SECTION ────────────────────────────────── */
[data-theme="light"] .feature {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .feature p {
    color: rgba(0, 0, 0, 0.6);
}

/* ── 13. CALENDAR SECTION ────────────────────────────────── */
[data-theme="light"] .calendar-section .subtitle {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .calendar-box {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .calendar-box:hover {
    box-shadow: 0 12px 40px rgba(139, 92, 246, 0.1);
}

[data-theme="light"] .calendar-box-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: rgba(0, 0, 0, 0.02);
}

[data-theme="light"] .calendar-box-header span {
    color: #1a1a2e;
}

[data-theme="light"] .calendar-day-header {
    color: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .calendar-day {
    color: rgba(0, 0, 0, 0.6) !important;
}

[data-theme="light"] .calendar-day.today {
    color: white !important;
}

[data-theme="light"] .calendar-day.selected {
    color: #1a1a2e !important;
}

[data-theme="light"] .calendar-day.other-month {
    color: rgba(0, 0, 0, 0.2) !important;
}

[data-theme="light"] .calendar-day:not(.other-month):hover {
    background: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .calendar-event-time {
    color: #1a1a2e !important;
}

[data-theme="light"] .calendar-event-title {
    color: rgba(0, 0, 0, 0.6) !important;
}

/* ── 14. PRICING SECTION ─────────────────────────────────── */
[data-theme="light"] .pricing-section .subtitle {
    color: rgba(0, 0, 0, 0.6);
}

/* Billing toggle */
[data-theme="light"] .billing-toggle-label {
    color: rgba(0, 0, 0, 0.35);
}
[data-theme="light"] .billing-toggle-label.active {
    color: #1a1a2e;
}
[data-theme="light"] .billing-switch .slider {
    background: rgba(0, 0, 0, 0.12);
}

/* Blobs — hide on light */
[data-theme="light"] .blob-container {
    opacity: 0.15;
}

[data-theme="light"] .calculator-card {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .slider-label {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .slider-value {
    color: #1a1a2e;
}

[data-theme="light"] .leads-slider {
    background: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .slider-marks {
    color: rgba(0, 0, 0, 0.4);
}

[data-theme="light"] .current-tier {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .tier-label {
    color: rgba(0, 0, 0, 0.45);
}

[data-theme="light"] .price-breakdown {
    background: rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .breakdown-row {
    color: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .breakdown-row .value {
    color: #1a1a2e;
}

[data-theme="light"] .breakdown-row.total .value {
    color: #1a1a2e;
}

[data-theme="light"] .breakdown-row.total {
    border-top: 2px solid rgba(96, 165, 250, 0.3);
}

[data-theme="light"] .reps-slider-section {
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .reps-slider-section.enabled {
    background: rgba(249, 115, 22, 0.04);
}

[data-theme="light"] .pro-tip-text {
    color: rgba(0, 0, 0, 0.7);
}

[data-theme="light"] .pro-tip-text strong {
    color: #1a1a2e;
}

/* Tiers table */
[data-theme="light"] .tiers-card {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .tiers-table th {
    color: rgba(0, 0, 0, 0.45);
}

[data-theme="light"] .tiers-table td {
    background: rgba(0, 0, 0, 0.02);
}

[data-theme="light"] .tiers-table tr.active td {
    background: rgba(96, 165, 250, 0.08);
}

[data-theme="light"] .tier-leads {
    color: #1a1a2e;
}

[data-theme="light"] .tier-feature-badge.inactive {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.3);
}

[data-theme="light"] .email-input-wrapper input {
    color: #1a1a2e;
}

[data-theme="light"] .email-input-wrapper input::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

/* ── 14b. PLAN CARDS ─────────────────────────────────────── */
[data-theme="light"] .plan-card {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .plan-card::before {
    background: linear-gradient(180deg, rgba(0,0,0,0.02) 0%, transparent 60%);
}

[data-theme="light"] .plan-card:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}


[data-theme="light"] .plan-name {
    color: #1a1a2e;
}

[data-theme="light"] .plan-price .currency {
    color: rgba(0, 0, 0, 0.45);
}

[data-theme="light"] .plan-price .amount {
    color: #1a1a2e;
}

[data-theme="light"] .plan-price .period {
    color: rgba(0, 0, 0, 0.4);
}

[data-theme="light"] .plan-price .decimals {
    color: rgba(0, 0, 0, 0.4);
}

[data-theme="light"] .plan-leads {
    background: rgba(52, 211, 153, 0.1);
    border-color: rgba(52, 211, 153, 0.25);
    color: #059669;
}

[data-theme="light"] .plan-card.featured .plan-leads {
    background: linear-gradient(90deg, rgba(124,58,237,0.08), rgba(96,165,250,0.08), rgba(52,211,153,0.08));
    border-color: rgba(124, 58, 237, 0.2);
    color: #7c3aed;
}

[data-theme="light"] .plan-leads-extra {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.45);
}

[data-theme="light"] .plan-divider {
    background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .plan-features li {
    color: rgba(0, 0, 0, 0.7);
}

[data-theme="light"] .plan-features li .check {
    background: rgba(52, 211, 153, 0.12);
}

[data-theme="light"] .plan-features li .check svg path {
    stroke: #059669;
}

[data-theme="light"] .plan-card.featured .plan-features li .check {
    background: rgba(124, 58, 237, 0.1);
}

[data-theme="light"] .plan-card.featured .plan-features li .check svg path {
    stroke: #7c3aed;
}

[data-theme="light"] .plan-features li.disabled {
    color: rgba(0, 0, 0, 0.25);
}

[data-theme="light"] .plan-features li.disabled .check {
    background: rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .plan-features li.disabled .check svg path {
    stroke: rgba(0, 0, 0, 0.15);
}

[data-theme="light"] .plan-cta {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #1a1a2e;
}

[data-theme="light"] .plan-cta:hover {
    background: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .plan-card.featured {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(124, 58, 237, 0.2);
    box-shadow: 0 4px 24px rgba(124, 58, 237, 0.1), 0 8px 32px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .plan-card.featured::before {
    background: linear-gradient(180deg, rgba(124,58,237,0.04) 0%, rgba(96,165,250,0.02) 40%, transparent 100%);
}

[data-theme="light"] .plan-card.featured .plan-cta {
    background: linear-gradient(90deg, #a78bfa, #60a5fa, #34d399);
    color: #fff;
    border: none;
}

[data-theme="light"] .plan-card.featured .plan-cta:hover {
    background: linear-gradient(90deg, #34d399, #60a5fa, #a78bfa);
}

[data-theme="light"] .plan-badge {
    background: linear-gradient(90deg, #a78bfa, #60a5fa, #34d399);
    color: #fff;
}

/* Plan price border */
[data-theme="light"] .plan-price {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

/* Plan section labels */
[data-theme="light"] .plan-section-label {
    color: rgba(0, 0, 0, 0.35);
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

/* Leads dropdown */
[data-theme="light"] .leads-dropdown {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .leads-dropdown-title {
    color: #059669;
}
[data-theme="light"] .plan-card.featured .leads-dropdown {
    border-color: rgba(124, 58, 237, 0.15);
}
[data-theme="light"] .plan-card.featured .leads-dropdown-title {
    color: #7c3aed;
}
[data-theme="light"] .plan-card.starter .leads-dropdown-title {
    color: #6b7280;
}
[data-theme="light"] .leads-dropdown-content li {
    color: rgba(0, 0, 0, 0.65);
}
[data-theme="light"] .leads-dropdown-content li.disabled {
    color: rgba(0, 0, 0, 0.25);
}
[data-theme="light"] .leads-dropdown-content ul {
    border-top-color: rgba(0, 0, 0, 0.06);
}

/* Plan leads range */
[data-theme="light"] .plan-leads-range {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.5);
}

/* Plan free leads */
[data-theme="light"] .plan-free-leads {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .plan-free-leads .free-leads-label {
    color: rgba(0, 0, 0, 0.45);
}

/* Feature info tooltip */
[data-theme="light"] .feature-info {
    color: rgba(0, 0, 0, 0.3);
}
[data-theme="light"] .feature-info:hover {
    background: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.6);
}
[data-theme="light"] #featureTipGlobal {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
}

/* Num highlights */
[data-theme="light"] .num-highlight-enterprise {
    background: linear-gradient(90deg, #b8860b, #8b6914);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Enterprise plan — gold text on light bg */
[data-theme="light"] .plan-card.enterprise .plan-name {
    background: linear-gradient(90deg, #8b6914, #b8860b, #8b6914);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
[data-theme="light"] .plan-card.enterprise .plan-price .amount {
    background: linear-gradient(90deg, #8b6914, #b8860b, #8b6914);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
[data-theme="light"] .plan-card.enterprise .plan-price .currency,
[data-theme="light"] .plan-card.enterprise .plan-price .period {
    color: rgba(139, 105, 20, 0.6);
}
[data-theme="light"] .plan-card.enterprise .leads-dropdown-title {
    background: linear-gradient(90deg, #8b6914, #b8860b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
[data-theme="light"] .plan-card.enterprise .bonus-leads {
    color: #8b6914 !important;
    -webkit-text-fill-color: #8b6914 !important;
}

/* Plan addon toggles */
[data-theme="light"] .plan-addon-text {
    color: rgba(0, 0, 0, 0.35);
}
[data-theme="light"] .plan-addon.active .plan-addon-text {
    color: rgba(0, 0, 0, 0.75);
}
[data-theme="light"] .plan-addon-price {
    color: rgba(0, 0, 0, 0.3);
}
[data-theme="light"] .plan-addon-toggle {
    background: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .plan-addon-toggle::after {
    background: rgba(0, 0, 0, 0.3);
}
[data-theme="light"] .plan-addon-toggle-sm {
    background: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .plan-addon-toggle-sm::after {
    background: rgba(0, 0, 0, 0.3);
}

/* Custom plan (enterprise) */
[data-theme="light"] .custom-row {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .custom-row-label {
    color: rgba(0, 0, 0, 0.6);
}
[data-theme="light"] .custom-arrow {
    border-color: rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.6);
}
[data-theme="light"] .custom-arrow:hover {
    background: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.2);
}
[data-theme="light"] .custom-value {
    color: #1a1a2e;
}

/* Footer text on pricing page */
[data-theme="light"] .footer-copyright {
    color: rgba(0, 0, 0, 0.4);
}

/* Disabled SVG strokes (inline rgba white → dark) */
[data-theme="light"] .leads-dropdown-content li.disabled .check svg path {
    stroke: rgba(0, 0, 0, 0.15) !important;
}
[data-theme="light"] .plan-features li.disabled .check svg path {
    stroke: rgba(0, 0, 0, 0.15) !important;
}

/* Enterprise white elements in light mode */
[data-theme="light"] .plan-card.enterprise .plan-addon.active .plan-addon-toggle {
    background: rgba(139, 105, 20, 0.2);
    border-color: rgba(139, 105, 20, 0.4);
}
[data-theme="light"] .plan-card.enterprise .plan-addon.active .plan-addon-toggle::after {
    background: #8b6914;
}
[data-theme="light"] .plan-card.enterprise .plan-addon.active .plan-addon-price {
    color: #8b6914;
}
[data-theme="light"] .plan-card.enterprise .plan-addon-inline.active .plan-addon-toggle-sm {
    background: rgba(139, 105, 20, 0.2);
    border-color: rgba(139, 105, 20, 0.4);
}
[data-theme="light"] .plan-card.enterprise .plan-addon-inline.active .plan-addon-toggle-sm::after {
    background: #8b6914;
}

/* Featured plan leads range */
[data-theme="light"] .plan-card.featured .plan-leads-range {
    background: rgba(124, 58, 237, 0.06);
    border-color: rgba(124, 58, 237, 0.15);
    color: rgba(0, 0, 0, 0.5);
}

/* Enterprise check SVG strokes — darken gold for light bg */
[data-theme="light"] .plan-card.enterprise .leads-dropdown-content li .check svg path {
    stroke: #8b6914 !important;
}
[data-theme="light"] .plan-card.enterprise .leads-dropdown-content li.disabled .check svg path {
    stroke: rgba(0, 0, 0, 0.15) !important;
}

/* Starter check SVG — slightly darker gray for light bg */
[data-theme="light"] .plan-card.starter .leads-dropdown-content li .check svg path {
    stroke: #6b7280 !important;
}
[data-theme="light"] .plan-card.starter .leads-dropdown-content li.disabled .check svg path {
    stroke: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .feat-info {
    color: rgba(0, 0, 0, 0.35);
}

[data-theme="light"] .feat-info:hover {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .feat-tooltip {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.7);
}

/* ── 15. CONTACT SECTION ─────────────────────────────────── */
[data-theme="light"] .contact-section .subtitle {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .contact-box {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .contact-box:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .contact-box-title {
    color: #1a1a2e;
}

[data-theme="light"] .contact-box-desc {
    color: rgba(0, 0, 0, 0.55);
}

/* ── 16. FOOTER ──────────────────────────────────────────── */
[data-theme="light"] footer {
    color: rgba(0, 0, 0, 0.45);
}

[data-theme="light"] .site-footer {
    background: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .footer-links a {
    color: rgba(0, 0, 0, 0.55);
}

[data-theme="light"] .footer-links a:hover {
    color: #1a1a2e;
}

[data-theme="light"] .footer-socials a {
    background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .footer-socials a:hover {
    background: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .footer-socials svg {
    fill: rgba(0, 0, 0, 0.5);
}

[data-theme="light"] .footer-socials a:hover svg {
    fill: #1a1a2e;
}

/* ── 17. DARK POPUP (Routes) ─────────────────────────────── */
[data-theme="light"] .dark-popup .mapboxgl-popup-close-button {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .dark-popup .mapboxgl-popup-close-button:hover {
    color: #1a1a2e !important;
}

/* ── 18. COOKIE BANNER ───────────────────────────────────── */
[data-theme="light"] .cookie-banner {
    background: rgba(255, 255, 255, 0.98) !important;
    border-top: 1px solid rgba(168, 85, 247, 0.15) !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .cookie-banner-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .cookie-banner-text {
    color: #4a5568 !important;
}

[data-theme="light"] .cookie-banner-text a {
    color: #7c3aed !important;
}

[data-theme="light"] .cookie-settings-content {
    background: #fff !important;
    border-color: rgba(168, 85, 247, 0.12) !important;
}

[data-theme="light"] .cookie-category {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .cookie-category-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .cookie-category-desc {
    color: #4a5568 !important;
}

[data-theme="light"] .cookie-btn-reject {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #1a1a2e !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .cookie-btn-reject:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .cookie-btn-settings {
    color: #7c3aed !important;
    border-color: rgba(168, 85, 247, 0.3) !important;
}

[data-theme="light"] .cookie-settings-modal-backdrop {
    background: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .cookie-settings-modal {
    background: #fff !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

/* ── 19. SCROLLBAR ───────────────────────────────────────── */
[data-theme="light"] ::-webkit-scrollbar-track {
    background: #f0f2f7;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.25);
}

/* ── 20. VOICE / TRANSCRIPTION SECTION ──────────────────── */
[data-theme="light"] .voice-section .subtitle {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .voice-demo-container {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .voice-demo-table th {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.5);
}

[data-theme="light"] .voice-demo-table td {
    background: rgba(0, 0, 0, 0.01);
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.7);
}

[data-theme="light"] .voice-demo-lead-name {
    color: #1a1a2e;
}

[data-theme="light"] .voice-demo-lead-address,
[data-theme="light"] .voice-demo-email {
    color: rgba(0, 0, 0, 0.45);
}

[data-theme="light"] .voice-demo-note-text {
    color: rgba(0, 0, 0, 0.45);
}

[data-theme="light"] .voice-demo-mic-btn {
    background: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.5);
}

[data-theme="light"] .voice-demo-timer {
    color: rgba(0, 0, 0, 0.7);
}

[data-theme="light"] .voice-demo-bars span {
    background: rgba(0, 0, 0, 0.15);
}

[data-theme="light"] .voice-demo-recording-box {
    background: rgba(167, 139, 250, 0.08);
    border-color: rgba(167, 139, 250, 0.15);
}

[data-theme="light"] .voice-demo-transcript {
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.7);
}

[data-theme="light"] .voice-demo-transcript-header {
    color: rgba(0, 0, 0, 0.5);
}

[data-theme="light"] .voice-demo-transcription-box {
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .voice-demo-transcription-label {
    color: rgba(0, 0, 0, 0.4);
}

[data-theme="light"] .voice-demo-transcription-text {
    color: rgba(0, 0, 0, 0.8);
}

[data-theme="light"] .voice-demo-status {
    background: rgba(167, 139, 250, 0.1);
}

/* ── 21. AUTH MODALS (injected dynamically) ─────────────── */
[data-theme="light"] .auth-modal-backdrop {
    background: rgba(0, 0, 0, 0.4);
}

[data-theme="light"] .auth-modal-content {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

[data-theme="light"] .auth-modal-content h2 {
    color: #1a1a2e;
}

[data-theme="light"] .auth-modal-content label {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .auth-modal-content input[type="email"],
[data-theme="light"] .auth-modal-content input[type="password"],
[data-theme="light"] .auth-modal-content input[type="text"] {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: #1a1a2e;
}

[data-theme="light"] .auth-modal-content input::placeholder {
    color: rgba(0, 0, 0, 0.35);
}

/* ── 22. GENERAL INLINE STYLE OVERRIDES ─────────────────── */
/* Subtitle text used across many sections */
[data-theme="light"] .subtitle {
    color: rgba(0, 0, 0, 0.6) !important;
}

/* ── 23. ROADMAP SECTION ────────────────────────────────── */
[data-theme="light"] .rm-section {
    background: #f8f9fc;
}

/* Boxes — soft light backgrounds with depth */
[data-theme="light"] .rm-box {
    background: linear-gradient(135deg, #f5f6fb 0%, #edf0f8 100%);
    border: 1px solid rgba(0, 0, 0, 0.10);
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.05),
                inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

[data-theme="light"] .rm-box:hover {
    border-color: rgba(var(--ac), 0.30);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.10), 0 0 50px -12px rgba(var(--ac), 0.15),
                inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

[data-theme="light"] .rm-box::before {
    background-image: radial-gradient(rgba(0, 0, 0, 0.04) 1px, transparent 1px);
}

[data-theme="light"] .rm-box::after {
    opacity: .02;
}

/* Swap white SVG fills/strokes to dark for light backgrounds */
[data-theme="light"] .rm-scene rect[fill^="rgba(255,255,255"] {
    fill: rgba(0, 0, 0, 0.10) !important;
}

[data-theme="light"] .rm-scene line[stroke^="rgba(255,255,255"] {
    stroke: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .rm-scene text[fill^="rgba(255,255,255"] {
    fill: rgba(0, 0, 0, 0.35) !important;
}

[data-theme="light"] .rm-scene g[fill^="rgba(255,255,255"] {
    fill: rgba(0, 0, 0, 0.35) !important;
}

[data-theme="light"] .rm-scene g[fill^="rgba(255,255,255"] text {
    fill: rgba(0, 0, 0, 0.35) !important;
}

/* Also swap white fills on animated rects inside g elements */
[data-theme="light"] .rm-scene g rect[fill^="rgba(255,255,255"] {
    fill: rgba(0, 0, 0, 0.10) !important;
}

/* Input bars / background rects with very low white opacity */
[data-theme="light"] .rm-scene rect[fill^="rgba(255,255,255,0.0"] {
    fill: rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .rm-box-glow {
    opacity: 0;
}

[data-theme="light"] .rm-row.rm-visible .rm-box-glow {
    opacity: 0.3;
}

[data-theme="light"] .rm-box-label {
    color: rgba(var(--ac), 0.25);
}

[data-theme="light"] .rm-row.rm-visible .rm-box-label {
    color: rgba(var(--ac), 0.4);
}

[data-theme="light"] .rm-box:hover .rm-box-label {
    color: rgba(var(--ac), 0.55);
}

[data-theme="light"] .rm-tag {
    color: rgba(0, 0, 0, 0.45);
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .rm-title {
    color: #1a1a2e;
}

[data-theme="light"] .rm-desc {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .rm-underline {
    color: #1a1a2e;
}

[data-theme="light"] .rm-link {
    color: #7c3aed;
}

[data-theme="light"] .rm-link:hover {
    color: #3b82f6;
}

[data-theme="light"] .rm-metric-val {
    color: #1a1a2e;
}

[data-theme="light"] .rm-metric-label {
    color: rgba(0, 0, 0, 0.4);
}

/* Roadmap SVG connecting line */
[data-theme="light"] #rmPathBg {
    stroke: rgba(0, 0, 0, 0.08) !important;
}
/* Keep gradient on foreground path — do NOT override #rmPathFg */
[data-theme="light"] #rmArrowTip {
    stroke: #7c3aed !important;
}

/* ── 24. 3D CYLINDER ────────────────────────────────────── */
[data-theme="light"] .rm-cyl3d-face {
    background:
        radial-gradient(ellipse at 50% 0%, rgba(124, 58, 237, 0.12) 0%, transparent 60%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.02) 100%);
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow:
        0 4px 30px rgba(96, 165, 250, 0.10),
        0 0 60px rgba(167, 139, 250, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        inset 0 -1px 0 rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .rm-cyl3d-num {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.0) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[data-theme="light"] .rm-cyl3d-label {
    color: #1a1a2e;
}

/* Keep .rm-cyl3d-kw gradient — works on both themes */
/* Keep .rm-cyl3d-btn gradient — works on both themes */

[data-theme="light"] .rm-cyl3d-btn {
    box-shadow:
        0 4px 20px rgba(96, 165, 250, 0.25),
        0 0 60px rgba(167, 139, 250, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

[data-theme="light"] .rm-cyl3d-btn:hover {
    box-shadow:
        0 8px 35px rgba(96, 165, 250, 0.35),
        0 0 80px rgba(167, 139, 250, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

[data-theme="light"] .rm-cyl3d-reflect {
    opacity: 0.12;
}

[data-theme="light"] .rm-cyl3d-scene {
    background: transparent;
}

/* ── 25. SOCIAL PROOF SECTION ───────────────────────────── */
[data-theme="light"] .sp-section {
    background: #f8f9fc;
}

[data-theme="light"] .sp-logos-title {
    color: rgba(0, 0, 0, 0.35);
}

[data-theme="light"] .sp-logo {
    color: rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .sp-logo:hover {
    color: rgba(0, 0, 0, 0.28);
}

/* Testimonials title */
[data-theme="light"] .sp-testi-wrap > p {
    color: rgba(0, 0, 0, 0.35);
}

[data-theme="light"] .sp-testi-card {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(10px);
}

[data-theme="light"] .sp-testi-card:hover {
    border-color: rgba(167, 139, 250, 0.2);
}

[data-theme="light"] .sp-testi-quote {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .sp-testi-author strong {
    color: #1a1a2e;
}

[data-theme="light"] .sp-testi-author span {
    color: rgba(0, 0, 0, 0.4);
}

/* Live counter badge */
[data-theme="light"] .sp-counter-wrap {
    background:
        radial-gradient(ellipse at 30% 50%, rgba(167, 139, 250, 0.05) 0%, transparent 70%),
        rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow:
        0 0 40px rgba(96, 165, 250, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

[data-theme="light"] .sp-avatar {
    border-color: #f8f9fc;
}

[data-theme="light"] .sp-counter-text {
    color: rgba(0, 0, 0, 0.55);
}

/* Keep .sp-counter-num gradient — works on both themes */
/* Keep .sp-underline-rough gradient — works on both themes */

/* ── 26. SUPERVISION FEED — light mode ───────────────────── */
[data-theme="light"] .sv-feed-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .sv-feed-title {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .sv-item {
    background: rgba(0, 0, 0, 0.02);
}

[data-theme="light"] .sv-item.sv-new {
    background: rgba(167, 139, 250, 0.06);
}

[data-theme="light"] .sv-item-who {
    color: #1a1a2e;
}

[data-theme="light"] .sv-item-action {
    color: rgba(0, 0, 0, 0.45);
}

[data-theme="light"] .sv-item-target {
    color: rgba(0, 0, 0, 0.7);
}

[data-theme="light"] .sv-item-time {
    color: rgba(0, 0, 0, 0.3);
}

[data-theme="light"] .sv-item-action-icon {
    border-color: #f8f9fc;
}

[data-theme="light"] .sv-item.sv-visit .sv-item-action-icon { background: rgba(52, 211, 153, 0.12); }
[data-theme="light"] .sv-item.sv-lead .sv-item-action-icon { background: rgba(96, 165, 250, 0.12); }
[data-theme="light"] .sv-item.sv-sale .sv-item-action-icon { background: rgba(251, 191, 36, 0.12); }
[data-theme="light"] .sv-item.sv-note .sv-item-action-icon { background: rgba(167, 139, 250, 0.12); }
[data-theme="light"] .sv-item.sv-voice .sv-item-action-icon { background: rgba(244, 114, 182, 0.12); }
[data-theme="light"] .sv-item.sv-meeting .sv-item-action-icon { background: rgba(56, 189, 248, 0.12); }
[data-theme="light"] .sv-item.sv-pipeline .sv-item-action-icon { background: rgba(251, 146, 60, 0.12); }

[data-theme="light"] .sv-ranking {
    border-top-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .sv-ranking-title {
    color: rgba(0, 0, 0, 0.35);
}

[data-theme="light"] .sv-ranking-pos.normal {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.3);
}

[data-theme="light"] .sv-ranking-name {
    color: rgba(0, 0, 0, 0.7);
}

[data-theme="light"] .sv-ranking-val {
    color: rgba(0, 0, 0, 0.4);
}

[data-theme="light"] .sv-ranking-bar {
    background: rgba(0, 0, 0, 0.06);
}

/* ── 27. GENERAL DEPTH & RELIEF (light mode) ────────────── */
/* Stronger shadows on all glass containers */
[data-theme="light"] .crm-preview {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.10);
}

[data-theme="light"] .ai-chat-container {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.10);
}

[data-theme="light"] .areas-map-container {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.10);
}

[data-theme="light"] .routes-map-container {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.10);
}

[data-theme="light"] .supervision-container {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.10);
}

[data-theme="light"] .voice-demo-container {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.10);
}

/* Deeper card shadows for plan cards and testimonials */
[data-theme="light"] .sp-testi-card {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .sp-counter-wrap {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

[data-theme="light"] .plan-card {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.10);
}

[data-theme="light"] .calculator-card {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.10);
}

[data-theme="light"] .tiers-card {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.10);
}

[data-theme="light"] .calendar-box {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.10);
}

[data-theme="light"] .contact-box {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.10);
}

/* Section titles — all .white spans inside section titles */
[data-theme="light"] .supervision-section-title .white,
[data-theme="light"] .ai-section-title .white,
[data-theme="light"] .areas-section-title .white,
[data-theme="light"] .routes-section-title .white,
[data-theme="light"] .voice-section-title .white {
    color: #1a1a2e !important;
    -webkit-text-fill-color: #1a1a2e !important;
}

/* Section subtitles — hardcoded white overrides */
[data-theme="light"] .hero-main .subtitle,
[data-theme="light"] .hero-tagline h2,
[data-theme="light"] .hero-tagline .subtitle,
[data-theme="light"] .ai-chat-section .subtitle,
[data-theme="light"] .areas-section .subtitle,
[data-theme="light"] .routes-section .subtitle,
[data-theme="light"] .supervision-section .subtitle,
[data-theme="light"] .voice-section .subtitle {
    color: rgba(0, 0, 0, 0.55) !important;
}

/* Roadmap content text — ensure dark */
[data-theme="light"] .rm-metric-val {
    color: #1a1a2e;
}

[data-theme="light"] .rm-metric-label {
    color: rgba(0, 0, 0, 0.45);
}

/* Footer stronger */
[data-theme="light"] .site-footer {
    border-top-color: rgba(0, 0, 0, 0.10);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.04);
}

/* ── FUNCIONALIDADES — LIGHT MODE OVERRIDES ──────────────── */

/* == Section titles .white == */
[data-theme="light"] .reviews-intel-title .white,
[data-theme="light"] .email-intel-title .white {
    color: #1a1a2e !important;
    -webkit-text-fill-color: #1a1a2e !important;
}

/* == Section subtitles == */
[data-theme="light"] .gps-section .subtitle,
[data-theme="light"] .reviews-intel-section .subtitle,
[data-theme="light"] .email-intel-section .subtitle {
    color: rgba(0, 0, 0, 0.55) !important;
}

/* ── FINDER SIM (Crea tu BBDD) ─────────────────────────── */
[data-theme="light"] .finder-sim {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .finder-sim-panel {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .fsp-section h2 {
    color: #7c3aed !important;
}
[data-theme="light"] .fsp-input {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    color: #1a1a2e !important;
}
[data-theme="light"] .fsp-cursor {
    color: #7c3aed !important;
}
[data-theme="light"] .fsp-check {
    color: rgba(0, 0, 0, 0.6) !important;
}
[data-theme="light"] .fsp-checkbox {
    border-color: rgba(0, 0, 0, 0.2) !important;
}
[data-theme="light"] .fsp-stat span {
    color: rgba(0, 0, 0, 0.5) !important;
}
[data-theme="light"] .fsp-stat b {
    color: #1a1a2e !important;
}
[data-theme="light"] .fsp-stat b.g {
    color: #059669 !important;
}
[data-theme="light"] .finder-sim-results {
    color: #1a1a2e !important;
}
[data-theme="light"] .fsr-header {
    border-color: rgba(0, 0, 0, 0.06) !important;
}
[data-theme="light"] .fsr-title {
    color: rgba(0, 0, 0, 0.7) !important;
}
[data-theme="light"] .fsr-count {
    color: rgba(0, 0, 0, 0.4) !important;
}
[data-theme="light"] .fsr-reload {
    color: rgba(0, 0, 0, 0.4) !important;
}
[data-theme="light"] .fsr-table th {
    color: rgba(0, 0, 0, 0.45) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
[data-theme="light"] .fsr-table td {
    color: rgba(0, 0, 0, 0.65) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}
[data-theme="light"] .fsr-table tr {
    border-color: rgba(0, 0, 0, 0.04) !important;
}
[data-theme="light"] .fsr-row {
    border-color: rgba(0, 0, 0, 0.04) !important;
}
[data-theme="light"] .fsr-name {
    color: #1a1a2e !important;
}

/* ── GPS MAP SECTION ───────────────────────────────────── */
[data-theme="light"] .gps-box {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .leaflet-container {
    background: #e8ecf2 !important;
}
[data-theme="light"] .gps-hint {
    background: linear-gradient(135deg, rgba(139,92,246,0.15), rgba(59,130,246,0.12), rgba(16,185,129,0.10)) !important;
    color: #1a1a2e !important;
    box-shadow: 0 0 20px rgba(139,92,246,0.1), 0 0 40px rgba(59,130,246,0.05) !important;
}
[data-theme="light"] #gpsMap .leaflet-popup-content-wrapper {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
}
[data-theme="light"] #gpsMap .leaflet-popup-content {
    color: #1a1a2e !important;
}
[data-theme="light"] #gpsMap .leaflet-popup-tip {
    background: rgba(255, 255, 255, 0.95) !important;
}
[data-theme="light"] #gpsMap .leaflet-popup-close-button {
    color: rgba(0, 0, 0, 0.4) !important;
}
[data-theme="light"] .gps-pp-name {
    color: #1a1a2e !important;
}
[data-theme="light"] .gps-pp-rating {
    color: rgba(0, 0, 0, 0.5) !important;
}
[data-theme="light"] .gps-pp-rnum {
    color: rgba(0, 0, 0, 0.8) !important;
}
[data-theme="light"] .gps-pp-icon {
    color: rgba(0, 0, 0, 0.35) !important;
}
[data-theme="light"] .gps-pp-link {
    color: rgba(0, 0, 0, 0.75) !important;
}
[data-theme="light"] .gps-pp-row + .gps-pp-row {
    border-color: rgba(0, 0, 0, 0.06) !important;
}
[data-theme="light"] .gps-pp-socials svg {
    fill: rgba(0, 0, 0, 0.3) !important;
}

/* ── REVIEWS INTEL SECTION ─────────────────────────────── */
[data-theme="light"] .reviews-intel-box {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .ri-reviews-panel {
    border-right-color: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .ri-reviews-head {
    border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .ri-reviews-head-text {
    color: rgba(0, 0, 0, 0.5) !important;
}
[data-theme="light"] .ri-review {
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}
[data-theme="light"] .ri-review-name {
    color: rgba(0, 0, 0, 0.65) !important;
}
[data-theme="light"] .ri-review-ago {
    color: rgba(0, 0, 0, 0.3) !important;
}
[data-theme="light"] .ri-review-text {
    color: rgba(0, 0, 0, 0.5) !important;
}
[data-theme="light"] .ri-review-text em {
    color: rgba(220, 38, 38, 0.85) !important;
}
[data-theme="light"] .ri-div-line {
    background: linear-gradient(180deg, transparent, rgba(0,0,0,0.08), transparent) !important;
}
[data-theme="light"] .ri-ddot {
    background: rgba(0, 0, 0, 0.2) !important;
}
[data-theme="light"] .ri-right-title {
    color: rgba(0, 0, 0, 0.7) !important;
}
[data-theme="light"] .ri-score-row {
    background: rgba(0, 0, 0, 0.025) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .ri-score-row::before {
    background: linear-gradient(90deg, transparent, rgba(239,68,68,0.3), transparent) !important;
}
[data-theme="light"] .ri-score-title {
    color: rgba(0, 0, 0, 0.7) !important;
}
[data-theme="light"] .ri-score-sub {
    color: rgba(0, 0, 0, 0.4) !important;
}
[data-theme="light"] .ri-gauge-pct {
    color: rgba(0, 0, 0, 0.35) !important;
}
[data-theme="light"] .ri-bars-col {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
[data-theme="light"] .ri-bar-label {
    color: rgba(0, 0, 0, 0.5) !important;
}
[data-theme="light"] .ri-bar-track {
    background: rgba(0, 0, 0, 0.06) !important;
}
[data-theme="light"] .ri-hot-text {
    color: #dc2626 !important;
}

/* ── EMAIL INTEL SECTION ───────────────────────────────── */
[data-theme="light"] .ei-box {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .ei-inputs-panel {
    border-right-color: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .ei-panel-header {
    border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .ei-panel-title {
    color: rgba(0, 0, 0, 0.7) !important;
}
[data-theme="light"] .ei-context-label {
    color: rgba(0, 0, 0, 0.45) !important;
}
[data-theme="light"] .ei-context-label svg {
    stroke: rgba(0, 0, 0, 0.4) !important;
}
[data-theme="light"] .ei-lead-card {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .ei-lead-name {
    color: #1a1a2e !important;
}
[data-theme="light"] .ei-reviews-count {
    color: rgba(0, 0, 0, 0.4) !important;
}
[data-theme="light"] .ei-input-group label {
    color: rgba(0, 0, 0, 0.5) !important;
}
[data-theme="light"] .ei-input-fake {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    color: rgba(0, 0, 0, 0.7) !important;
}
[data-theme="light"] .ei-typed {
    color: rgba(0, 0, 0, 0.6) !important;
}
[data-theme="light"] .ei-select-fake {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    color: rgba(0, 0, 0, 0.6) !important;
}
[data-theme="light"] .ei-email-preview {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .ei-email-header {
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}
[data-theme="light"] .ei-email-field {
    color: rgba(0, 0, 0, 0.55) !important;
}
[data-theme="light"] .ei-field-label {
    color: rgba(0, 0, 0, 0.4) !important;
}
[data-theme="light"] .ei-field-value {
    color: rgba(0, 0, 0, 0.7) !important;
}
[data-theme="light"] .ei-email-body {
    color: rgba(0, 0, 0, 0.7) !important;
}
[data-theme="light"] .ei-email-placeholder {
    color: rgba(0, 0, 0, 0.25) !important;
}
[data-theme="light"] .ei-email-placeholder svg {
    stroke: rgba(0, 0, 0, 0.15) !important;
}
[data-theme="light"] .ei-send-label {
    color: rgba(0, 0, 0, 0.45) !important;
}
[data-theme="light"] .ei-send-btn {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    color: rgba(0, 0, 0, 0.65) !important;
}
[data-theme="light"] .ei-email-line {
    color: rgba(0, 0, 0, 0.7) !important;
}

/* ── FAQ SECTION ─────────────────────────────────────────── */
[data-theme="light"] .faq-section-title .white {
    color: #1a1a2e !important;
    -webkit-text-fill-color: #1a1a2e !important;
}
[data-theme="light"] .faq-section .subtitle {
    color: rgba(0, 0, 0, 0.45) !important;
}
[data-theme="light"] .faq-col-title {
    color: rgba(0, 0, 0, 0.4) !important;
    border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .faq-item {
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}
[data-theme="light"] .faq-q h3 {
    color: rgba(0, 0, 0, 0.75) !important;
}
[data-theme="light"] .faq-item.open .faq-q h3 {
    color: #1a1a2e !important;
}
[data-theme="light"] .faq-q .faq-icon {
    color: rgba(0, 0, 0, 0.25) !important;
}
[data-theme="light"] .faq-a-inner {
    color: rgba(0, 0, 0, 0.55) !important;
}
[data-theme="light"] .faq-a-inner strong {
    color: rgba(0, 0, 0, 0.8) !important;
}

/* ── BLOG PREVIEW SECTION ─────────────────────────────── */
[data-theme="light"] .bp-subtitle {
    color: rgba(0, 0, 0, 0.45);
}
[data-theme="light"] .bp-pill {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7);
}
[data-theme="light"] .bp-pill:hover {
    background: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.18);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .bp-pill.bp-active {
    background: rgba(124, 58, 237, 0.1);
    border-color: rgba(124, 58, 237, 0.3);
    color: #5b21b6;
    box-shadow: 0 0 20px rgba(124, 58, 237, 0.08);
}
[data-theme="light"] .bp-pill-count {
    background: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.45);
}
[data-theme="light"] .bp-card {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .bp-card:hover {
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .bp-card-title {
    color: rgba(0, 0, 0, 0.8) !important;
}
[data-theme="light"] .bp-card:hover .bp-card-title {
    color: #1a1a2e !important;
}
[data-theme="light"] .bp-card-excerpt {
    color: rgba(0, 0, 0, 0.45);
}
[data-theme="light"] .bp-card-arrow {
    color: rgba(0, 0, 0, 0.2);
}
[data-theme="light"] .bp-card:hover .bp-card-arrow {
    color: #7c3aed;
}
[data-theme="light"] .bp-cta a {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7);
}
[data-theme="light"] .bp-cta a:hover {
    background: rgba(124, 58, 237, 0.08);
    border-color: rgba(124, 58, 237, 0.2);
    color: #5b21b6;
    box-shadow: 0 4px 20px rgba(124, 58, 237, 0.1);
}