/* ═══════════════════════════════════════════════════════════════════════════
   OGK PLATFORM — Karanlık Tema Vurgu Katmanı
   Sneat teması [data-bs-theme="dark"] için zaten profesyonel, tam bir karanlık
   palet içeriyor (kartlar, tablolar, formlar, modallar otomatik uyarlanır).
   Bu dosya SADECE marka kimliğimizi (turuncu→mor degrade vurgu) Sneat'in
   kendi bileşenlerinin üzerine ekler — temel renkleri yeniden icat etmez.
   [data-theme="dark"] (bizim kendi toggle'ımız) her zaman [data-bs-theme="dark"]
   ile birlikte set edilir (bkz. ogk-theme.js), o yüzden ikisi birlikte kullanılır.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] {
  --ogk-dark-accent:        #a855f7;
  --ogk-dark-accent-rgb:    168, 85, 247;
  --ogk-dark-accent-2:      #ff7a45;
  --ogk-dark-accent-2-rgb:  255, 122, 69;
  --ogk-dark-gradient:      linear-gradient(135deg, #ff7a45 0%, #c2569e 50%, #a855f7 100%);
}

/* ── GERÇEK SİYAH ARKA PLAN ───────────────────────────────────────────────
   Sneat'in ücretsiz sürümünde --bs-paper-bg dark modda hiç override
   edilmiyor (her zaman #fff kalıyor) — .card, .layout-menu (sidebar),
   .layout-navbar ve .content-footer'ın HEPSİ bu tek değişkene bağlı
   (--bs-menu-bg / --bs-navbar-bg / --bs-footer-bg üçü de "var(--bs-paper-bg)").
   Gerçek karanlık tema (tam siyah) sadece Premium sürümde var — bu yüzden
   burada elle sağlanıyor. Beyaz/gri-mavi hiçbir yüzey kalmayana kadar tüm
   katman değişkenleri gerçek siyaha çekildi. */
html[data-bs-theme="dark"] {
  --bs-paper-bg:            #121212;
  --bs-paper-bg-rgb:        18, 18, 18;
  --bs-body-bg:             #0a0a0a;
  --bs-body-bg-rgb:         10, 10, 10;
  --bs-secondary-bg:        #161616;
  --bs-secondary-bg-rgb:    22, 22, 22;
  --bs-tertiary-bg:         #1a1a1a;
  --bs-tertiary-bg-rgb:     26, 26, 26;
  --bs-border-color:        #2a2a2a;
  --bs-border-color-translucent: rgba(255,255,255,.08);
}
html[data-bs-theme="dark"] body,
html[data-bs-theme="dark"] .content-wrapper,
html[data-bs-theme="dark"] .layout-wrapper {
  background-color: #0a0a0a !important;
}
html[data-bs-theme="dark"] .card,
html[data-bs-theme="dark"] .dropdown-menu,
html[data-bs-theme="dark"] .modal-content,
html[data-bs-theme="dark"] .layout-menu,
html[data-bs-theme="dark"] .layout-navbar,
html[data-bs-theme="dark"] .content-footer,
html[data-bs-theme="dark"] .form-control,
html[data-bs-theme="dark"] .form-select {
  background-color: #121212 !important;
}
html[data-bs-theme="dark"] .table > :not(caption) > * > * {
  background-color: transparent !important;
}
html[data-bs-theme="dark"] .form-control:focus,
html[data-bs-theme="dark"] .form-select:focus {
  background-color: #121212 !important;
}

/* ── Checkbox/radio — koyu temada net kontrast ───────────────────────────── */
html[data-bs-theme="dark"] .form-check-input {
  background-color: #1a1a1a !important;
  border-color: #6b7280 !important;
}
html[data-bs-theme="dark"] .form-check-input:checked {
  background: var(--ogk-dark-gradient) !important;
  border-color: transparent !important;
}
html[data-bs-theme="dark"] .form-check-input:hover {
  border-color: var(--ogk-dark-accent-2) !important;
}

/* ── Sidebar — aktif menü degradeli "hap" + parlama ─────────────────────── */
html[data-bs-theme="dark"] .menu-item.active > .menu-link:not(.menu-toggle),
html[data-bs-theme="dark"] .menu-item.active > .menu-link.menu-toggle {
  background: var(--ogk-dark-gradient) !important;
  box-shadow: 0 6px 20px -6px rgba(var(--ogk-dark-accent-2-rgb), 0.55);
  border-radius: .375rem;
}
html[data-bs-theme="dark"] .menu-item.active > .menu-link:not(.menu-toggle) i,
html[data-bs-theme="dark"] .menu-item.active > .menu-link:not(.menu-toggle) div,
html[data-bs-theme="dark"] .menu-item.active > .menu-link.menu-toggle i,
html[data-bs-theme="dark"] .menu-item.active > .menu-link.menu-toggle div {
  color: #fff !important;
}
html[data-bs-theme="dark"] .menu-sub .menu-item.active > .menu-link {
  color: var(--ogk-dark-accent-2) !important;
}

/* ── KPI ikon rozetleri — degradeli dolgu ────────────────────────────────── */
html[data-theme="dark"] .ogk-kpi-icon {
  background: var(--ogk-dark-gradient) !important;
  color: #fff !important;
  box-shadow: 0 6px 18px -6px rgba(var(--ogk-dark-accent-2-rgb), 0.5);
}
html[data-theme="dark"] .ogk-kpi::after {
  background: var(--ogk-dark-gradient) !important;
  opacity: 0.14 !important;
}

/* ── Kart hover — turuncu-mor ışıma ──────────────────────────────────────── */
html[data-bs-theme="dark"] .card:hover {
  box-shadow:
    0 10px 32px rgba(0,0,0,.45),
    0 0 0 1px rgba(var(--ogk-dark-accent-rgb), 0.12),
    0 18px 44px -14px rgba(var(--ogk-dark-accent-2-rgb), 0.28) !important;
}

/* ── Butonlar — OGK'ye özgü .btn-gradient-primary (style.css'ten) ───────── */
html[data-theme="dark"] .btn-gradient-primary {
  background: var(--ogk-dark-gradient) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 6px 18px -6px rgba(var(--ogk-dark-accent-2-rgb), 0.5) !important;
}

/* ── Bağlantı/vurgu metni ─────────────────────────────────────────────────── */
html[data-bs-theme="dark"] .text-primary {
  color: var(--ogk-dark-accent) !important;
}

/* ── Pagination aktif sayfa ───────────────────────────────────────────────── */
html[data-bs-theme="dark"] .page-item.active .page-link {
  background: var(--ogk-dark-gradient) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* ── Scrollbar ────────────────────────────────────────────────────────────── */
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: rgba(var(--ogk-dark-accent-rgb), 0.45);
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--ogk-dark-accent-2-rgb), 0.55);
}

/* ── OGK'ye özgü inline/pastel beyaz arka planlar (Sneat'in bilmediği class'lar) ─ */
html[data-bs-theme="dark"] .ogk-sticky-col,
html[data-bs-theme="dark"] .ogk-pastel-bg,
html[data-bs-theme="dark"] .trainee-doc-card {
  background: #121212 !important;
  border-color: #2a2a2a !important;
  color: var(--bs-body-color) !important;
}
html[data-bs-theme="dark"] .bg-light,
html[data-bs-theme="dark"] .bg-white {
  background-color: #1a1a1a !important;
  color: var(--bs-body-color) !important;
}
html[data-bs-theme="dark"] .badge.bg-light {
  background-color: #1a1a1a !important;
  color: var(--bs-body-color) !important;
}

/* ── Auth (giriş) sayfası kartı — Purple Admin'e özgü class, Sneat'te karşılığı yok ─ */
html[data-bs-theme="dark"] .auth-form-light {
  background: #121212 !important;
  color: var(--bs-body-color) !important;
}
html[data-bs-theme="dark"] .auth-form-light a {
  color: var(--ogk-dark-accent-2);
}

/* ── Kursiyer paneli — kendi bespoke sidebar'ı (Sneat kapsamı dışı) ─────── */
html[data-theme="dark"] .trainee-topbar {
  background: #121212 !important;
  border-color: #2a2a2a !important;
}
html[data-theme="dark"] .trainee-topbar,
html[data-theme="dark"] .trainee-topbar * {
  color: #f3effa !important;
}
html[data-theme="dark"] body {
  background: #0a0a0a !important;
}

/* ── Tema geçiş düğmesi ───────────────────────────────────────────────────── */
.ogk-theme-toggle {
  border: none;
  background: transparent;
  color: inherit;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  transition: background 0.2s ease;
}
.ogk-theme-toggle:hover {
  background: rgba(168, 85, 247, 0.12);
}
.ogk-theme-toggle .mdi-weather-sunny { display: none; }
.ogk-theme-toggle .mdi-weather-night { display: inline; }
html[data-theme="dark"] .ogk-theme-toggle .mdi-weather-sunny { display: inline; color: var(--ogk-dark-accent-2); }
html[data-theme="dark"] .ogk-theme-toggle .mdi-weather-night { display: none; }