/* ═══ GöcekExpress Gece Modu — paylaşılan koyu tema katmanı ═══ */
html.dark { color-scheme: dark; }
html.dark body { background: #0b0b12 !important; color: #e8eaf3; }

/* Cam başlık */
html.dark .glass { background: rgba(15, 15, 24, .85) !important; }
html.dark .glass.border-white\/60,
html.dark .glass .border-white\/60 { border-color: rgba(255,255,255,.08) !important; }

/* Yüzeyler */
html.dark .bg-white { background-color: #15151f !important; }
html.dark .bg-white\/90 { background-color: rgba(21,21,31,.9) !important; }
html.dark .bg-white\/80 { background-color: rgba(21,21,31,.8) !important; }
html.dark .bg-white\/60 { background-color: rgba(21,21,31,.6) !important; }
html.dark .bg-white\/10 { background-color: rgba(255,255,255,.07) !important; }
html.dark .bg-slate-50 { background-color: #1b1b28 !important; }
html.dark .bg-slate-100 { background-color: #242433 !important; }
html.dark .bg-slate-200 { background-color: #2f2f3e !important; }
html.dark .bg-slate-800 { background-color: #15151f !important; }
html.dark .bg-brand-50 { background-color: rgba(255,23,79,.10) !important; }
html.dark .bg-brand-50\/70 { background-color: rgba(255,23,79,.08) !important; }
html.dark .bg-brand-50\/60 { background-color: rgba(255,23,79,.09) !important; }
html.dark .bg-slate-50\/70 { background-color: rgba(27,27,40,.7) !important; }
html.dark .bg-slate-50\/60 { background-color: rgba(27,27,40,.6) !important; }
html.dark .bg-white\/70 { background-color: rgba(21,21,31,.7) !important; }
html.dark .bg-violet-50 { background-color: rgba(139,92,246,.12) !important; }
html.dark .bg-brand-100 { background-color: rgba(255,23,79,.18) !important; }
html.dark .bg-emerald-50 { background-color: rgba(16,185,129,.12) !important; }
html.dark .bg-emerald-100 { background-color: rgba(16,185,129,.20) !important; }
html.dark .bg-amber-50 { background-color: rgba(245,158,11,.12) !important; }
html.dark .bg-orange-50 { background-color: rgba(249,115,22,.14) !important; }
html.dark .bg-sky-50 { background-color: rgba(14,165,233,.12) !important; }
html.dark .bg-red-50 { background-color: rgba(239,68,68,.12) !important; }

/* Metinler */
html.dark .text-slate-700 { color: #d3d7e4 !important; }
html.dark .text-slate-600 { color: #aab0c2 !important; }
html.dark .text-slate-500 { color: #8d93a9 !important; }
html.dark .text-slate-400 { color: #747a92 !important; }
html.dark .text-slate-300 { color: #5d6378 !important; }
html.dark .text-navy-950, html.dark .text-navy-900 { color: #eef0f8 !important; }
html.dark .text-black { color: #eef0f8 !important; }
html.dark .text-brand-600 { color: #fb718f !important; }
html.dark .text-red-600 { color: #f87171 !important; }
html.dark .text-amber-600 { color: #fbbf24 !important; }
html.dark .text-emerald-600 { color: #34d399 !important; }
html.dark .text-sky-600 { color: #38bdf8 !important; }
html.dark .text-orange-500 { color: #fb923c !important; }
html.dark .text-violet-600 { color: #a78bfa !important; }
html.dark .text-violet-500 { color: #a78bfa !important; }

/* Kenarlıklar */
html.dark .border-slate-50, html.dark .border-slate-100,
html.dark .border-slate-200 { border-color: #282838 !important; }
html.dark .border-emerald-200 { border-color: rgba(16,185,129,.35) !important; }
html.dark .border-red-200 { border-color: rgba(239,68,68,.35) !important; }
html.dark .border-amber-200 { border-color: rgba(245,158,11,.35) !important; }
html.dark .border-brand-200, html.dark .border-brand-300,
html.dark .border-brand-400 { border-color: rgba(255,23,79,.35) !important; }
html.dark .border-slate-300 { border-color: #33334a !important; }
html.dark .border-violet-100 { border-color: rgba(139,92,246,.3) !important; }
html.dark .divide-slate-100 > * + * { border-color: #282838 !important; }
html.dark .ring-brand-100 { --tw-ring-color: rgba(255,23,79,.25) !important; }

/* Hero perdeleri */
html.dark .hero-surface::before {
  background: linear-gradient(90deg, rgba(11,11,18,.97) 0%, rgba(11,11,18,.88) 38%, rgba(11,11,18,.5) 62%, rgba(11,11,18,.05) 82%) !important;
}
html.dark .hero-surface::after {
  background: linear-gradient(180deg, rgba(11,11,18,0), #0b0b12) !important;
}
@media (max-width: 640px) {
  html.dark .hero-surface::before {
    background: linear-gradient(180deg, rgba(11,11,18,.93) 0%, rgba(11,11,18,.6) 100%) !important;
  }
}

/* Form elemanları */
html.dark .inp {
  background: #1b1b28 !important;
  border-color: #2a2a3a !important;
  color: #e8eaf3 !important;
}
html.dark .inp::placeholder { color: #565d72 !important; }
html.dark input, html.dark textarea, html.dark select { color-scheme: dark; }

/* Aktif kategori — koyu temada ters kontrast */
html.dark .cat-link.active { background: #f1f2f8; color: #071426; }
html.dark .cat-link.active .ph { color: #ff174f; }
html.dark .cat-link.active .cnt { color: rgba(7,20,38,.55); }

/* Gölgeler */
html.dark .shadow-soft, html.dark .shadow-card, html.dark .shadow-sm {
  box-shadow: 0 10px 30px rgba(0,0,0,.4) !important;
}

/* Açık zemine akıllanan gradyan yüzeyler */
html.dark .bg-gradient-to-r, html.dark .bg-gradient-to-br {
  background-image: none !important; background-color: #15151f !important;
}

/* Modal karartmaları */
html.dark .bg-navy-950\/55 { background-color: rgba(0,0,0,.7) !important; }
html.dark .bg-navy-950\/60 { background-color: rgba(0,0,0,.75) !important; }
html.dark .bg-navy-950\/45 { background-color: rgba(0,0,0,.65) !important; }
html.dark .bg-navy-950\/40 { background-color: rgba(0,0,0,.6) !important; }

/* Leaflet koyu harita filtresi */
html.dark .leaflet-tile {
  filter: brightness(.6) invert(1) contrast(3) hue-rotate(200deg) saturate(.3) brightness(.92) contrast(.9);
}
html.dark .leaflet-container { background: #0b0b12; }
html.dark .leaflet-control-attribution { background: rgba(21,21,31,.7) !important; color: #747a92 !important; }
html.dark .leaflet-control-attribution a { color: #8d93a9 !important; }
html.dark .leaflet-bar a { background: #1b1b28 !important; color: #e8eaf3 !important; border-color: #2a2a3a !important; }

/* Tema geçiş yumuşatma */
body, header, section, aside, div, input, textarea, button {
  transition-property: background-color, border-color, color;
  transition-duration: .25s;
}

/* ═══ Mobil modern detaylar (tüm temalar) ═══ */
/* iOS zoom önleme: input font >= 16px */
.inp, input[type="tel"], input[type="text"], input[type="password"], textarea, select {
  font-size: 16px !important;
}
/* Güvenli alan (çentik/home bar) */
.safe-b { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 1rem) !important; }
.safe-t { padding-top: calc(env(safe-area-inset-top, 0px) + .5rem) !important; }
/* Dokunma gecikmesi + vurgu temizliği */
button, a, [role="button"] { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
/* Çekmece/modal overscroll zincirleme */
[x-cloak] { display: none !important; }
/* Mobilde alt sheet köşeleri */
@media (max-width: 640px) {
  .rounded-t-\[28px\] { border-radius: 28px 28px 0 0; }
}

/* ═══ UX polish — koyu tema karşılıkları ═══ */
html.dark .gx-imgwrap { background: linear-gradient(100deg,#17243a 30%,#1e2b45 45%,#17243a 60%); background-size:200% 100%; }
html.dark .gx-prog { background:#1e2b45; }