/* ── Chattsy Theme — Dark Mode Overrides ──────────────── */

/* CSS variable overrides for dark mode (handles all pages' variable naming) */
[data-theme="dark"] {
  --primary:       #FF7038;
  --accent:        #E85C1A;
  /* account / index / login / privacy / terms */
  --bg-cream:      #141210;
  --white:         #1c1916;
  --text-main:     #ede9e4;
  --text-sub:      #8c8480;
  --border:        rgba(241, 100, 30, 0.22);
  --shadow-subtle: 0 6px 24px rgba(0, 0, 0, 0.55);
  --dot:           rgba(70, 45, 28, 0.45);
  /* Pricing.html */
  --bg:            #141210;
  --card:          rgba(28, 22, 18, 0.96);
  --text:          #ede9e4;
  --muted:         #8c8480;
  --shadow:        0 4px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg:     0 12px 48px rgba(0, 0, 0, 0.55);
}

/* Gradient blobs — tone down in dark */
[data-theme="dark"] body::before { opacity: 0.35 !important; }
[data-theme="dark"] body::after  { opacity: 0.20 !important; }

/* ── Nav ───────────────────────────────────────────────── */
[data-theme="dark"] nav {
  background: rgba(20, 16, 13, 0.90) !important;
  border-color: rgba(241, 100, 30, 0.16) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.5), 0 0 0 1px rgba(241,100,30,0.12) !important;
}
[data-theme="dark"] .nav-links a,
[data-theme="dark"] .nav-links .nav-link {
  color: var(--text-main) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(241, 100, 30, 0.18) !important;
}
[data-theme="dark"] .nav-links a:hover { color: var(--primary) !important; background: rgba(241,100,30,0.10) !important; }
[data-theme="dark"] .nav-links a.btn-nav-cta,
[data-theme="dark"] .nav-links .cta { background: var(--primary) !important; color: #fff !important; border-color: var(--primary) !important; }

/* Lang switcher */
[data-theme="dark"] .lang-trigger { background: rgba(255,255,255,0.06) !important; border-color: rgba(241,100,30,0.20) !important; color: var(--text-main) !important; }
[data-theme="dark"] .lang-menu    { background: rgba(22, 17, 13, 0.98) !important; border-color: rgba(241,100,30,0.22) !important; }
[data-theme="dark"] .lang-menu button { color: var(--text-main) !important; }
[data-theme="dark"] .lang-menu button:hover { background: rgba(241,100,30,0.10) !important; }

/* ── Cards ─────────────────────────────────────────────── */
[data-theme="dark"] .card,
[data-theme="dark"] .loading-card {
  background: rgba(28, 22, 18, 0.96) !important;
  border-color: rgba(241, 100, 30, 0.15) !important;
}
[data-theme="dark"] .card-label { color: var(--text-sub) !important; }

/* Pricing plans */
[data-theme="dark"] .plan {
  background: var(--card) !important;
  border-color: rgba(241, 100, 30, 0.18) !important;
}
[data-theme="dark"] .plan-title { color: var(--text) !important; }
[data-theme="dark"] .plan-desc  { color: var(--muted) !important; }
[data-theme="dark"] .price      { color: var(--text) !important; }
[data-theme="dark"] .price-period { color: var(--muted) !important; }
[data-theme="dark"] .price-note   { color: var(--muted) !important; }
[data-theme="dark"] .feat-item    { color: var(--text) !important; }
[data-theme="dark"] .plan-popular {
  background: linear-gradient(145deg, rgba(241,100,30,0.18), rgba(28,22,18,0.96)) !important;
  border-color: rgba(241,100,30,0.36) !important;
}

/* Auth cards */
[data-theme="dark"] .auth-card {
  background: rgba(28, 22, 18, 0.97) !important;
  border-color: rgba(241, 100, 30, 0.18) !important;
}
[data-theme="dark"] .auth-title    { color: var(--text-main) !important; }
[data-theme="dark"] .auth-subtitle { color: var(--text-sub) !important; }

/* Privacy/Terms page card */
[data-theme="dark"] .page-card {
  background: rgba(28, 22, 18, 0.96) !important;
  border-color: rgba(241, 100, 30, 0.14) !important;
  color: var(--text-main) !important;
}
[data-theme="dark"] .page-card h1,
[data-theme="dark"] .page-card h2,
[data-theme="dark"] .page-card h3 { color: var(--text-main) !important; }
[data-theme="dark"] .page-card p,
[data-theme="dark"] .page-card li  { color: rgba(237, 233, 228, 0.85) !important; }
[data-theme="dark"] .page-card a   { color: var(--primary) !important; }

/* ── Form inputs ───────────────────────────────────────── */
[data-theme="dark"] .field input,
[data-theme="dark"] .other-textarea,
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="text"] {
  background: #231e1a !important;
  color: var(--text-main) !important;
  border-color: rgba(241, 100, 30, 0.24) !important;
}
[data-theme="dark"] .field input:focus,
[data-theme="dark"] input:focus,
[data-theme="dark"] .other-textarea:focus { border-color: var(--primary) !important; }
[data-theme="dark"] .field label  { color: var(--text-main) !important; }
[data-theme="dark"] input::placeholder { color: rgba(140, 132, 128, 0.65) !important; }

/* Messages */
[data-theme="dark"] .msg-error   { background: rgba(220,38,38,0.12) !important; border-color: rgba(220,38,38,0.28) !important; }
[data-theme="dark"] .msg-success { background: rgba(22,163,74,0.12) !important; border-color: rgba(22,163,74,0.28) !important; }

/* ── Account page ──────────────────────────────────────── */
[data-theme="dark"] .profile-name     { color: var(--text-main) !important; }
[data-theme="dark"] .profile-email    { color: var(--text-sub) !important; }
[data-theme="dark"] .sub-plan-name    { color: var(--text-main) !important; }
[data-theme="dark"] .sub-plan-price   { color: var(--text-sub) !important; }
[data-theme="dark"] .sub-next-billing { color: var(--text-sub) !important; }
[data-theme="dark"] .sub-warning-box  { background: rgba(234,179,8,0.10) !important; border-color: rgba(234,179,8,0.28) !important; }
[data-theme="dark"] .sub-warning-box p { color: #d97706 !important; }
[data-theme="dark"] .sub-btn-helper   { color: var(--text-sub) !important; }
[data-theme="dark"] .winback-banner {
  background: linear-gradient(135deg, rgba(241,100,30,0.18), rgba(255,140,66,0.12)) !important;
  border-color: rgba(241,100,30,0.32) !important;
}
[data-theme="dark"] .winback-banner p { color: var(--text-main) !important; }
[data-theme="dark"] .btn-secondary { background: rgba(255,255,255,0.06) !important; border-color: rgba(241,100,30,0.20) !important; }
[data-theme="dark"] .btn-danger    { background: rgba(220,38,38,0.10) !important; color: #f87171 !important; border-color: rgba(220,38,38,0.28) !important; }
[data-theme="dark"] .btn-cancel-sub { color: #f87171 !important; border-color: rgba(220,38,38,0.28) !important; }
[data-theme="dark"] .btn-cancel-sub:hover { background: rgba(220,38,38,0.10) !important; }
[data-theme="dark"] .btn-manage-sub { background: rgba(241,100,30,0.12) !important; border-color: rgba(241,100,30,0.28) !important; color: var(--primary) !important; }
[data-theme="dark"] .btn-manage-sub:hover { background: rgba(241,100,30,0.18) !important; }

/* ── Cancellation modal ────────────────────────────────── */
[data-theme="dark"] .modal-overlay { background: rgba(0,0,0,0.75) !important; }
[data-theme="dark"] .modal-box     { background: #1c1916 !important; }
[data-theme="dark"] .modal-title   { color: var(--text-main) !important; }
[data-theme="dark"] .modal-subtitle { color: var(--text-sub) !important; }
[data-theme="dark"] .survey-option  { color: var(--text-main) !important; border-color: rgba(241,100,30,0.16) !important; }
[data-theme="dark"] .survey-option:hover { background: rgba(241,100,30,0.08) !important; }
[data-theme="dark"] .other-textarea { background: #231e1a !important; color: var(--text-main) !important; border-color: rgba(241,100,30,0.22) !important; }
[data-theme="dark"] .offer-card { background: linear-gradient(135deg,rgba(241,100,30,0.14),rgba(255,140,66,0.08)) !important; border-color: rgba(241,100,30,0.30) !important; }
[data-theme="dark"] .offer-headline { color: var(--text-main) !important; }
[data-theme="dark"] .offer-details  { color: var(--text-sub) !important; }
[data-theme="dark"] .outcome-box ul { color: var(--text-main) !important; }
[data-theme="dark"] .outcome-box.bad  { background: rgba(220,38,38,0.08) !important; }
[data-theme="dark"] .outcome-box.good { background: rgba(22,163,74,0.08) !important; }
[data-theme="dark"] .modal-success h2 { color: var(--text-main) !important; }
[data-theme="dark"] .modal-success p  { color: var(--text-sub) !important; }
[data-theme="dark"] .btn-modal-back { color: var(--text-sub) !important; border-color: rgba(241,100,30,0.18) !important; }
[data-theme="dark"] .btn-modal-back:hover { background: rgba(241,100,30,0.07) !important; }
[data-theme="dark"] .modal-skip-link { color: var(--text-sub) !important; }

/* ── Mobile menu ───────────────────────────────────────── */
[data-theme="dark"] .mobile-menu-panel   { background: #1c1916 !important; }
[data-theme="dark"] .mobile-menu-links a { color: var(--text-main) !important; }
[data-theme="dark"] .mobile-menu-links a:hover { background: rgba(241,100,30,0.08) !important; color: var(--primary) !important; }
[data-theme="dark"] .mobile-menu-close   { color: var(--text-main) !important; }
[data-theme="dark"] .mobile-lang-btn     { color: var(--text-main) !important; border-color: rgba(241,100,30,0.18) !important; }
[data-theme="dark"] .mobile-lang-btn:hover { background: rgba(241,100,30,0.08) !important; color: var(--primary) !important; }

/* ── Success page ──────────────────────────────────────── */
[data-theme="dark"] body > .card { background: rgba(28,22,18,0.97) !important; }
[data-theme="dark"] h1 { color: var(--text-main, #ede9e4); }
[data-theme="dark"] p.subtitle { color: var(--muted, #8c8480); }
[data-theme="dark"] .perks { background: rgba(241,100,30,0.07) !important; border-color: rgba(241,100,30,0.15) !important; }
[data-theme="dark"] .perks li { color: var(--text, #ede9e4) !important; }
[data-theme="dark"] .btn-secondary { color: var(--muted, #8c8480) !important; border-color: rgba(241,100,30,0.18) !important; }
[data-theme="dark"] .btn-secondary:hover { background: rgba(241,100,30,0.08) !important; color: var(--primary) !important; }
[data-theme="dark"] .note { color: var(--muted, #8c8480) !important; }
[data-theme="dark"] .open-instructions { background: rgba(241,100,30,0.08) !important; border-color: rgba(241,100,30,0.20) !important; }
[data-theme="dark"] .open-instructions .step p { color: var(--text, #ede9e4) !important; }

/* ── Footer ────────────────────────────────────────────── */
[data-theme="dark"] footer            { border-top-color: rgba(241,100,30,0.14) !important; }
[data-theme="dark"] .footer-links a   { background: rgba(255,255,255,0.04) !important; color: var(--text-sub) !important; border-color: rgba(241,100,30,0.12) !important; }
[data-theme="dark"] .footer-links a:hover { color: var(--primary) !important; background: rgba(241,100,30,0.08) !important; }
[data-theme="dark"] .copyright        { color: rgba(140,132,128,0.70) !important; }

/* Misc */
[data-theme="dark"] .back-link  { color: var(--text-sub) !important; }
[data-theme="dark"] .back-link:hover { color: var(--primary) !important; }
[data-theme="dark"] .forgot-link { color: var(--text-sub) !important; }
[data-theme="dark"] .forgot-link:hover { color: var(--primary) !important; }
[data-theme="dark"] .invalid-token p { color: var(--text-sub) !important; }