/* ============================================================
   DARK THEME (default)
   ============================================================ */
[data-theme="dark"],
:root {
    --bg-base:       #080810;
    --bg-card:       #0d0d18;
    --bg-card-hover: #111120;
    --bg-input:      #111118;
    --bg-sidebar:    #0a0a14;
    --border:        rgba(255,255,255,0.07);
    --border-hover:  rgba(255,255,255,0.15);
    --border-card:   rgba(255,255,255,0.06);
    --text-primary:  #ffffff;
    --text-secondary:#9ca3af;
    --text-muted:    #4b5563;
    --accent:        #ff2060;
    --accent-hover:  #e8003f;
    --accent-bg:     rgba(255,32,96,0.1);
    --shadow:        0 4px 24px rgba(0,0,0,0.4);
    color-scheme: dark;
}

/* ============================================================
   LIGHT THEME
   ============================================================ */
[data-theme="light"] {
    --bg-base:       #f5f5f7;
    --bg-card:       #ffffff;
    --bg-card-hover: #fafafa;
    --bg-input:      #f9f9fb;
    --bg-sidebar:    #ffffff;
    --border:        rgba(0,0,0,0.08);
    --border-hover:  rgba(0,0,0,0.16);
    --border-card:   rgba(0,0,0,0.06);
    --text-primary:  #0a0a14;
    --text-secondary:#374151;
    --text-muted:    #9ca3af;
    --accent:        #ff2060;
    --accent-hover:  #e8003f;
    --accent-bg:     rgba(255,32,96,0.08);
    --shadow:        0 2px 12px rgba(0,0,0,0.08);
    color-scheme: light;
}

/* ============================================================
   BASE
   ============================================================ */
body {
    background-color: var(--bg-base) !important;
    color: var(--text-primary) !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* ============================================================
   LIGHT THEME OVERRIDES
   ============================================================ */
[data-theme="light"] .card,
[data-theme="light"] .glass {
    background: #ffffff !important;
    border-color: rgba(0,0,0,0.07) !important;
    box-shadow: 0 1px 8px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .card:hover {
    background: #fafafa !important;
    border-color: rgba(0,0,0,0.12) !important;
}

/* Backgrounds */
[data-theme="light"] body,
[data-theme="light"] .bg-\[\#080810\],
[data-theme="light"] .bg-\[\#0a0a14\],
[data-theme="light"] .bg-\[\#0d0d18\],
[data-theme="light"] .bg-\[\#0d0d1a\] { background-color: #f5f5f7 !important; }

[data-theme="light"] .bg-\[\#111118\],
[data-theme="light"] .bg-\[\#111120\],
[data-theme="light"] .bg-dark-600,
[data-theme="light"] .bg-dark-700 { background-color: #ffffff !important; }

[data-theme="light"] .bg-white\/2,
[data-theme="light"] .bg-white\/3,
[data-theme="light"] .bg-white\/4,
[data-theme="light"] .bg-white\/5 { background-color: rgba(0,0,0,0.03) !important; }

[data-theme="light"] .bg-white\/8,
[data-theme="light"] .bg-white\/10 { background-color: rgba(0,0,0,0.05) !important; }

[data-theme="light"] .hover\:bg-white\/5:hover,
[data-theme="light"] .hover\:bg-white\/10:hover { background-color: rgba(0,0,0,0.04) !important; }

/* Borders */
[data-theme="light"] .border-white\/5,
[data-theme="light"] .border-white\/6,
[data-theme="light"] .border-white\/7,
[data-theme="light"] .border-white\/8,
[data-theme="light"] .border-white\/10 { border-color: rgba(0,0,0,0.08) !important; }

[data-theme="light"] .border-white\/15,
[data-theme="light"] .border-white\/20 { border-color: rgba(0,0,0,0.12) !important; }

/* Text */
[data-theme="light"] .text-white { color: #0a0a14 !important; }
[data-theme="light"] .text-gray-200 { color: #1f2937 !important; }
[data-theme="light"] .text-gray-300 { color: #374151 !important; }
[data-theme="light"] .text-gray-400 { color: #6b7280 !important; }
[data-theme="light"] .text-gray-500 { color: #9ca3af !important; }
[data-theme="light"] .text-gray-600 { color: #d1d5db !important; }
[data-theme="light"] .text-gray-700 { color: #e5e7eb !important; }

/* Navigation */
[data-theme="light"] nav,
[data-theme="light"] header {
    background: rgba(255,255,255,0.95) !important;
    border-bottom-color: rgba(0,0,0,0.06) !important;
    backdrop-filter: blur(20px);
}

/* Footer */
[data-theme="light"] footer {
    background: #ffffff !important;
    border-top-color: rgba(0,0,0,0.06) !important;
}

/* Inputs */
[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea,
[data-theme="light"] .form-input {
    background: #f9f9fb !important;
    border-color: rgba(0,0,0,0.1) !important;
    color: #0a0a14 !important;
}
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder { color: #9ca3af !important; }
[data-theme="light"] select option { background: #ffffff; color: #0a0a14; }

/* Hero section */
[data-theme="light"] section.relative.min-h-\[88vh\] {
    background: linear-gradient(135deg, #fff5f7 0%, #f5f5f7 60%, #fdf0ff 100%) !important;
}
[data-theme="light"] section.relative.min-h-\[88vh\] .absolute.inset-0 {
    background: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(255,32,96,0.12) 0%, transparent 70%) !important;
}

/* Ad card photo placeholder */
[data-theme="light"] .bg-dark-600 { background: #e5e7eb !important; }

/* Dividers */
[data-theme="light"] .divide-white\/5 > * + * { border-color: rgba(0,0,0,0.06) !important; }

/* Prose content */
[data-theme="light"] .prose-dark h1,
[data-theme="light"] .prose-dark h2,
[data-theme="light"] .prose-dark h3,
[data-theme="light"] .prose-dark h4 { color: #0a0a14 !important; }
[data-theme="light"] .prose-dark p,
[data-theme="light"] .prose-dark li  { color: #374151 !important; }
[data-theme="light"] .prose-dark strong,
[data-theme="light"] .prose-dark b   { color: #0a0a14 !important; }
[data-theme="light"] .prose-dark blockquote { border-color: #ff2060; color: #6b7280; }

/* Gradient text stays visible */
[data-theme="light"] .text-transparent { color: transparent !important; }

/* Scrollbar */
[data-theme="light"] ::-webkit-scrollbar       { background: #f0f0f5; width: 6px; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; }

/* Age gate overlay */
[data-theme="light"] #age-gate-overlay > div {
    background: #ffffff !important;
    border-color: rgba(0,0,0,0.1) !important;
}
[data-theme="light"] #age-gate-overlay > div h2 { color: #0a0a14 !important; }
[data-theme="light"] #age-gate-overlay > div p  { color: #374151 !important; }

/* Accent always red */
.text-\[\#ff2060\]   { color: #ff2060 !important; }
.bg-\[\#ff2060\]     { background-color: #ff2060 !important; }
.border-\[\#ff2060\] { border-color: #ff2060 !important; }
.btn-primary { background: linear-gradient(135deg,#ff2060,#e8003f) !important; color: #fff !important; }

/* ============================================================
   AD POST FORM — Light theme fixes
   ============================================================ */
[data-theme="light"] .glass {
    background: rgba(255,255,255,0.9) !important;
    border-color: rgba(0,0,0,0.08) !important;
}

/* City/Area dropdowns */
[data-theme="light"] [style*="bg-card"] {
    background: #ffffff !important;
}

/* Form section cards on ad post */
[data-theme="light"] .glass.rounded-2xl {
    background: #ffffff !important;
    border-color: rgba(0,0,0,0.07) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}

/* Dropdown containers */
[data-theme="light"] [class*="z-50"],
[data-theme="light"] [class*="z-40"] {
    box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
}

/* Tag pills for selected cities */
[data-theme="light"] .bg-\[\#ff2060\]\/10 {
    background: rgba(255,32,96,0.08) !important;
}
[data-theme="light"] .bg-blue-500\/10 {
    background: rgba(37,99,235,0.08) !important;
}
[data-theme="light"] .text-blue-400 { color: #2563eb !important; }
[data-theme="light"] .border-blue-500\/20 { border-color: rgba(37,99,235,0.2) !important; }

/* Service checkboxes */
[data-theme="light"] .service-check {
    accent-color: #ff2060;
}

/* Photo upload area */
[data-theme="light"] .border-dashed {
    border-color: rgba(0,0,0,0.15) !important;
}
[data-theme="light"] .border-dashed:hover {
    border-color: rgba(255,32,96,0.4) !important;
}

/* Shortcode preview panel */
[data-theme="light"] #shortcode-preview {
    background: #fff8fa !important;
    border-color: rgba(255,32,96,0.15) !important;
}
[data-theme="light"] #shortcode-preview .bg-\[\#111118\] {
    background: #f5f5f7 !important;
}

/* ── Nav Dropdown — Light Theme ──────────────────── */
[data-theme="light"] nav .relative [x-show] {
    background: #ffffff !important;
    border-color: rgba(0,0,0,0.08) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.12) !important;
}
[data-theme="light"] nav .relative [x-show] .px-4.py-3 {
    border-color: rgba(0,0,0,0.06) !important;
}
[data-theme="light"] nav .relative [x-show] p { color: #0a0a14 !important; }
[data-theme="light"] nav .relative [x-show] p.text-xs { color: #9ca3af !important; }
[data-theme="light"] nav button[\\@click] {
    background: rgba(0,0,0,0.04) !important;
    border-color: rgba(0,0,0,0.08) !important;
}