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

/* Base */
body.theme-light {
  background: #F8FAFC; /* slate-50 */
  color: #0F172A;      /* slate-900 */
}

/* 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 keeps its gradient; ensure title is readable on light */
.modern-banner .modern-banner-title { color: #F8FAFC; }

/* 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 dark overlay so video is more visible */
body.theme-light .hero-section {
  background: rgba(0,0,0,0.06); /* subtle dark tint only */
}
body.theme-light .hero-video { opacity: 0.6; } /* show video more clearly */
body.theme-light .hero-content {
  background: rgba(0,0,0,0.10); /* transparent black near the copy */
  border-radius: 14px;
  padding: 16px 20px;
  box-shadow: 0 6px 18px rgba(15,23,42,0.08);
}

body.theme-light .promo-highlight {
  background: linear-gradient(135deg, #111827, #1d4ed8);
  color: #f8fafc;
}

body.theme-light .promo-highlight__body {
  background: rgba(255, 255, 255, 0.08);
}

body.theme-light .promo-highlight__badge {
  background: rgba(255, 255, 255, 0.9);
  color: #1f2937;
}

body.theme-light .promo-highlight__note {
  color: rgba(241, 245, 249, 0.9);
}

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

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

body.theme-light .coupon-empty {
  background: #FFFFFF;
  color: #1f2937;
  border: 1px solid #E2E8F0;
}