/* ═══════════════════════════════════════════════════════════════════════════
   Açık / ferah tema — herkese açık site (ana sayfa, blog, kurye talep, yasal sayfalar)
   style.css'in DEĞİŞKENLERİNİ ve sabit koyu renklerini ezer. Yalnızca <body class="theme-light"> için geçerlidir;
   admin/firma/kurye/restoran panelleri etkilenmez. Geri dönmek için header'daki "theme-light" sınıfını kaldırmak yeterlidir.
   ═══════════════════════════════════════════════════════════════════════════ */
body.theme-light {
  --bg-deep:   #f5f8fd;
  --bg-card:   #ffffff;
  --bg-glass:  rgba(15,23,42,.045);
  --bg-light:  #eef3fb;
  --border:    rgba(15,23,42,.09);
  --border-2:  rgba(15,23,42,.15);
  --ink:       #0f172a;
  --ink-2:     #1e293b;
  --muted:     #526071;
  --muted-2:   #6b7a8c;
  --orange-glow: rgba(255,122,48,.22);
  color-scheme: light;
  background: #f5f8fd;
  color: #0f172a;
}
body.theme-light ::selection { background: #ffb300; color: #1a1100; }

/* ── Üst menü ── */
body.theme-light .site-header { background: rgba(255,255,255,.9); border-bottom: 1px solid rgba(15,23,42,.08); }
body.theme-light .site-header.scrolled { box-shadow: 0 6px 28px rgba(15,23,42,.10); }
body.theme-light .login-menu { box-shadow: 0 24px 60px rgba(15,23,42,.16); }
body.theme-light .mobile-menu { background: #ffffff; }

/* ── Düğmeler ── */
body.theme-light .button-ghost { background: rgba(15,23,42,.06); }
body.theme-light .button-ghost:hover { background: rgba(15,23,42,.11); }
body.theme-light .button-white { background: rgba(15,23,42,.05); border-color: rgba(15,23,42,.18); }
body.theme-light .button-white:hover { background: rgba(15,23,42,.10); }
body.theme-light .kicker-light { color: rgba(15,23,42,.55); }
body.theme-light .kicker-light::before { background: rgba(15,23,42,.3); }

/* ── Bölüm zeminleri: beyaz ile çok açık mavi dönüşümlü ── */
body.theme-light .section-black { background: #eef3fb; }
body.theme-light .footer { background: #e8eef8; border-top: 1px solid rgba(15,23,42,.08); }
body.theme-light .footer-bottom { border-top-color: rgba(15,23,42,.10); }

/* ── Ana sayfa üst bölümü ── */
body.theme-light .hero { background: linear-gradient(180deg, #fff7e8 0%, #f5f8fd 60%); }
body.theme-light .hero::before { background: radial-gradient(circle, rgba(255,179,0,.22) 0%, transparent 70%); }
body.theme-light .hero::after { background: radial-gradient(circle, rgba(59,130,246,.12) 0%, transparent 70%); }
body.theme-light .hero-panels { box-shadow: 0 24px 60px rgba(15,23,42,.12); border-color: rgba(255,179,0,.35); }
body.theme-light .hero-panel { background: rgba(15,23,42,.03); }
body.theme-light .hero-panel:hover { background: rgba(15,23,42,.06); }
body.theme-light .live-badge { color: #15803d; background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.5); }
body.theme-light .hero-stats { border-top-color: rgba(15,23,42,.10); }
body.theme-light .hero-points li { background: #ffffff; }

/* "Firma paneli önizleme" kutusu: açık tema */
body.theme-light .hero-preview { background: linear-gradient(180deg, #eaf0fa 0%, #f5f8fd 100%); border-top-color: rgba(15,23,42,.08); }
body.theme-light .hero-preview-label { color: #6b7a8c; }
body.theme-light .hero-preview-mockup { background: #ffffff; border-color: rgba(15,23,42,.14); box-shadow: 0 -6px 40px rgba(15,23,42,.07), 0 24px 56px rgba(15,23,42,.10); }
body.theme-light .hpm-bar { background: #f1f5fb; border-bottom-color: rgba(15,23,42,.08); }
body.theme-light .hpm-title { color: #64748b; }
body.theme-light .hpm-body { background: #f8fafd; }
body.theme-light .hpm-sidebar { background: #ffffff; border-right-color: rgba(15,23,42,.08); }
body.theme-light .hpm-nav-item { color: #64748b; }
body.theme-light .hpm-nav-item.active { background: rgba(255,122,48,.12); color: #e06020; font-weight: 700; }
body.theme-light .hpm-kpi { background: #ffffff; border-color: rgba(15,23,42,.09); box-shadow: 0 2px 8px rgba(15,23,42,.04); }
body.theme-light .hpm-kpi small { color: #64748b; }
body.theme-light .hpm-kpi strong { color: #0f172a; }
body.theme-light .hpm-kpi span { color: #15803d; }
body.theme-light .hpm-table { background: #ffffff; border-color: rgba(15,23,42,.09); }
body.theme-light .hpm-table-head { color: #64748b; border-bottom-color: rgba(15,23,42,.08); }
body.theme-light .hpm-row { color: #334155; border-bottom-color: rgba(15,23,42,.07); }
body.theme-light .hpm-badge.green { background: rgba(34,197,94,.14); color: #15803d; }
body.theme-light .hpm-badge.blue { background: rgba(59,130,246,.14); color: #1d4ed8; }
body.theme-light .hpm-badge.orange { background: rgba(255,122,48,.15); color: #c2410c; }
/* ── Kurye talep sayfası: özel açılır menü + bileşenler (açık tema) ── */
body.theme-light .cs-btn { background: #f8fafc; color: #0f172a; }
body.theme-light .cs-btn:hover { border-color: rgba(15,23,42,.30); }
body.theme-light .cselect.open .cs-btn, body.theme-light .cs-btn:focus-visible { background: #fff; }
body.theme-light .cs-list { background: #ffffff; box-shadow: 0 20px 50px rgba(15,23,42,.20); scrollbar-color: rgba(15,23,42,.25) transparent; }
body.theme-light .cs-list li { color: #1e293b; }
body.theme-light .cs-o-ico { background: rgba(15,23,42,.06); }
body.theme-light .cs-o-text b { color: #0f172a; }
body.theme-light .cs-o-check { color: #b45309; }
body.theme-light .cs-chev { color: #64748b; }
body.theme-light .cselect.open .cs-chev { color: #b45309; }
body.theme-light .cs-native { color-scheme: light; }

/* Mobil menüde turuncu düğme yazısı beyaz kalsın (menü bağlantı rengi onu koyulaştırmasın) */
body.theme-light .mobile-menu a.button-blue { color: #ffffff; }
body.theme-light .mobile-menu a.button-outline { color: #1e293b; }