/* ============================================================
   MealFly Portal — LIGHT tema
   Koyu temanın (portal-dark.css) yerini alır; marka renkleri korunur.
   ============================================================ */
:root {
    --bg: #FFFFFF;
    --surface: #FFFFFF;
    --ink: #0B1120;
    --muted: #6B7385;
    --line: #E6EAF3;
    --primary: #FF3D50;
    --accent: #FF6A24;
    --violet: #6C63FF;
    --grad: linear-gradient(135deg, #FF3D50 0%, #FF6A24 100%);
    --shadow: 0 6px 20px rgba(16, 24, 40, .06);
    --shadow-lg: 0 18px 44px rgba(16, 24, 40, .12);
}

html, body { background-color: #FFFFFF; color: #0B1120; }

/* Tailwind bg-brand-dark sinifi (light temada #F5F7FB) govdeyi griye cekmesin */
body.bg-brand-dark, body, main { background-color: #FFFFFF; }

/* Acik arka plan gorseli (fotograf, cok dusuk opaklik + beyaz perde) */
/* Arka plan: duz beyaz — fotograf/renkli isik YOK (kullanici istegi) */
body.has-bg::before {
    content: none;
}

body.has-bg::after {
    content: none;
}

/* Kaydirma cubugu */
body::-webkit-scrollbar { width: 10px; height: 10px; }
body::-webkit-scrollbar-track { background: #EEF1F8; }
body::-webkit-scrollbar-thumb { background: #D7DCE9; border-radius: 6px; border: 2px solid #EEF1F8; }
body::-webkit-scrollbar-thumb:hover { background: #C3CADB; }

/* Cam yuzeyler */
.glass-panel { background: rgba(255, 255, 255, .85); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid #E6EAF3; }
.glass-header { background: rgba(255, 255, 255, .88); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid #E6EAF3; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* ---- Acik yuzeylerde beyaz metni koyuya cevir; gradyan/renkli zeminlerde beyaz kalsin ---- */
main .text-white,
footer .text-white,
header .text-white,
.bg-brand-card .text-white,
.bg-white .text-white { color: #0B1120 !important; }

.bg-brand-gradient.text-white,
.bg-brand-red.text-white,
.bg-brand-orange.text-white,
.bg-black\/60.text-white,
.bg-black\/80.text-white { color: #FFFFFF !important; }

.bg-brand-gradient .text-white,
.bg-brand-red .text-white,
.bg-brand-orange .text-white,
.bg-black\/60 .text-white,
.bg-black\/80 .text-white,
header .bg-brand-gradient .text-white { color: #FFFFFF !important; }

/* Gri tonlarini light zeminde okunur hale getir */
main .text-gray-300 { color: #475069 !important; }
main .text-gray-400 { color: #6B7385 !important; }
main .text-gray-500 { color: #7C8598 !important; }
main .text-gray-600 { color: #8B93A7 !important; }
footer .text-gray-400 { color: #6B7385 !important; }
header .text-gray-400 { color: #3D4560 !important; }
header .text-gray-300 { color: #242C45 !important; }
header input::placeholder { color: #8A93A8 !important; }
footer .text-gray-500 { color: #7C8598 !important; }

/* Kart golgeleri */
main article,
main a.rounded-2xl,
main .rounded-2xl.border,
main .rounded-3xl.border { box-shadow: 0 4px 18px rgba(16, 24, 40, .05); }
main .hover\:border-brand-red\/35:hover,
main .hover\:border-brand-red\/40:hover,
main .hover\:border-brand-orange\/40:hover { box-shadow: 0 12px 30px rgba(16, 24, 40, .10); }

/* Buton/rozet golgeleri light temada daha yumusak */
.shadow-glow { box-shadow: 0 8px 20px -10px rgba(255, 61, 80, .55) !important; }

/* Sepet cekmecesi (translate-x mantigi korunur) */
#cartDrawer { transform: translateX(100%); transition: transform .3s ease; }
#cartDrawer.is-open { transform: translateX(0); }
#cartDrawer[hidden] { display: none; }

/* hidden her zaman gizli (Tailwind .grid/.flex eziyordu) */
[hidden] { display: none !important; }

.nav-btn { display: inline-flex; align-items: center; }

/* Form alanlari: acik zeminde beyaz kutu */
main input, main select, main textarea { color: #0B1120; }
main input::placeholder, main textarea::placeholder { color: #9AA3B5; }

/* Eski (meal.css) bilesenler acik temada zaten dogru; sadece golge/kenarlik uyumu */
.card, .panel { box-shadow: 0 6px 20px rgba(16, 24, 40, .05); }

/* Mobil alt sekme çubuğu masaüstünde gizli (lg:hidden yetmiyordu) */
@media (min-width: 1024px) {
    .mobile-tabs { display: none !important; }
}