/* Bilesen: Site basligi (parts/header.html)
   Yapiskan, yarim saydam ust bar + birincil menu + sag ustte CTA. */

.site-header {
  /* Mega panel bu kutuya gore konumlanir (bkz. components/mega-menu.css). */
  position: relative;
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: saturate(180%) blur(10px);
  border-bottom: 1px solid var(--ar-border);
}

.site-header .wp-block-navigation {
  font-family: var(--ar-font-heading);
  font-weight: 500;
}

.site-header a.wp-block-site-logo {
  display: block;
}

/* 1080px altinda menu hamburgere donuyor (bkz. components/mega-menu.css),
   yani CTA icin yer aciliyor. Yalnizca en dar ekranlarda gizleniyor — orada
   hero icindeki "Teklif Al" butonu gorevi devraliyor. */
@media (max-width: 560px) {
  .site-header .wp-block-buttons {
    display: none;
  }
}

@media (max-width: 1080px) {
  .site-header .wp-block-group {
    gap: var(--ar-space-sm);
  }
}

/* Marka: logo yoksa site adı yazı olarak görünür.
   WordPress logo atanmadığında site-logo bloğunu HİÇ basmaz; bu yüzden logo
   varlığını :has ile yakalayıp yazıyı gizliyoruz — logo yüklendiği anda
   başlık kendiliğinden logoya döner, HTML düzenlemek gerekmez. */
.ar-branding .wp-block-site-title {
  font-family: var(--ar-font-heading);
  font-weight: 700;
  font-size: 1.35rem;
  letter-spacing: -0.01em;
}

.ar-branding .wp-block-site-title a {
  color: var(--ar-navy);
  text-decoration: none;
}

.ar-branding:has(.wp-block-site-logo) .wp-block-site-title {
  display: none;
}

/* --- Header renkleri (panelden) --- */

.site-header {
  background: var(--ar-header-arka, rgba(255, 255, 255, 0.92));
  border-bottom-color: var(--ar-header-cizgi, var(--ar-border));
}

.site-header .wp-block-navigation a,
.site-header .ar-nav__bag {
  color: var(--ar-header-yazi, var(--ar-navy));
}

.site-header .wp-block-navigation a:hover,
.site-header .ar-nav__bag:hover,
.site-header .ar-nav__bag.is-aktif {
  color: var(--ar-header-yazi-a, var(--ar-green-deep));
}

.ar-ustbar {
  background: var(--ar-ustbar-arka, var(--ar-navy));
  color: var(--ar-ustbar-yazi, var(--ar-on-dark-muted));
}

.ar-ustbar a { color: var(--ar-ustbar-yazi, var(--ar-on-dark-muted)); }

/* --- Header tipografisi (panelden) --- */

.site-header .wp-block-navigation,
.site-header .ar-nav__bag,
.site-header .ar-nav a {
  font-size: var(--ar-header-punto, 0.9375rem);
  font-weight: var(--ar-header-kalinlik, 500);
  letter-spacing: var(--ar-header-aralik, 0);
}