/* Home Light Theme Overrides (index.html only) */

/* Base */
body.theme-light {
  background: #F8FAFC; /* slate-50 */
  color: #0F172A;      /* slate-900 */
  --hero-ink: #0f172a;
  --hero-muted: #334155;
  --hero-bg: #eef2ff;
  --hero-accent: #2563eb;
  --hero-accent-2: #9333ea;
  --hero-border: rgba(15, 23, 42, 0.12);
  --hero-contrast: rgba(15, 23, 42, 0.06);
}

/* Header */
body.theme-light .header {
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid #E2E8F0; /* slate-200 */
}

body.theme-light .logo {
  color: #0F172A;
}

body.theme-light .nav-link,
body.theme-light #mobile-menu-toggle {
  color: #475569; /* slate-600 */
}

body.theme-light .nav-link:hover,
body.theme-light #mobile-menu-toggle:hover {
  color: #0F172A; /* slate-900 */
}

/* Mobile menu */
body.theme-light #mobile-menu {
  background: #FFFFFF;
  border-top: 1px solid #E2E8F0;
}

body.theme-light .mobile-nav-link {
  color: #334155; /* slate-700 */
}

body.theme-light .mobile-nav-link:hover {
  background-color: #F1F5F9; /* slate-100 */
  color: #0F172A;
}

/* Modern banner - Light Mode Refresh */
body.theme-light .modern-banner {
    background: linear-gradient(135deg, #e0f2fe 0%, #eef2ff 100%);
    border-left: 4px solid #2563eb;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.18);
}

body.theme-light .modern-banner::before {
    background: radial-gradient(ellipse at center, rgba(37, 99, 235, 0.14) 0%, transparent 70%);
}

body.theme-light .modern-banner-badge {
    background: #e0f2fe;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

body.theme-light .modern-banner-badge svg {
    color: #2563eb;
}

body.theme-light .modern-banner-title {
    color: #0f172a;
}

body.theme-light .modern-banner-subtitle {
    color: #1f2937;
}

body.theme-light .modern-banner-cta {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #ffffff;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.22);
}

body.theme-light .modern-banner-cta:hover {
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
    box-shadow: 0 10px 26px rgba(37, 99, 235, 0.32);
}

/* Coupon section to light */
body.theme-light .coupon-section {
  background: #F1F5F9; /* slate-100 */
}

body.theme-light .coupon-card {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}

body.theme-light .coupon-title { color: #334155; }

/* Feature cards */
body.theme-light .feature-card {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
}

body.theme-light .feature-title { color: #0F172A; }
body.theme-light .feature-description { color: #334155; }
body.theme-light .feature-icon { color: #2563EB; }

/* Modal (Contact) */
body.theme-light .modal { background-color: rgba(0, 0, 0, 0.5); }
body.theme-light .modal-content {
  background-color: #FFFFFF;
  color: #0F172A;
  border: 1px solid #E5E7EB;
}
body.theme-light .form-group label { color: #0F172A; }
body.theme-light .form-group input,
body.theme-light .form-group textarea {
  background-color: #FFFFFF;
  color: #0F172A;
  border: 1px solid #CBD5E1; /* slate-300 */
}

/* Bottom navigation */
body.theme-light .bottom-nav {
  background: #FFFFFF;
  border-top: 1px solid #E2E8F0;
}
body.theme-light .nav-item { color: #475569; }
body.theme-light .nav-item:hover,
body.theme-light .nav-item.active { color: #2563EB; }

/* Theme toggle button */
.theme-toggle {
  position: fixed;
  top: 72px; /* below fixed header */
  right: 12px;
  z-index: 60;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #FFFFFF;
  color: #0F172A;
  border: 1px solid #E2E8F0;
  border-radius: 9999px;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
  cursor: pointer;
  user-select: none;
}

.theme-toggle:hover { box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12); }

/* Dark override when toggled */
body.theme-dark {
  /* Keep existing dark design; only ensure toggle legible */
}

body.theme-dark .theme-toggle {
  background: rgba(48,54,66,0.95);
  color: #E5E7EB;
  border-color: #4B5563;
}
/* Hero video + overlay: lighter scheme for readability */
body.theme-light .hero-section {
  background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
  color: #0f172a;
}
body.theme-light .hero-video { opacity: 0.35; }
body.theme-light .hero-content {
  background: rgba(255,255,255,0.78);
  border-radius: 14px;
  padding: 16px 20px;
  box-shadow: 0 6px 18px rgba(15,23,42,0.08);
  color: #0f172a;
}
body.theme-light .hero-title { color: #0f172a; }
body.theme-light .hero-title-part { color: #0f172a; }
body.theme-light .hero-subtitle {
  color: #334155;
  opacity: 1;
}

/* Fluid hero (index top) - keep high contrast in light theme */
body.theme-light .fluid-hero {
  background: radial-gradient(1200px 600px at 85% 10%, rgba(37, 99, 235, 0.12), transparent),
              radial-gradient(900px 520px at 10% 0%, rgba(124, 58, 237, 0.14), transparent),
              linear-gradient(180deg, #eef2ff 0%, #e2e8f0 100%);
  color: #0f172a;
}

body.theme-light .fluid-overlay {
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.7) 0%, rgba(226, 232, 240, 0.9) 100%);
}

body.theme-light .fluid-hero .hero-title,
body.theme-light .fluid-hero .hero-title .hero-title-part {
  color: #0f172a;
}

body.theme-light .fluid-hero .hero-title .hero-title-part-ai {
  background: linear-gradient(120deg, #2563eb, #7c3aed);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body.theme-light .fluid-hero .hero-subtitle {
  color: #334155;
}

body.theme-light .hero-tagline {
  background: rgba(255, 255, 255, 0.9);
  border-color: #cbd5e1;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

body.theme-light .hero-tagline-input {
  background: linear-gradient(140deg, rgba(37, 99, 235, 0.08), rgba(124, 58, 237, 0.08)), rgba(255, 255, 255, 0.92);
  border: 1px solid #cbd5e1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 12px 28px rgba(59, 130, 246, 0.16);
  color: #0f172a;
}

body.theme-light .hero-prompt-symbol {
  color: #0f172a;
  text-shadow:
    0 0 8px rgba(37, 99, 235, 0.22),
    0 0 14px rgba(124, 58, 237, 0.18);
}

body.theme-light .hero-tagline--typing .hero-tagline-text {
  background: linear-gradient(120deg, #1d4ed8, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 10px rgba(37, 99, 235, 0.16);
}

/* Promo Highlight - Light Mode */
body.theme-light .promo-highlight {
    background: linear-gradient(135deg, #eef2ff 0%, #dbeafe 100%);
    color: #0f172a;
}

body.theme-light .promo-highlight::before {
    background: radial-gradient(ellipse at top right, rgba(59, 130, 246, 0.18) 0%, transparent 55%);
}

body.theme-light .promo-highlight__badge {
    background: #e0f2fe;
    color: #1d4ed8;
    border-color: #bfdbfe;
}

body.theme-light .promo-highlight__title {
    color: #0f172a;
}

body.theme-light .promo-highlight__deadline {
    color: #1d4ed8;
}

body.theme-light .promo-highlight__body {
    background: rgba(255, 255, 255, 0.7);
    color: #1f2937;
    border-left-color: #2563eb;
}

body.theme-light .promo-highlight__cta-main {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #ffffff;
}

body.theme-light .promo-highlight__cta-main:hover {
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
}

body.theme-light .promo-highlight__note {
    color: #475569;
}

/* Coupon Section - Light Mode */
body.theme-light .coupon-section {
    background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
}

body.theme-light .coupon-section::before {
    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.2), transparent);
}

body.theme-light .coupon-section__note {
    color: #475569;
}

body.theme-light .coupon-card {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

body.theme-light .coupon-card::before {
    background: linear-gradient(180deg, #2563eb, #1d4ed8);
}

body.theme-light .coupon-card:hover {
    box-shadow: 0 12px 35px rgba(37, 99, 235, 0.18);
    border-color: rgba(37, 99, 235, 0.35);
}

body.theme-light .coupon-card--featured {
    border: 2px solid rgba(37, 99, 235, 0.35);
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.14);
}

body.theme-light .coupon-title {
    color: #0f172a;
}

body.theme-light .coupon-card-subtitle {
    color: #64748b;
}

body.theme-light .coupon-btn {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.22);
}

body.theme-light .coupon-btn:hover {
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.32);
}

body.theme-light .coupon-empty {
    background: #ffffff;
    color: #475569;
    border: 1px solid #cbd5e1;
}

/* Feature Cards - Light Mode */
body.theme-light .feature-card {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

body.theme-light .feature-card::before {
    background: linear-gradient(90deg, transparent, #2563eb, transparent);
}

body.theme-light .feature-card:hover {
    box-shadow: 0 12px 35px rgba(37, 99, 235, 0.15);
    border-color: rgba(37, 99, 235, 0.3);
}

body.theme-light .feature-title {
    color: #0f172a;
}

body.theme-light .feature-description {
    color: #475569;
}

body.theme-light .feature-icon {
    color: #2563eb;
}