/* Akıllı sabit header'ın ortak davranış stilleri: şeffaf (is-seffaf), üstte (is-ust), gizli (is-gizli), menü açık.
   Durumları assets/js/header.js yönetir. İşaretleme ve görünüm çocuk temanın header bloğundadır. */
/* ==========================================================================
   Header
   ========================================================================== */
.site-header {
  position: fixed; inset: 0 0 auto; z-index: 50;
  color: var(--wp--preset--color--metin);
  background: var(--wp--preset--color--zemin);
  box-shadow: var(--wp--preset--shadow--header);
  view-transition-name: site-header;
  transition:
    transform var(--wp--custom--duration--orta) var(--wp--custom--ease--cikis),
    background-color var(--wp--custom--duration--menu) var(--wp--custom--ease--standart),
    box-shadow var(--wp--custom--duration--menu) var(--wp--custom--ease--standart),
    color var(--wp--custom--duration--menu) var(--wp--custom--ease--standart);
}
.site-header.is-ust:not(.is-seffaf) { box-shadow: 0 1px 0 var(--wp--preset--color--cizgi); }
/* html.ust-basla: hero sayfasında erken betik ilk boyamadan önce koyar, header.js ilk durumu yazınca kaldırır; ilk boyamada
   opaktan şeffafa geçiş (flaş) olmaz (Tur 20). */
.site-header.is-seffaf:not(.menu-acik),
html.ust-basla .site-header:not(.menu-acik) {
  --wp--custom--renk--odak: #fff;
  color: #fff;
  background: transparent;
  box-shadow: none;
}
.site-header.is-gizli { transform: translateY(-105%); box-shadow: none; } /* gizliyken gölge sayfa üstüne sızmasın (Tur 20) */
/* Giriş yapılmışken yönetici çubuğunun altında dur. */
.admin-bar .site-header { top: var(--wp-admin--admin-bar--height, 0px); }
/* Hero'suz sayfada içerik sabit header'ın altında başlar. */
body:not(.sayfa-hero) #icerik { padding-top: var(--wp--custom--header--yukseklik); }

/* ---------- Marka: mühür + ad (Tur R2d1; emirbalin header bloğundan taşındı, emirbalin.com ve Rehber ortak) ----------
   Mühür SVG'si eb_muhur_svg() (inc/marka.php). Çocuk tema yalnız kendi header yerleşiminin düzeltmesini ekler (emirbalin:
   1024–1139 px). docs/eb-temel-ortak-parcalar.md "Mühür". */
.marka {
  /* Mühür + ad (Tur 19). Mühür yüksekliği header kontrolleriyle aynı (2.50× taban), aralık ~1.07× taban
     (taban = kucuk-yukseklik / 2.5). */
  --marka-muhur-boy: var(--wp--custom--anahtar--kucuk-yukseklik);
  display: inline-flex; align-items: center; gap: calc(var(--marka-muhur-boy) * 1.07 / 2.5);
  color: inherit; text-decoration: none;
  font-family: var(--wp--preset--font-family--baslik); font-weight: var(--wp--custom--font-weight--baslik);
  font-size: 1.35rem; letter-spacing: var(--wp--custom--letter-spacing--baslik);
}
.marka:hover { color: inherit; }
.marka__muhur { flex: none; width: var(--marka-muhur-boy); height: var(--marka-muhur-boy); }
.marka__muhur-zemin { fill: var(--muhur-zemin, #19253b); }
.marka__muhur-harf { fill: var(--muhur-harf, #fbfaf7); }
.marka__muhur-nokta { fill: var(--muhur-nokta, #fc6999); }
/* Şeffaf ↔ opak geçişinde mühür, header'ın rengiyle aynı süre ve eğriyle döner (ani çevrilme yok); ilk boyamada
   durum değişmediği için geçiş çalışmaz. */
.marka__muhur-zemin, .marka__muhur-harf, .marka__muhur-nokta {
  transition: fill var(--wp--custom--duration--menu) var(--wp--custom--ease--standart);
}
/* Renkler ters döner (geometri aynı): koyu temada (data-tema ilk boyamadan önce erken.js ile yazılır) ve şeffaf header'da
   (hero fotoğrafı koyu; lacivert zemin kaybolurdu, kontrast <3:1). */
:root[data-tema="koyu"] .marka__muhur,
.site-header.is-seffaf:not(.menu-acik) .marka__muhur,
html.ust-basla .site-header:not(.menu-acik) .marka__muhur { --muhur-zemin: #fbfaf7; --muhur-harf: #19253b; --muhur-nokta: #df3664; }