/* ═══════════════════════════════════════════════════════════
   Kuzey Eksproof — Karanlık Tema (data-theme="dark")
   -----------------------------------------------------------
   • --white ikili kullanıldığı (hem yüzey hem metin) için
     değişken çevrilmez; yüzeyler seçici bazında ezilir.
   • --dark metin olarak açık renge çevrilir; koyu kalması
     gereken arka planlar (footer, hero gradyanları vb.) tekrar
     sabitlenir.
   ═══════════════════════════════════════════════════════════ */

:root[data-theme="dark"] {
  --dark:   #e9eaf1;   /* başlık metinleri açık olsun */
  --gray:   #c4c7d1;   /* gövde metni */
  --muted:  #9197a4;   /* ikincil metin */
  --light:  #12141c;   /* dönüşümlü bölüm arka planı */
  --border: #2a2d3a;
  --shadow:    0 4px 20px rgba(0,0,0,0.55);
  --shadow-lg: 0 10px 40px rgba(0,0,0,0.65);
  color-scheme: dark;
}

/* ── Taban yüzeyler (açık modda var(--white)/beyaz olanlar) ── */
:root[data-theme="dark"] body { background: #0e0f15; color: var(--gray); }
:root[data-theme="dark"] #hizmetler,
:root[data-theme="dark"] #referanslar { background: #0e0f15; }

/* Scroll edilmiş header + açılır menü */
:root[data-theme="dark"] .site-header.scrolled { background: #14161f; box-shadow: 0 2px 20px rgba(0,0,0,0.6); }
:root[data-theme="dark"] .nav-main .dropdown { background: #14161f; border-color: var(--border); }
:root[data-theme="dark"] .nav-main .dropdown-sub { background: #1b1d27; }
:root[data-theme="dark"] .nav-main .dropdown li a:hover,
:root[data-theme="dark"] .nav-main .dropdown-sub li a:hover { background: rgba(255,255,255,0.06); }
:root[data-theme="dark"] .nav-main .dropdown li a { border-color: rgba(255,255,255,0.06); }

/* ── Kartlar / paneller (yükseltilmiş yüzey + kenarlık) ── */
:root[data-theme="dark"] .service-card,
:root[data-theme="dark"] .pillar-card,
:root[data-theme="dark"] .svc-tabs-wrap,
:root[data-theme="dark"] .svc-tab-btn.active,
:root[data-theme="dark"] .value-card,
:root[data-theme="dark"] .ref-card,
:root[data-theme="dark"] .contact-form-wrap,
:root[data-theme="dark"] .product-card,
:root[data-theme="dark"] .blog-card,
:root[data-theme="dark"] .blog-modal,
:root[data-theme="dark"] .blog-article-page,
:root[data-theme="dark"] .category-card,
:root[data-theme="dark"] .pillar-sub-card,
:root[data-theme="dark"] .back-to-categories,
:root[data-theme="dark"] .activity-card,
:root[data-theme="dark"] .related-service-link {
  background: #191b25;
  border: 1px solid rgba(255,255,255,0.07);
}
:root[data-theme="dark"] .svc-tab-nav { background: #14161f; }

/* Değer/hizmet ikon kutuları vb. tint arka planlar koyuda da uyumlu */
:root[data-theme="dark"] .about-img-badge { background: var(--primary); }

/* ── Form alanları ── */
:root[data-theme="dark"] .form-group input,
:root[data-theme="dark"] .form-group textarea,
:root[data-theme="dark"] .form-group select {
  background: #1b1d27;
  color: var(--gray);
  border-color: var(--border);
}
:root[data-theme="dark"] .form-group input:focus,
:root[data-theme="dark"] .form-group textarea:focus,
:root[data-theme="dark"] .form-group select:focus { background: #1f2230; }
:root[data-theme="dark"] .form-group input::placeholder,
:root[data-theme="dark"] .form-group textarea::placeholder { color: #6c7280; }

/* ── Koyu kalması gereken arka planlar (--dark açığa çevrildiği için tekrar sabitle) ── */
:root[data-theme="dark"] .site-footer { background: #090a10; }
:root[data-theme="dark"] .back-to-top { background: #191b25; color: #fff; }
:root[data-theme="dark"] .stats,
:root[data-theme="dark"] .page-hero,
:root[data-theme="dark"] .blog-card-art,
:root[data-theme="dark"] .blog-modal-art {
  background: linear-gradient(135deg, #1a1a2e 0%, #0d1b3e 100%);
}
:root[data-theme="dark"] .blog-post-hero {
  background: linear-gradient(135deg, #0d1b3e 0%, #1a1a2e 100%);
}
/* Mobil açılır menü paneli koyu kalsın (yalnızca mobilde arka planı var) */
@media (max-width: 768px) {
  :root[data-theme="dark"] .nav-main { background: #0e0f15; }
}

/* ── Referanslar tablosu (referanslar.html satır içi stilleri koyu moda uyarlanır) ── */
:root[data-theme="dark"] .ref-table-wrap {
  background: #191b25;
  border: 1px solid rgba(255,255,255,0.07);
  box-shadow: var(--shadow);
}
:root[data-theme="dark"] .ref-full-table td { border-bottom-color: rgba(255,255,255,0.08); }
:root[data-theme="dark"] .ref-full-table tbody tr:nth-child(even) { background: rgba(255,255,255,0.035); }
:root[data-theme="dark"] .ref-full-table tbody tr:hover { background: rgba(255,255,255,0.07); }
@media (max-width: 600px) {
  :root[data-theme="dark"] .ref-full-table td:first-child { background: rgba(196,18,48,0.18); }
  :root[data-theme="dark"] .ref-full-table tr { border-bottom-color: rgba(255,255,255,0.12); }
}

/* ── Kenarlıklar / ayraçlar ── */
:root[data-theme="dark"] .form-alert--success { background: #10241a; color: #7ee0a3; border-color: #1f5136; }
:root[data-theme="dark"] .form-alert--error   { background: #2a1416; color: #f0a0a0; border-color: #5a2a2c; }

/* ── Dil değiştirici + tema düğmesi koyu header uyumu ── */
:root[data-theme="dark"] .site-header.scrolled .lang-switch { border-color: rgba(255,255,255,0.22); }
:root[data-theme="dark"] .site-header.scrolled .theme-toggle { border-color: rgba(255,255,255,0.22); }

/* ═══════════ Logo boyutu (biraz büyütüldü) ═══════════
   Koyu/açık zemin farkı ayrı görsel ile (theme.js) sağlanır — CSS filtre yok. */
.header-inner { height: 84px; }
.site-logo img { height: 72px; }
.footer-brand img { height: 60px; }
@media (max-width: 768px) {
  .nav-main { top: 84px; max-height: calc(100vh - 84px); }
}

/* ═══════════ Tema değiştirme düğmesi ═══════════ */
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.5);
  background: transparent;
  color: #fff;
  cursor: pointer;
  font-size: 0.9rem;
  flex-shrink: 0;
  order: 3;
  margin-left: 1.6rem;
  transition: color .2s ease, border-color .2s ease, background .2s ease;
  -webkit-appearance: none;
  appearance: none;
}
.theme-toggle:hover { color: var(--primary); }
.site-header.scrolled .theme-toggle { border-color: rgba(0,0,0,0.18); color: var(--dark); }
.site-header.scrolled .theme-toggle:hover { color: var(--primary); }

/* Header sıralaması: nav … [tema] [TR/ENG]
   Boşluk düzeni: nav → tema (1.6rem), tema → dil (0.6rem) */
.header-inner .lang-switch { order: 4; margin-left: 0.6rem; }
.header-inner .nav-toggle  { order: 5; }

@media (max-width: 768px) {
  .theme-toggle { order: 3; margin-left: auto; }
  .header-inner .lang-switch { order: 4; margin-left: 0.6rem; margin-right: 0.5rem; }
  .header-inner .nav-toggle  { order: 5; }
  .header-inner .nav-main    { order: 6; }
}