/* =========================================================================
 * Dosya    : themes/default/assets/css/headers/header_site_shell.css
 * Eski yol : css/site/site-header.css
 * Taşındı  : 2026-10-16 · T2.1 (K1 yerleşim kuralı: css/<tip>/<tip>_<kapsam>_<modül>.css)
 * Kapsam   : site kabuğu
 * Güncellendi: 2026-10-18 · T2.9 (V1 header / marka / arama kuralları kaldırıldı)
 * Güncellendi: 2026-10-18 · T3.1 (header içi okunur içerikle aynı 1280 px'e hizalı)
 * Güncellendi: 2026-10-19 · T3.3b (sağda hesap alanı: marka | menü | hesap)
 * Güncellendi: 2026-10-26 (hesap alanında bildirim zili + hesap kutusu yan yana)
 * ========================================================================= */

/* ==========================================================================
   >>> ASF-00109 / PUBLIC SITE HEADER V2 (Ana Sayfa V2 — Paket 3, 14.10.2026)

   Tek satır: [marka | Navigation Studio site.header navigation | hesap]. Açık krem zemin, ince alt ayırıcı. `--v2` kapsamı. Navigation
   Studio'nun public önizlemesi de bu işaretlemeyi kullanır (T2.3). Eski V1
   header kuralları 18.10.2026'da (T2.9) kaldırıldı.
   Alt menüler tetikleyiciye bağlı açılır paneldir (Paket 3A): header
   yüksekliği değişmez; panel sunumu HDS Navigation site-header varyantında
   (css/hds/components/navigation/variants/site-header.css; T2.3).
   ========================================================================== */

.site-header.site-header--v2 {
  position: relative;
  z-index: 20;
  display: block;
  min-height: 0;
  padding: 0;
  color: #10284a;
  background: #fffdf8;
  border-bottom: 1px solid #e7dfcf;
  box-shadow: 0 6px 18px rgb(16 40 74 / 4%);
}

/* Kabuk 1440, header içi okunur içerikle aynı en fazla 1280 px'te ortalı (D3 · T3.1):
   1280 − 2 × 28 px yan boşluk. */
.site-header--v2 .site-header__inner {
  max-width: calc(1280px - 56px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "brand navigation actions";
  align-items: center;
  gap: 12px 28px;
  min-height: 88px;
  padding: 12px 28px;
}

.site-header--v2 .site-header__brand {
  grid-area: brand;
  min-width: 0;
}

.site-header--v2 .site-header__actions {
  grid-area: actions;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: var(--site-header-actions-gap, 6px);
  min-width: 0;
}

.site-header--v2 .site-header__navigation {
  grid-area: navigation;
  justify-self: center;
  min-width: 0;
  max-width: 100%;
}

/* < 1280 px (tablet, küçük masaüstü; kabuk kırılımı K4 · T2.6): marka + hesap üstte, menü altta
   tam genişlik. Tek satır ancak menü sığdığında (≥ 1280 px) kullanılır. */
@media (max-width: 1279.98px) {
  .site-header--v2 .site-header__inner {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "brand actions"
      "navigation navigation";
    min-height: 0;
    padding: 12px 20px 6px;
  }

  .site-header--v2 .site-header__navigation {
    justify-self: stretch;
    border-top: 1px solid #efe8da;
    padding-top: 4px;
  }
}

@media (max-width: 639.98px) {
  .site-header--v2 .site-header__inner {
    gap: 8px 12px;
    padding: 10px 14px 4px;
  }
}

/* ==========================================================================
   <<< ASF-00109 / PUBLIC SITE HEADER V2
   ========================================================================== */