/* ==========================================================================
   Proje: HIZIRBEY Portal
   Paket: HIZIRBEY Design System
   Bileşen: Navigation
   Dosya: themes/default/assets/css/hds/components/navigation/responsive.css
   Açıklama: Collapsible ve dar ekran Navigation davranışları.
   Mimari: Navigation responsive katmanı.
   Yazar: Mehmet Kalli
   Oluşturuldu: 03.08.2026 08:20
   Güncellendi: 03.08.2026 08:20
   Sürüm: 1.0.0
========================================================================== */
/* ========================================================================== [ START ] RESPONSIVE NAVIGATION */
@media (max-width: 767.98px) {
  .hds-navigation.orientation-horizontal { align-items: stretch; flex-wrap: wrap; }
  .hds-navigation.orientation-horizontal > .hds-navigation__identity { width: 100%; }
  .hds-navigation__identity:not(.hds-navigation__identity--interactive) { padding-inline: 8px; }
  .hds-navigation__identity-action { margin-inline-start: auto; }
  .hds-navigation.orientation-horizontal.is-collapsible > .hds-navigation__list { display: none; flex-direction: column; width: 100%; }
  .hds-navigation.orientation-horizontal.is-collapsible.is-navigation-open > .hds-navigation__list { display: flex; }
  .hds-navigation.orientation-horizontal .hds-navigation__item { width: 100%; flex-wrap: wrap; }
  .hds-navigation.orientation-horizontal .hds-navigation__link { flex: 1 1 auto; }
  .hds-navigation.orientation-horizontal .hds-navigation__submenu { position: static; width: 100%; margin-left: 16px; box-shadow: none; }
}
/* [ END ] RESPONSIVE NAVIGATION */