/* ==========================================================================
   GECICI KOPRU — eski layout ile token katmani arasinda.

   Eski layout'un header'i sabit acik renklere `!important` ile kilitli
   (layouts/dentplain.php icindeki inline <style>). Bolumler token'larla
   koyu temaya gecince beyaz bir header seridi ortada kaliyordu.

   Buradaki `!important`lar yeni bir spesifite yigini degil, mevcut olani
   dengelemek icin. Layout'un inline CSS'i sokulunce BU DOSYA TAMAMEN SILINIR.
   ========================================================================== */

:root[data-theme="dark"] .dp-header,
:root[data-theme="dark"] body.is-homepage .dp-header,
:root[data-theme="dark"] body.is-homepage .dp-header.home-header-scrolled,
:root[data-theme="dark"] body:not(.is-homepage) .dp-header {
  background: var(--surface) !important;
  border-bottom-color: var(--border) !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .header-menu .nav-menu > li > a,
:root[data-theme="dark"] .feature-item,
:root[data-theme="dark"] .header-search-btn,
:root[data-theme="dark"] body.is-homepage .header-menu .nav-menu > li > a,
:root[data-theme="dark"] body.is-homepage .feature-item,
:root[data-theme="dark"] body.is-homepage .header-search-btn {
  color: var(--text) !important;
}

:root[data-theme="dark"] body { background: var(--bg); }
:root[data-theme="dark"] .mobile-menu,
:root[data-theme="dark"] .mobile-search-overlay {
  background: var(--surface) !important;
  color: var(--text);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .dp-header,
  :root:not([data-theme="light"]) body.is-homepage .dp-header,
  :root:not([data-theme="light"]) body.is-homepage .dp-header.home-header-scrolled,
  :root:not([data-theme="light"]) body:not(.is-homepage) .dp-header {
    background: var(--surface) !important;
    border-bottom-color: var(--border) !important;
    box-shadow: none !important;
  }

  :root:not([data-theme="light"]) .header-menu .nav-menu > li > a,
  :root:not([data-theme="light"]) .feature-item,
  :root:not([data-theme="light"]) .header-search-btn,
  :root:not([data-theme="light"]) body.is-homepage .header-menu .nav-menu > li > a,
  :root:not([data-theme="light"]) body.is-homepage .feature-item,
  :root:not([data-theme="light"]) body.is-homepage .header-search-btn {
    color: var(--text) !important;
  }

  :root:not([data-theme="light"]) body { background: var(--bg); }
  :root:not([data-theme="light"]) .mobile-menu,
  :root:not([data-theme="light"]) .mobile-search-overlay {
    background: var(--surface) !important;
    color: var(--text);
  }
}