/* by QOR — 2026-10-28 · Nova katmanının müşteri iç sayfaları için ek eşlemesi (checkout adımları, takip, SSS, başvuru, yasal).
   ridoza-nova.css'in belirteçlerini (--bg, --surface, --text...) kullanır; yalnız <html class="ui-nova"> iken etkilidir.
   Sayfalardaki sabit koyu Tailwind renklerini (bg-slate-900, bg-[#0f172a] ...) temaya bağlar → koyu ve açık temada okunur. */

html.ui-nova body { background: var(--bg) !important; color: var(--text); font-family: var(--f); -webkit-font-smoothing: antialiased; }
html.ui-nova body * { font-family: inherit; }
html.ui-nova .fa, html.ui-nova .fas, html.ui-nova .far, html.ui-nova .fab, html.ui-nova [class*="fa-"] { font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands"; }
html.ui-nova .fab { font-family: "Font Awesome 6 Brands"; }
html.ui-nova code, html.ui-nova .font-mono { font-family: var(--m); }

/* yüzeyler */
html.ui-nova [class*="bg-slate-900"], html.ui-nova [class*="bg-[#0f172a]"], html.ui-nova [class*="bg-[#0b0f1a]"],
html.ui-nova [class*="bg-[#111827]"], html.ui-nova [class*="bg-gray-900"] { background-color: var(--surface) !important; }
html.ui-nova [class*="bg-slate-800"], html.ui-nova [class*="bg-[#1e293b]"], html.ui-nova [class*="bg-gray-800"] { background-color: var(--bg2) !important; }
html.ui-nova [class*="bg-slate-700"] { background-color: var(--bg3) !important; }
html.ui-nova [class*="bg-black/"] { background-color: color-mix(in oklch, var(--bg2) 82%, transparent) !important; }
html.ui-nova [class*="bg-white/5"], html.ui-nova [class*="bg-white/10"], html.ui-nova [class*="bg-white/[0.0"] { background-color: color-mix(in oklch, var(--text) 5%, transparent) !important; }
html.ui-nova [class*="from-[#1e293b]"], html.ui-nova [class*="from-slate-800"], html.ui-nova [class*="from-slate-900"] { --tw-gradient-from: var(--surface) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
html.ui-nova [class*="to-[#0f172a]"], html.ui-nova [class*="to-slate-900"], html.ui-nova [class*="to-slate-950"] { --tw-gradient-to: var(--bg2) var(--tw-gradient-to-position) !important; }
html.ui-nova [class*="border-slate-7"], html.ui-nova [class*="border-slate-8"], html.ui-nova [class*="border-white/"] { border-color: var(--border) !important; }
html.ui-nova [class*="ring-slate-900"] { --tw-ring-color: var(--bg) !important; }
html.ui-nova [class*="divide-white/"] > * + * { border-color: var(--border) !important; }

/* kart ve paneller: hafif gölge + yumuşak köşe, Nova kart dili */
html.ui-nova .rounded-3xl[class*="border"], html.ui-nova .rounded-2xl[class*="border"][class*="bg-"] { box-shadow: var(--shadow); }

/* altın vurgu (eski "VIP" sarısı) açık temada okunur kalsın */
html.ui-nova[data-theme="light"] [class*="text-[#d4af37]"], html.ui-nova:not([data-theme]) [class*="text-[#d4af37]"] { color: oklch(52% .12 80) !important; }
html.ui-nova[data-theme="light"] [class*="text-amber-4"], html.ui-nova[data-theme="light"] [class*="text-amber-3"] { color: oklch(52% .13 70) !important; }
html.ui-nova[data-theme="light"] [class*="text-emerald-4"], html.ui-nova[data-theme="light"] [class*="text-emerald-3"], html.ui-nova[data-theme="light"] [class*="text-emerald-5"] { color: oklch(48% .12 160) !important; }
html.ui-nova[data-theme="light"] [class*="text-blue-4"], html.ui-nova[data-theme="light"] [class*="text-blue-3"] { color: oklch(48% .14 255) !important; }
html.ui-nova[data-theme="light"] [class*="text-red-3"], html.ui-nova[data-theme="light"] [class*="text-red-4"] { color: oklch(52% .18 25) !important; }
html.ui-nova[data-theme="light"] [class*="text-orange-4"], html.ui-nova[data-theme="light"] [class*="text-orange-2"] { color: oklch(56% .17 48) !important; }
html.ui-nova[data-theme="light"] [class*="text-emerald-100"], html.ui-nova[data-theme="light"] [class*="text-blue-100"], html.ui-nova[data-theme="light"] [class*="text-amber-100"] { color: var(--text) !important; }

/* dolu renkli düğmelerin içi her temada beyaz/koyu doğru kalsın */
html.ui-nova :is([class*="bg-emerald-5"], [class*="bg-emerald-6"], [class*="bg-red-5"], [class*="bg-blue-5"], [class*="bg-blue-6"]):not([class*="/"]) { color: #fff; }
html.ui-nova [class*="bg-emerald-5"] [class*="text-white"], html.ui-nova [class*="bg-emerald-6"] [class*="text-white"],
html.ui-nova [class*="bg-blue-6"] [class*="text-white"], html.ui-nova [class*="bg-red-5"] [class*="text-white"] { color: #fff !important; }
html.ui-nova [class*="bg-orange-5"]:not([class*="/"]), html.ui-nova [class*="bg-[#d4af37]"] { color: var(--on-accent) !important; }
html.ui-nova [class*="bg-orange-5"]:not([class*="/"]) *, html.ui-nova [class*="bg-[#d4af37]"] * { color: inherit !important; }

/* form alanları */
html.ui-nova input:not([type=checkbox]):not([type=radio]):not([type=range]), html.ui-nova select, html.ui-nova textarea {
  background-color: var(--bg2) !important; color: var(--text) !important; border-color: var(--border) !important; border-radius: 14px; }
html.ui-nova input::placeholder, html.ui-nova textarea::placeholder { color: var(--text3) !important; }
html.ui-nova input:focus, html.ui-nova select:focus, html.ui-nova textarea:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px color-mix(in oklch, var(--accent) 22%, transparent) !important; outline: none; }

/* başlıklar: sıkı grotesk */
html.ui-nova h1, html.ui-nova h2, html.ui-nova h3 { letter-spacing: -.022em; }
html.ui-nova [class*="tracking-widest"], html.ui-nova [class*="uppercase"][class*="text-[9px]"], html.ui-nova [class*="uppercase"][class*="text-[10px]"] { font-family: var(--m); letter-spacing: .08em; }

/* sağ alt köşe tema düğmesi (kendi tema düğmesi olmayan sayfalar) */
.rdz-nova-tt { position: fixed; z-index: 60; right: max(16px, env(safe-area-inset-right, 0px)); bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  width: 44px; height: 44px; border-radius: 999px; display: grid; place-items: center; cursor: pointer;
  background: var(--surface); color: var(--text); border: 1px solid var(--border); box-shadow: var(--shadow);
  transition: transform .4s var(--spring); }
.rdz-nova-tt:hover { transform: scale(1.08) rotate(-12deg); }
.rdz-nova-tt:active { transform: scale(.94); }
@media (max-width: 1023px) { body.pb-36 .rdz-nova-tt, body.pb-20 .rdz-nova-tt { bottom: calc(96px + env(safe-area-inset-bottom, 0px)); } }

/* Leaflet (takip sayfası) kontrolleri temaya uysun */
html.ui-nova .leaflet-bar a, html.ui-nova .leaflet-control-attribution { background: var(--surface) !important; color: var(--text2) !important; border-color: var(--border) !important; }
html.ui-nova .leaflet-popup-content-wrapper, html.ui-nova .leaflet-popup-tip { background: var(--surface); color: var(--text); }

@media (prefers-reduced-motion: reduce) { .rdz-nova-tt { transition: none; } }

/* seçilebilir kutucuklar (peer-checked): seçiliyken turuncu dolu, yazı her temada okunur */
html.ui-nova .peer:checked ~ [class*="peer-checked:bg-orange-5"] { background-color: var(--accent) !important; border-color: var(--accent) !important; color: var(--on-accent) !important; }
html.ui-nova .peer:checked ~ [class*="peer-checked:bg-emerald-5"] { background-color: oklch(62% .15 160) !important; border-color: oklch(62% .15 160) !important; color: #fff !important; }
/* açık temada küçük kırmızı "Zorunlu" rozetleri */
html.ui-nova[data-theme="light"] [class*="text-red-5"] { color: oklch(52% .19 25) !important; }

/* sabit koyu hex zeminler (bg-[#121a2f], bg-[#141a26] ...) → tema yüzeyi; yarı saydam üst barlar → Nova cam bar */
html.ui-nova :is([class*="bg-[#0"], [class*="bg-[#1"]):not([class*="]/"]) { background-color: var(--surface) !important; }
html.ui-nova :is([class*="bg-[#0"], [class*="bg-[#1"])[class*="]/"] { background-color: var(--nav-bg) !important; }
html.ui-nova :is([class*="border-slate-7"], [class*="border-slate-8"]) { border-color: var(--border) !important; }

/* takip sayfası: alt/yan bilgi paneli tema yüzeyini kullanır (eski sabit rgba(15,23,42,.9)) */
html.ui-nova #info-panel { background: color-mix(in oklch, var(--surface) 92%, transparent) !important; border-color: var(--border) !important; color: var(--text); }
html.ui-nova #map { background: var(--bg2) !important; }
html.ui-nova .panel-scroll::-webkit-scrollbar-thumb { background: var(--line2); }
html.ui-nova[data-theme="light"] .premium-marker { box-shadow: 0 8px 20px oklch(30% .04 255 / .25); }
html.ui-nova[data-theme="light"] :is([class*="text-slate-100"], [class*="text-slate-200"], [class*="text-gray-100"], [class*="text-gray-200"]) { color: var(--text) !important; }