/* =====================================================
   Dervişoğlu Turizm Taşımacılık — Dark Mode Overrides
   Token'lar tokens.css içinde [data-theme="dark"] ile
   zaten değişir. Bu dosya yalnızca token ile çözülemeyen
   özel durumları barındırır.
===================================================== */

/* Logo görünürlüğü — CMS'te logo-dark.png / logo-light.png ayrı yüklenirse */
.logo-light { display: none; }
[data-theme="dark"] .logo-dark  { display: none; }
[data-theme="dark"] .logo-light { display: block; }

/* Hero zaten koyu zemin üstünde çalışıyor; dark modda ekstra derinlik */
[data-theme="dark"] .hero {
  background: linear-gradient(160deg, var(--color-navy-primary) 0%, var(--color-navy-deepest) 100%);
}

[data-theme="dark"] .hero-visual {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}

/* Kartlarda dark modda border kontrastı biraz artırılır */
[data-theme="dark"] .service-card,
[data-theme="dark"] .fleet-card,
[data-theme="dark"] .commit-card,
[data-theme="dark"] .cert-card {
  border-color: var(--color-border);
}

[data-theme="dark"] .service-card__number {
  opacity: 0.35;
}

[data-theme="dark"] .area-strip {
  background: #071322;
}

[data-theme="dark"] .quote-form-wrap {
  background: var(--color-surface-card);
  border-color: var(--color-border);
}

/* =====================================================
   Bootstrap ham sınıfları (admin panelden girilen zengin
   metin içeriğinde kart/liste/arka plan için doğrudan
   Bootstrap utility sınıfları kullanılabiliyor — .card,
   .list-group-item, .bg-light vb. Bu sınıflar Bootstrap'ın
   kendi CSS'inde sabit (!important'lı) açık renklerle
   gelir ve tema token'larından habersizdir; metin rengi
   zaten --color-text-primary'den miras aldığından (açık
   zeminde koyu, koyu modda açık), yalnızca onların SABİT
   AÇIK arka planlarını/kenarlıklarını koyu moda uyarlamak
   yeterli — aksi halde "açık metin + açık kart" çakışması
   okunmaz içerik üretiyordu.
===================================================== */
[data-theme="dark"] .card,
[data-theme="dark"] .list-group-item {
  background-color: var(--color-surface-card);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

[data-theme="dark"] .card-header,
[data-theme="dark"] .card-footer {
  background-color: rgba(255, 255, 255, 0.03);
  border-color: var(--color-border);
}

[data-theme="dark"] .bg-light {
  background-color: var(--color-surface-light) !important;
}

[data-theme="dark"] .bg-white {
  background-color: var(--color-surface-card) !important;
}

[data-theme="dark"] .text-dark {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .text-muted {
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .border {
  border-color: var(--color-border) !important;
}

[data-theme="dark"] .text-body {
  color: var(--color-text-primary) !important;
}