/* ==========================================================================
   Proje: ACİZANE Portal
   Paket: Public Navigation Shell
   Bileşen: Site menü bölgelerinin yerleşimi
   Dosya: themes/default/assets/css/navigation/navigation_site_shell.css
   Açıklama: site.header, site.footer ve site.left / site.right mount
             noktalarındaki Navigation runtime çıktısının YERLEŞİMİ:
             genişlik, hiza (public hook), kenar panel yüzeyi.
             Menülerin iç görünümü HDS Navigation varyantlarındadır
             (css/hds/components/navigation/variants/site-header.css,
             site-footer.css, site-panel.css); yerleşim kaydının
             `variant` alanı hangisinin kullanılacağını belirler.
             Bu dosya HDS iç parçalarını (.hds-navigation__*) boyamaz.
   Yazar: Mehmet Kalli
   Oluşturuldu: 12.08.2026
   Güncellendi: 18.10.2026 · T2.3 (iç görünüm HDS varyantlarına taşındı;
                V1 .navbar / yatay şerit / yedek kuralları kaldırıldı)
   Sürüm: 2.0.0
========================================================================== */

/* ---> Header menüsü (site.header) */

.site-header__navigation .hds-navigation {
  width: 100%;
}

/* < 1280 px (K4 · T2.6) menü header altında tam genişlik satırdır; öğeler soldan dizilir. */
@media (max-width: 1279.98px) {
  .site-header__navigation {
    --hds-navigation-justify: flex-start;
  }
}

/* <--- Header menüsü */

/* ---> Footer menüsü (site.footer) */

.site-footer__navigation {
  --hds-navigation-justify: flex-end;

  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  overflow: visible;
}

.site-footer__navigation .navigation-runtime-placement {
  min-width: 0;
  overflow: visible;
}

.site-footer__navigation .hds-navigation {
  width: 100%;
}

@media (max-width: 639.98px) {
  .site-footer__navigation {
    --hds-navigation-justify: flex-start;
  }
}

/* <--- Footer menüsü */

/* ---> Kenar menüleri (site.left / site.right) */

.left-sidebar .navigation--runtime,
.right-sidebar .navigation--runtime,
.left-sidebar .navigation-runtime-placement,
.right-sidebar .navigation-runtime-placement,
.left-sidebar .hds-navigation,
.right-sidebar .hds-navigation {
  width: 100%;
  min-width: 0;
}

/* Her yerleşim tek parça panel yüzeyidir. */
.left-sidebar .navigation-runtime-placement,
.right-sidebar .navigation-runtime-placement {
  overflow: hidden;
  background: #edf3f8;
  border: 1px solid #b9c9d6;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgb(30 65 88 / 10%);
}

/* <--- Kenar menüleri */