/* Generated bundle: tools/build-runtime-bundles.php */
/* =========================================================
   EN BABA ORGANİZASYON — MERKEZİ GECE MODU
   Kapsam: ortak header/footer, Tailwind yardımcı sınıfları,
   hizmet kartları, formlar, modal ve ortak satış bileşenleri.
   Hizmete özel vurgu renkleri korunur; yalnız nötr yüzeyler
   karanlık palete taşınır.
========================================================= */

:root{
  --enb-dark-bg: #070b14;
  --enb-dark-bg-soft: #0b1220;
  --enb-dark-surface: #111827;
  --enb-dark-surface-2: #172033;
  --enb-dark-surface-3: #1d2940;
  --enb-dark-text: #f8fafc;
  --enb-dark-muted: #a8b3c7;
  --enb-dark-muted-2: #8491a8;
  --enb-dark-border: rgba(148,163,184,.22);
  --enb-dark-border-strong: rgba(148,163,184,.34);
  --enb-dark-shadow: 0 18px 50px rgba(0,0,0,.38);
  --enb-dark-focus: rgba(129,140,248,.35);
}

html[data-theme="dark"]{
  color-scheme: dark;

  --eb-bg-main: var(--enb-dark-bg);
  --eb-bg-soft: var(--enb-dark-bg-soft);
  --eb-bg-blue: #0d1729;
  --eb-card-bg: rgba(17,24,39,.92);
  --eb-card-border: var(--enb-dark-border);
  --eb-text-main: var(--enb-dark-text);
  --eb-text-soft: var(--enb-dark-muted);
  --eb-shadow-xs: 0 1px 2px rgba(0,0,0,.35);
  --eb-shadow-sm: 0 10px 28px rgba(0,0,0,.30);
  --eb-shadow-md: var(--enb-dark-shadow);

  --enbBg: var(--enb-dark-bg);
  --enbCard: rgba(17,24,39,.94);
  --enbText: var(--enb-dark-text);
  --enbMuted: var(--enb-dark-muted);
  --enbBorder: var(--enb-dark-border);
  --enbShadow: var(--enb-dark-shadow);
  --enbShadow2: 0 12px 32px rgba(0,0,0,.32);

  --bg: var(--enb-dark-bg);
  --bg-soft: var(--enb-dark-bg-soft);
  --surface: var(--enb-dark-surface);
  --surface-1: var(--enb-dark-surface);
  --surface-2: var(--enb-dark-surface-2);
  --panel: var(--enb-dark-surface);
  --paper: var(--enb-dark-surface);
  --card: var(--enb-dark-surface);
  --card-bg: var(--enb-dark-surface);
  --ink: var(--enb-dark-text);
  --text: var(--enb-dark-text);
  --text-main: var(--enb-dark-text);
  --muted: var(--enb-dark-muted);
  --text-muted: var(--enb-dark-muted);
  --line: var(--enb-dark-border);
  --border: var(--enb-dark-border);
  --stroke: var(--enb-dark-border);
  --field-bg: #0d1626;
  --field-ink: var(--enb-dark-text);
  --field-muted: var(--enb-dark-muted-2);
  --field-stroke: var(--enb-dark-border-strong);
  --field-focus: var(--enb-dark-focus);
}

html[data-theme="dark"] body.enb-body{
  --bg: var(--enb-dark-bg);
  --surface: var(--enb-dark-surface);
  --panel: var(--enb-dark-surface);
  --card: var(--enb-dark-surface);
  --card-bg: var(--enb-dark-surface);
  --ink: var(--enb-dark-text);
  --text: var(--enb-dark-text);
  --muted: var(--enb-dark-muted);
  --line: var(--enb-dark-border);
  --border: var(--enb-dark-border);
  --field-bg: #0d1626;
  --field-ink: var(--enb-dark-text);
  --field-muted: var(--enb-dark-muted-2);
  --field-stroke: var(--enb-dark-border-strong);
  --field-focus: var(--enb-dark-focus);

  color: var(--enb-dark-text);
  background:
    radial-gradient(900px 520px at 18% 8%, rgba(79,70,229,.15), transparent 62%),
    radial-gradient(850px 520px at 82% 78%, rgba(14,165,233,.10), transparent 64%),
    linear-gradient(145deg, var(--enb-dark-bg) 0%, #0a1020 52%, #070b14 100%);
}

html[data-theme="dark"] body.enb-body::selection{
  color: #fff;
  background: rgba(99,102,241,.62);
}

/* Tema değiştirme kontrolü */
.enb-theme-toggle{
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(100,116,139,.26);
  border-radius: 13px;
  color: #475569;
  background: rgba(255,255,255,.82);
  box-shadow: 0 5px 16px rgba(15,23,42,.08);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform .18s ease, color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.enb-theme-toggle:hover{
  color: #4f46e5;
  background: #f8fafc;
  transform: translateY(-1px);
}

.enb-theme-toggle:focus-visible{
  outline: 3px solid rgba(99,102,241,.30);
  outline-offset: 2px;
}

.enb-theme-toggle__sun,
.enb-theme-toggle__moon{
  position: absolute;
  display: grid;
  place-items: center;
  transition: opacity .18s ease, transform .22s ease;
}

.enb-theme-toggle__sun{
  opacity: 0;
  transform: rotate(-35deg) scale(.65);
}

.enb-theme-toggle__moon{
  opacity: 1;
  transform: rotate(0) scale(1);
}

html[data-theme="dark"] .enb-theme-toggle{
  color: #fde68a;
  background: rgba(17,24,39,.94);
  border-color: var(--enb-dark-border-strong);
  box-shadow: 0 8px 22px rgba(0,0,0,.28);
}

html[data-theme="dark"] .enb-theme-toggle:hover{
  color: #fef3c7;
  background: #1b263a;
}

html[data-theme="dark"] .enb-theme-toggle__sun{
  opacity: 1;
  transform: rotate(0) scale(1);
}

html[data-theme="dark"] .enb-theme-toggle__moon{
  opacity: 0;
  transform: rotate(35deg) scale(.65);
}


/* Yumuşak geçiş; ilk boyamada animasyon uygulanmaz. */
@media (prefers-reduced-motion: no-preference){
  html.enb-theme-interactive body,
  html.enb-theme-interactive #siteHeader,
  html.enb-theme-interactive #mobileMenu,
  html.enb-theme-interactive .eb-footer,
  html.enb-theme-interactive .enb-card,
  html.enb-theme-interactive input,
  html.enb-theme-interactive select,
  html.enb-theme-interactive textarea{
    transition: background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease;
  }
}

/* Header, mega menüler ve mobil menü */
html[data-theme="dark"] #siteHeader,
html[data-theme="dark"] header#siteHeader.enb-header{
  color: var(--enb-dark-text);
  background: rgba(7,11,20,.92) !important;
  border-bottom: 1px solid var(--enb-dark-border);
  box-shadow: 0 10px 34px rgba(0,0,0,.30) !important;
}

html[data-theme="dark"] #siteHeader .menu-link,
html[data-theme="dark"] #siteHeader .text-slate-800,
html[data-theme="dark"] #siteHeader .text-slate-700,
html[data-theme="dark"] #siteHeader .text-slate-600{
  color: #e5e7eb !important;
}

html[data-theme="dark"] #siteHeader .text-slate-500,
html[data-theme="dark"] #siteHeader .text-slate-400{
  color: #9aa7bb !important;
}

html[data-theme="dark"] #siteHeader :where(.bg-white,.bg-slate-50,.bg-slate-100),
html[data-theme="dark"] #desktopMenu :where([id$="Panel"], .enb-mega-catCard),
html[data-theme="dark"] #desktopSearchPanel,
html[data-theme="dark"] #desktopHeaderSearchResults{
  color: var(--enb-dark-text);
  background: var(--enb-dark-surface) !important;
  border-color: var(--enb-dark-border) !important;
  box-shadow: var(--enb-dark-shadow) !important;
}

html[data-theme="dark"] #desktopMenu :where(.hover\:bg-slate-100:hover,.hover\:bg-slate-50:hover),
html[data-theme="dark"] #siteHeader .menu-link:hover,
html[data-theme="dark"] #siteHeader .menu-link:focus-visible{
  background: rgba(148,163,184,.12) !important;
}

html[data-theme="dark"] #mobileMenu{
  color: var(--enb-dark-text);
  background: var(--enb-dark-bg-soft) !important;
}

html[data-theme="dark"] #mobileMenu :where(.text-slate-900,.text-slate-800,.text-slate-700,.text-slate-600){
  color: #e8edf5 !important;
}

html[data-theme="dark"] #mobileMenu :where(.text-slate-500,.text-slate-400){
  color: #9aa7bb !important;
}

html[data-theme="dark"] #mobileMenu :where(.bg-white,.bg-slate-50,.bg-slate-100),
html[data-theme="dark"] #mobileMenuSearchResults,
html[data-theme="dark"] #mobileMenu .cat-card,
html[data-theme="dark"] #mobileMenu .srv-hero,
html[data-theme="dark"] #mobileMenu .map-noteBox,
html[data-theme="dark"] #mobileMenu .mob-mini-toggle{
  color: var(--enb-dark-text) !important;
  background: var(--enb-dark-surface) !important;
  border-color: var(--enb-dark-border) !important;
}

html[data-theme="dark"] #mobileMenuSearchInput{
  color: var(--enb-dark-text) !important;
  background: #0b1423 !important;
  border-color: var(--enb-dark-border-strong) !important;
}

html[data-theme="dark"] #mobileMenuSearchInput::placeholder{
  color: var(--enb-dark-muted-2) !important;
}

/* Tailwind nötr yardımcı sınıfları: sayfalar arası temel uyumluluk */
html[data-theme="dark"] body.enb-body :where(
  .bg-white,
  .bg-white\/95,
  .bg-white\/90,
  .bg-white\/80,
  .bg-white\/70,
  .bg-white\/60
){
  background-color: var(--enb-dark-surface) !important;
}

html[data-theme="dark"] body.enb-body :where(.bg-slate-50,.bg-gray-50,.bg-zinc-50,.bg-neutral-50){
  background-color: var(--enb-dark-bg-soft) !important;
}

html[data-theme="dark"] body.enb-body :where(.bg-slate-100,.bg-gray-100,.bg-zinc-100,.bg-neutral-100){
  background-color: var(--enb-dark-surface-2) !important;
}

html[data-theme="dark"] body.enb-body :where(
  .bg-blue-50,.bg-indigo-50,.bg-violet-50,.bg-purple-50,
  .bg-cyan-50,.bg-sky-50,.bg-emerald-50,.bg-green-50,
  .bg-amber-50,.bg-orange-50,.bg-rose-50,.bg-pink-50
){
  background-color: rgba(30,41,59,.82) !important;
}

html[data-theme="dark"] body.enb-body :where(.text-slate-950,.text-slate-900,.text-gray-950,.text-gray-900,.text-zinc-900,.text-neutral-900){
  color: var(--enb-dark-text) !important;
}

html[data-theme="dark"] body.enb-body :where(.text-slate-800,.text-slate-700,.text-gray-800,.text-gray-700,.text-zinc-800,.text-zinc-700){
  color: #dbe3ee !important;
}

html[data-theme="dark"] body.enb-body :where(.text-slate-600,.text-slate-500,.text-gray-600,.text-gray-500,.text-zinc-600,.text-zinc-500){
  color: var(--enb-dark-muted) !important;
}

html[data-theme="dark"] body.enb-body :where(.text-slate-400,.text-gray-400,.text-zinc-400){
  color: var(--enb-dark-muted-2) !important;
}

html[data-theme="dark"] body.enb-body :where(
  .border-slate-100,.border-slate-200,.border-slate-300,
  .border-gray-100,.border-gray-200,.border-gray-300,
  .border-zinc-100,.border-zinc-200,.border-neutral-200
){
  border-color: var(--enb-dark-border) !important;
}

html[data-theme="dark"] body.enb-body :where(.divide-slate-100,.divide-slate-200) > :not([hidden]) ~ :not([hidden]){
  border-color: var(--enb-dark-border) !important;
}

/* Ortak kart ve içerik yüzeyleri */
html[data-theme="dark"] body.enb-body :where(
  .enb-card,
  .eb-card,
  .enb-info-card,
  .enb-map-card,
  .enb-route-card,
  .enb-pack,
  .enb-addon,
  .enb-builder-box,
  .enb-quote-box,
  .enb-form,
  .enb-form-card,
  .form-card,
  .enb-review-display-shell,
  .enb-service-guarantee,
  .enb-price-card,
  .enb-faq,
  .enb-note,
  .enb-help,
  .enb-lg-section
){
  color: var(--enb-dark-text);
  background: var(--enb-dark-surface) !important;
  border-color: var(--enb-dark-border) !important;
  box-shadow: 0 14px 38px rgba(0,0,0,.24);
}

html[data-theme="dark"] body.enb-body .enb-card--soft{
  background: linear-gradient(180deg, rgba(23,32,51,.98), rgba(17,24,39,.96)) !important;
}

html[data-theme="dark"] body.enb-body :where(
  .enb-info-card__d,
  .enb-route-card__p,
  .enb-pack__p,
  .enb-pack__micro,
  .enb-note,
  .enb-help,
  .enb-kvkk,
  .enb-section p,
  .enb-card p
){
  color: var(--enb-dark-muted);
}

/* Merkezi hizmet ve ilçe motoru */
html[data-theme="dark"] .enb-service-engine,
html[data-theme="dark"] .enb-district-page{
  background: linear-gradient(180deg, var(--enb-dark-bg-soft), var(--enb-dark-bg)) !important;
}

html[data-theme="dark"] :where(.enb-service-engine__card,.enb-service-engine__districts,.enb-district-page__card){
  color: var(--enb-dark-text);
  background: var(--enb-dark-surface) !important;
  border-color: var(--enb-dark-border) !important;
  box-shadow: var(--enb-dark-shadow);
}

html[data-theme="dark"] :where(.enb-service-engine h2,.enb-service-engine h3,.enb-district-page h2,.enb-district-page h3,.enb-district-page__stats strong){
  color: var(--enb-dark-text);
}

html[data-theme="dark"] :where(.enb-service-engine p,.enb-service-engine__facts,.enb-district-page__bullets,.enb-district-page__grid ul){
  color: var(--enb-dark-muted);
}

html[data-theme="dark"] :where(.enb-service-engine__chips span,.enb-service-engine__district-list a,.enb-btn--ghost){
  color: #e5e7eb;
  background: var(--enb-dark-surface-2) !important;
  border-color: var(--enb-dark-border) !important;
}

/* Formlar: iPhone Safari dahil yerel kontroller */
html[data-theme="dark"] body.enb-body :where(input,select,textarea){
  color: var(--enb-dark-text);
  -webkit-text-fill-color: var(--enb-dark-text);
  background-color: #0d1626;
  border-color: var(--enb-dark-border-strong);
  caret-color: #c7d2fe;
}

html[data-theme="dark"] body.enb-body :where(input,textarea)::placeholder{
  color: var(--enb-dark-muted-2);
  opacity: 1;
}

html[data-theme="dark"] body.enb-body :where(input,select,textarea):focus{
  border-color: rgba(129,140,248,.72);
  box-shadow: 0 0 0 4px var(--enb-dark-focus);
}

html[data-theme="dark"] body.enb-body :where(input,textarea,select):-webkit-autofill,
html[data-theme="dark"] body.enb-body :where(input,textarea,select):-webkit-autofill:hover,
html[data-theme="dark"] body.enb-body :where(input,textarea,select):-webkit-autofill:focus{
  -webkit-text-fill-color: var(--enb-dark-text) !important;
  box-shadow: 0 0 0 1000px #0d1626 inset !important;
  transition: background-color 9999s ease-out 0s;
}

html[data-theme="dark"] body.enb-body :where(input[type="date"],input[type="time"],input[type="datetime-local"],select){
  color-scheme: dark;
}

html[data-theme="dark"] body.enb-body :where(input[type="date"],input[type="time"],input[type="datetime-local"]):not(.enb-dt-managed):not(.enb-native-picker):not(.enb-cart-native-picker)::-webkit-calendar-picker-indicator{
  filter: invert(1) brightness(1.35);
  opacity: .82;
}

/* Tablolar, accordion ve bilgi blokları */
html[data-theme="dark"] body.enb-body table{
  color: var(--enb-dark-text);
  background: var(--enb-dark-surface);
  border-color: var(--enb-dark-border);
}

html[data-theme="dark"] body.enb-body :where(th,td){
  border-color: var(--enb-dark-border) !important;
}

html[data-theme="dark"] body.enb-body thead{
  background: var(--enb-dark-surface-2);
}

html[data-theme="dark"] body.enb-body :where(details,dialog){
  color: var(--enb-dark-text);
  background: var(--enb-dark-surface);
  border-color: var(--enb-dark-border);
}

html[data-theme="dark"] body.enb-body hr{
  border-color: var(--enb-dark-border);
}

/* Footer */
html[data-theme="dark"] .eb-footer{
  color: var(--enb-dark-muted);
  background: #080d17 !important;
  border-color: var(--enb-dark-border) !important;
}

html[data-theme="dark"] .eb-footer :where(h2,h3,h4,h5,strong,.font-extrabold){
  color: var(--enb-dark-text);
}

html[data-theme="dark"] .eb-footer :where(.eb-footerIdeas__panel,.eb-footerIdeas__link,.eb-socialLink,[href^="mailto:"]){
  background: var(--enb-dark-surface) !important;
  border-color: var(--enb-dark-border) !important;
}

html[data-theme="dark"] .eb-footerIdeas__tab{
  color: var(--enb-dark-muted);
  background: var(--enb-dark-surface);
  border-color: var(--enb-dark-border);
}

html[data-theme="dark"] .eb-footerIdeas__tab.is-active{
  color: #fff;
}

/* Modal, toast, arama ve katmanlar */
html[data-theme="dark"] body.enb-body :where(
  [role="dialog"],
  .enb-modal-card,
  .enb-qm__panel,
  .enb-search-result,
  .enb-toast:not(.enb-toast--error):not(.enb-toast--success)
){
  color: var(--enb-dark-text);
  background-color: var(--enb-dark-surface) !important;
  border-color: var(--enb-dark-border) !important;
}

html[data-theme="dark"] body.enb-body :where(.shadow-sm,.shadow,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl){
  --tw-shadow-color: rgba(0,0,0,.34) !important;
}

@media (max-width: 767.98px){
  [data-enb-theme-toggle]{
    display: none !important;
  }

  html[data-theme="dark"] #mobileMenu{
    padding-top: max(1.25rem, env(safe-area-inset-top));
    padding-bottom: max(1.25rem, env(safe-area-inset-bottom));
  }
}

/* Mobil header ve açılır menü içinde sabit tema düğmesi gösterilmez. */
@media (max-width: 1024px) and (pointer: coarse){
  [data-enb-theme-toggle]{
    display: none !important;
  }
}

@media (forced-colors: active){
  .enb-theme-toggle{
    border: 1px solid ButtonText;
    background: ButtonFace;
    color: ButtonText;
  }
}
