/* ===========================================================
   NEXORA HORIZON AI — assets/css/theme-dark.css

   Açılış sitesinin koyu teması. Yalnız <html data-theme="dark">
   iken etkilidir; açık tema bu dosyadan hiç etkilenmez.
   Tema seçimi: assets/js/theme.js.

   Yöntem: sayfada ve main.js'in ürettiği HTML'de kullanılan Tailwind
   renk sınıfları bu kapsam altında yeniden tanımlanır. `dark:`
   öneki kullanılmadı: index.php'de ~250 sınıfa ve main.js'teki
   sohbet/modal şablonlarına tek tek `dark:` eklemek gerekirdi.
   Buradaki kurallar JS'in sonradan eklediği öğeleri de kapsar.
   (Karar verildiğinde Tailwind CDN config'i de hiç okumuyordu;
   2026-09-24'te düzeltildi, bkz. tailwind-config.js.)

   Renk jetonları panelin koyu temasıyla (admin.css) aynı ailedendir.
   `!important` yalnız style.css'teki `!important`'lı yedek sınıfları
   (bg-nexora-*, text-nexora-*) ezmek için kullanılır.
   =========================================================== */

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

  --nx-bg: #0B1220;
  --nx-surface: #131C2E;
  --nx-surface-2: #1B2639;
  --nx-surface-3: #253248;
  --nx-line: #26334A;
  --nx-line-strong: #33425C;

  --nx-heading: #F1F5F9;
  --nx-text: #E2E8F0;
  --nx-body: #B8C4D6;
  --nx-muted: #9FB0C8;

  --nx-link: #5DA2FF;
  --nx-link-soft: rgba(93, 162, 255, 0.14);
  --nx-danger: #F87171;
  --nx-danger-soft: rgba(248, 113, 113, 0.12);
  --nx-success: #4ADE80;
  --nx-warning: #FBBF24;

  background-color: var(--nx-bg);
}

/* -------------------- Yüzeyler -------------------- */
:root[data-theme="dark"] body,
:root[data-theme="dark"] .bg-nexora-light { background-color: var(--nx-bg) !important; }

:root[data-theme="dark"] .bg-white { background-color: var(--nx-surface); }
:root[data-theme="dark"] .bg-gray-50 { background-color: var(--nx-surface-2); }
:root[data-theme="dark"] .bg-gray-50\/80 { background-color: rgba(27, 38, 57, 0.85); }
:root[data-theme="dark"] .bg-gray-50\/50 { background-color: rgba(11, 18, 32, 0.55); }
:root[data-theme="dark"] .bg-gray-200 { background-color: var(--nx-surface-3); }
:root[data-theme="dark"] .hover\:bg-gray-300:hover { background-color: var(--nx-line-strong); }
:root[data-theme="dark"] .bg-blue-50,
:root[data-theme="dark"] .hover\:bg-blue-50:hover { background-color: var(--nx-link-soft); }
:root[data-theme="dark"] .bg-white\/70 { background-color: rgba(19, 28, 46, 0.7); }
:root[data-theme="dark"] .bg-white\/95 { background-color: rgba(11, 18, 32, 0.95); }

/* Cam efektleri: navbar ve hero grafik kartı */
:root[data-theme="dark"] .glass-effect {
  background: rgba(19, 28, 46, 0.72);
  border-color: rgba(148, 163, 184, 0.12);
}
:root[data-theme="dark"] .glass-modal { background: rgba(19, 28, 46, 0.97); }
:root[data-theme="dark"] .border-white\/50 { border-color: rgba(148, 163, 184, 0.14); }

/* -------------------- Çizgiler -------------------- */
:root[data-theme="dark"] .border-gray-100 { border-color: var(--nx-line); }
:root[data-theme="dark"] .border-gray-200 { border-color: var(--nx-line-strong); }

/* -------------------- Metin -------------------- */
:root[data-theme="dark"] .text-gray-800,
:root[data-theme="dark"] .text-gray-700 { color: var(--nx-text); }
:root[data-theme="dark"] .text-gray-600 { color: var(--nx-body); }
:root[data-theme="dark"] .text-gray-500 { color: var(--nx-muted); }
:root[data-theme="dark"] .text-nexora-dark { color: var(--nx-heading) !important; }
/* #126BFF koyu yüzeyde ~3.6:1 kalıyordu; panelin koyu mavisi kullanılır. */
:root[data-theme="dark"] .text-nexora-electric { color: var(--nx-link) !important; }
:root[data-theme="dark"] .text-green-600 { color: var(--nx-success); }
:root[data-theme="dark"] .text-red-600 { color: var(--nx-danger); }

/* Açık zeminde soluk bırakılmış süs öğeleri koyu zeminde parlamasın.
   Kart okları için ID değil öznitelik: aşağıdaki group-hover kuralı
   (0,5,0) bunu (0,4,0) geçebilsin. */
:root[data-theme="dark"] [data-service] > .text-gray-300 { color: var(--nx-line-strong); }
:root[data-theme="dark"] #process .text-gray-200 { color: var(--nx-line); }
:root[data-theme="dark"] #ai-chat-hint .text-gray-300 { color: var(--nx-muted); }

/* -------------------- Etkileşim durumları --------------------
   Yukarıdaki taban kuralları (0,3,0) Tailwind'in hover:/focus:/
   group-hover: kurallarından (0,2,0 / 0,3,0) daha özgül; olduğu gibi
   bırakılırsa koyu temada üzerine gelme ve odak renkleri hiç görünmez.
   Burada, sayfada gerçekten kullanılan durum sınıfları koyu kapsamda
   ve daha yüksek özgüllükle yeniden verilir. Tailwind'in CDN ile en
   sona eklediği <style> sırasından da bağımsızdır. */
:root[data-theme="dark"] .hover\:text-nexora-electric:hover,
:root[data-theme="dark"] .group:hover .group-hover\:text-nexora-electric { color: var(--nx-link) !important; }
:root[data-theme="dark"] .group:hover .group-hover\:text-nexora-cyan { color: #00E0FF; }
:root[data-theme="dark"] .group:hover .group-hover\:text-nexora-dark { color: #C9D8F5; }
:root[data-theme="dark"] .group:hover .group-hover\:text-blue-500 { color: #3B82F6; }
:root[data-theme="dark"] .group:hover .group-hover\:text-indigo-500 { color: #818CF8; }
:root[data-theme="dark"] .group:hover .group-hover\:text-teal-500 { color: #14B8A6; }
:root[data-theme="dark"] .hover\:text-white:hover,
:root[data-theme="dark"] .group:hover .group-hover\:text-white { color: #fff !important; }
:root[data-theme="dark"] #ai-chat-hint .hover\:text-gray-500:hover { color: var(--nx-text); }

:root[data-theme="dark"] .group:hover .group-hover\:bg-nexora-electric { background-color: #126BFF; }
:root[data-theme="dark"] .group:hover .group-hover\:bg-nexora-cyan { background-color: #00B8D4; }
:root[data-theme="dark"] .group:hover .group-hover\:bg-nexora-dark { background-color: var(--nx-surface-3); }
:root[data-theme="dark"] .group:hover .group-hover\:bg-blue-500 { background-color: #3B82F6; }
:root[data-theme="dark"] .group:hover .group-hover\:bg-indigo-500 { background-color: #6366F1; }
:root[data-theme="dark"] .group:hover .group-hover\:bg-teal-500 { background-color: #14B8A6; }
:root[data-theme="dark"] .hover\:bg-red-500:hover { background-color: #EF4444; }

:root[data-theme="dark"] .hover\:border-nexora-electric:hover,
:root[data-theme="dark"] .focus\:border-nexora-electric:focus,
:root[data-theme="dark"] .focus-within\:border-nexora-electric:focus-within { border-color: var(--nx-link); }
:root[data-theme="dark"] .hover\:border-nexora-cyan:hover { border-color: #00E0FF; }
:root[data-theme="dark"] .hover\:border-nexora-dark:hover { border-color: #C9D8F5; }
:root[data-theme="dark"] .hover\:border-blue-500:hover { border-color: #3B82F6; }
:root[data-theme="dark"] .hover\:border-indigo-500:hover { border-color: #818CF8; }
:root[data-theme="dark"] .hover\:border-teal-500:hover { border-color: #14B8A6; }
/* Odak halkası #126BFF koyu zeminde de görünür; açık mavi ile eşlenir */
:root[data-theme="dark"] .focus\:ring-nexora-electric:focus { --tw-ring-color: var(--nx-link); }

/* -------------------- Navbar -------------------- */
/* Logonun koyu sürümü assets/css/logo.css'ten gelir. */
/* Lacivert "Teklif Al" koyu navbar'da kayboluyordu */
:root[data-theme="dark"] #navbar-menu > a.bg-nexora-dark { background-color: #126BFF !important; }

/* -------------------- Hero -------------------- */
/* `multiply` koyu zeminde lekeleri tamamen yutar */
:root[data-theme="dark"] #home .mix-blend-multiply { mix-blend-mode: screen; opacity: 0.12; }

/* -------------------- Modal -------------------- */

/* -------------------- Sohbet -------------------- */
:root[data-theme="dark"] .chat-suggestion {
  border-color: var(--nx-line-strong);
  background: var(--nx-surface-2);
  color: var(--nx-text);
}
:root[data-theme="dark"] .chat-suggestion:hover,
:root[data-theme="dark"] .chat-feedback-btn:hover {
  border-color: var(--nx-link);
  color: var(--nx-link);
  background: var(--nx-link-soft);
}
:root[data-theme="dark"] .chat-quick {
  border-color: rgba(93, 162, 255, 0.3);
  background: var(--nx-surface-2);
  color: var(--nx-link);
}
:root[data-theme="dark"] .chat-quick:hover {
  border-color: rgba(93, 162, 255, 0.6);
  background: var(--nx-link-soft);
}
:root[data-theme="dark"] .chat-feedback-btn {
  border-color: var(--nx-line-strong);
  background: var(--nx-surface-2);
  color: var(--nx-muted);
}
:root[data-theme="dark"] #ai-chat-form > div:focus-within { background: var(--nx-surface-2); }

/* -------------------- İletişim formu -------------------- */
:root[data-theme="dark"] .contact-field-error { color: var(--nx-danger); }
:root[data-theme="dark"] .contact-field-error::before { background: var(--nx-danger); color: var(--nx-bg); }
:root[data-theme="dark"] .contact-field[aria-invalid="true"] {
  border-color: var(--nx-danger);
  background-color: var(--nx-danger-soft);
}
:root[data-theme="dark"] .contact-field[aria-invalid="true"]:focus {
  border-color: var(--nx-danger);
  box-shadow: 0 0 0 1px var(--nx-danger);
}
:root[data-theme="dark"] .contact-field-count.is-near-limit { color: var(--nx-warning); }
:root[data-theme="dark"] .contact-draft-hint { color: var(--nx-muted); }

/* "Robot değilim" kutusu */
:root[data-theme="dark"] .humanbox {
  border-color: var(--nx-line-strong);
  background: linear-gradient(180deg, var(--nx-surface-2) 0%, var(--nx-surface) 100%);
  box-shadow: none;
}
:root[data-theme="dark"] .humanbox:hover { border-color: rgba(93, 162, 255, 0.5); }
:root[data-theme="dark"] .humanbox:has(.humanbox__input:checked) {
  border-color: rgba(74, 222, 128, 0.45);
  background: rgba(74, 222, 128, 0.08);
}
/* İşaretli (yeşil) hâl enhancements.css'te kalır; yalnız boş kutu koyulaşır */
:root[data-theme="dark"] .humanbox__input:not(:checked) + .humanbox__mark {
  border-color: #3A4A66;
  background: var(--nx-surface);
}
:root[data-theme="dark"] .humanbox__input[aria-invalid="true"]:not(:checked) + .humanbox__mark { border-color: var(--nx-danger); }
:root[data-theme="dark"] .humanbox__text { color: var(--nx-text); }
:root[data-theme="dark"] .humanbox__brand { color: var(--nx-muted); }

/* -------------------- Kaydırma çubuğu -------------------- */
:root[data-theme="dark"] ::-webkit-scrollbar-thumb,
:root[data-theme="dark"] .custom-scrollbar::-webkit-scrollbar-thumb { background: var(--nx-line-strong); }

/* Sohbet iletişim satırları (doğrulanmış yanıt yok) */
:root[data-theme="dark"] .chat-contact { background: rgba(93, 162, 255, 0.10); }
:root[data-theme="dark"] .chat-contact dt { color: var(--nx-muted); }
:root[data-theme="dark"] .chat-contact__link { color: var(--nx-link); }
:root[data-theme="dark"] .chat-contact__link:hover,
:root[data-theme="dark"] .chat-contact__link:focus-visible { color: var(--nx-text); }