/* ==========================================================================
   Proje: HIZIRBEY Portal
   Paket: Public Navigation Shell
   Bileşen: Region Navigation Presentation
   Dosya: themes/default/assets/css/navigation-shells/public-navigation.css
   Açıklama: Public utility, header, sidebar ve footer mount point'lerindeki
             runtime ve fallback Navigation sunumunu tanımlar.
   Yazar: Mehmet Kalli
   Oluşturuldu: 12.08.2026
   Sürüm: 1.0.0
========================================================================== */

/* ========================================================================== [ START ] PUBLIC UTILITY NAVIGATION */

.topbar a {
  color: #ffffff;
  text-decoration: none;
}

/* [ END ] PUBLIC UTILITY NAVIGATION */

/* ========================================================================== [ START ] PUBLIC HEADER SHELL */

.navbar {
  padding: 0 20px;
  background: #073343;
}

.navbar a {
  color: #ffffff;
  text-decoration: none;
}

/* [ END ] PUBLIC HEADER SHELL */

/* =========================================================================
 * >>> SITE HEADER NAVIGATION COLOR
 * ========================================================================= */

.navbar.navigation--runtime .hds-navigation__identity-trigger,
.navbar.navigation--runtime .hds-navigation__identity-link,
.navbar.navigation--runtime .hds-navigation__link,
.navbar.navigation--runtime .hds-navigation__title,
.navbar.navigation--runtime .hds-navigation__label {
  color: #ffffff;
}

.navbar.navigation--runtime .hds-navigation,
.site-footer-navigation--runtime .hds-navigation {
  width: 100%;
}

.navbar.navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel],
.site-footer-navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel] {
  position: static;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin: 0;
}

.navbar.navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel]
  > .hds-navigation__item,
.site-footer-navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel]
  > .hds-navigation__item {
  width: 100%;
}

.navbar.navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel][hidden],
.site-footer-navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel][hidden] {
  display: none;
}

/* =========================================================================
 * <<< SITE HEADER NAVIGATION COLOR
 * ========================================================================= */

/* ========================================================================== [ START ] PUBLIC SIDEBAR FALLBACK */

.left-sidebar > ul {
  padding: 0;
  list-style: none;
}

.left-sidebar > ul > li {
  margin: 8px 0;
}

.left-sidebar > ul > li > a {
  color: #1c6380;
  font-weight: 700;
  text-decoration: none;
}

/* [ END ] PUBLIC SIDEBAR FALLBACK */

/* ========================================================================== [ START ] PUBLIC FOOTER FALLBACK */

.site-footer-navigation {
  display: flex;
  align-items: center;
  gap: 9px;
}

.site-footer a {
  color: #ffffff;
  text-decoration: none;
}

.site-footer a:hover {
  text-decoration: underline;
}

/* [ END ] PUBLIC FOOTER FALLBACK */

/* =========================================================================
 * >>> SITE SIDE NAVIGATION V1
 * ========================================================================= */

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

.left-sidebar .navigation--runtime .hds-navigation__identity-trigger,
.right-sidebar .navigation--runtime .hds-navigation__identity-trigger,
.left-sidebar .navigation--runtime .hds-navigation__identity-link,
.right-sidebar .navigation--runtime .hds-navigation__identity-link {
  box-sizing: border-box;

  display: flex;
  align-items: center;

  width: 100%;
  min-height: 42px;

  padding: 10px 12px;

  color: #22313a;
  background: #e7edf6;

  border: 0;
  border-radius: 4px;

  font: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;

  text-align: left;
  text-decoration: none;
}

.left-sidebar .navigation--runtime .hds-navigation__identity-trigger:hover,
.right-sidebar .navigation--runtime .hds-navigation__identity-trigger:hover,
.left-sidebar .navigation--runtime .hds-navigation__identity-link:hover,
.right-sidebar .navigation--runtime .hds-navigation__identity-link:hover,
.left-sidebar
  .navigation--runtime
  .hds-navigation__identity-trigger[aria-expanded="true"],
.right-sidebar
  .navigation--runtime
  .hds-navigation__identity-trigger[aria-expanded="true"] {
  background: #dbe5f2;
}

.left-sidebar .navigation--runtime .hds-navigation > .hds-navigation__list,
.right-sidebar .navigation--runtime .hds-navigation > .hds-navigation__list {
  width: 100%;

  gap: 3px;

  margin: 0;
  padding: 4px 0 5px;
}

.left-sidebar
  .navigation--runtime
  .hds-navigation
  > .hds-navigation__list
  > .hds-navigation__item,
.right-sidebar
  .navigation--runtime
  .hds-navigation
  > .hds-navigation__list
  > .hds-navigation__item {
  width: 100%;
}

.left-sidebar
  .navigation--runtime
  .hds-navigation
  > .hds-navigation__list
  > .hds-navigation__item--link
  > .hds-navigation__link,
.right-sidebar
  .navigation--runtime
  .hds-navigation
  > .hds-navigation__list
  > .hds-navigation__item--link
  > .hds-navigation__link {
  box-sizing: border-box;

  width: 100%;
  min-height: 42px;

  padding: 10px 12px;

  color: #0b57d0;
  background: transparent;

  border-radius: 4px;

  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;

  text-decoration: none;
}

.left-sidebar
  .navigation--runtime
  .hds-navigation
  > .hds-navigation__list
  > .hds-navigation__item--link
  > .hds-navigation__link:hover,
.right-sidebar
  .navigation--runtime
  .hds-navigation
  > .hds-navigation__list
  > .hds-navigation__item--link
  > .hds-navigation__link:hover,
.left-sidebar
  .navigation--runtime
  .hds-navigation
  > .hds-navigation__list
  > .hds-navigation__item.is-active
  > .hds-navigation__link,
.right-sidebar
  .navigation--runtime
  .hds-navigation
  > .hds-navigation__list
  > .hds-navigation__item.is-active
  > .hds-navigation__link {
  background: #e7edf6;
}

.left-sidebar .navigation--runtime .hds-navigation__submenu,
.right-sidebar .navigation--runtime .hds-navigation__submenu,
.left-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel],
.right-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel] {
  position: static;

  width: 100%;
  min-width: 0;

  gap: 3px;

  margin: 0;
  padding: 4px 0 5px 14px;

  background: transparent;

  border: 0;
  border-radius: 0;

  box-shadow: none;
}

.left-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel][hidden],
.right-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel][hidden] {
  display: none;
}

.left-sidebar
  .navigation--runtime
  .hds-navigation__submenu
  .hds-navigation__link,
.right-sidebar
  .navigation--runtime
  .hds-navigation__submenu
  .hds-navigation__link,
.left-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel]
  .hds-navigation__link,
.right-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel]
  .hds-navigation__link {
  box-sizing: border-box;

  width: 100%;
  min-height: 36px;

  padding: 8px 12px;

  border-radius: 4px;

  font-size: 14px;
  font-weight: 400;

  text-decoration: none;
}

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

.left-sidebar .navigation--runtime .hds-navigation__identity,
.right-sidebar .navigation--runtime .hds-navigation__identity {
  margin: 0;
}

.left-sidebar .navigation--runtime .hds-navigation__identity-trigger,
.right-sidebar .navigation--runtime .hds-navigation__identity-trigger,
.left-sidebar .navigation--runtime .hds-navigation__identity-link,
.right-sidebar .navigation--runtime .hds-navigation__identity-link {
  min-height: 40px;
  color: #ffffff;
  background: linear-gradient(180deg, #477fab 0%, #356d99 100%);
  border-radius: 0;
  text-shadow: 0 1px 0 rgb(0 0 0 / 18%);
}

.left-sidebar .navigation--runtime .hds-navigation__identity-trigger:hover,
.right-sidebar .navigation--runtime .hds-navigation__identity-trigger:hover,
.left-sidebar .navigation--runtime .hds-navigation__identity-link:hover,
.right-sidebar .navigation--runtime .hds-navigation__identity-link:hover,
.left-sidebar
  .navigation--runtime
  .hds-navigation__identity-trigger[aria-expanded="true"],
.right-sidebar
  .navigation--runtime
  .hds-navigation__identity-trigger[aria-expanded="true"] {
  color: #ffffff;
  background: linear-gradient(180deg, #3d77a4 0%, #2e638d 100%);
}

.left-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel],
.right-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel] {
  gap: 0;
  padding: 0;
  background: #f4f7fa;
}

.left-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel]
  > .hds-navigation__item,
.right-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel]
  > .hds-navigation__item {
  border-top: 1px solid #d4dee6;
}

.left-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel]
  .hds-navigation__link,
.right-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel]
  .hds-navigation__link {
  min-height: 36px;
  color: #253640;
  background: #f4f7fa;
  border-radius: 0;
}

.left-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel]
  .hds-navigation__link:hover,
.right-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel]
  .hds-navigation__link:hover {
  background: #e4edf4;
}

.left-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel]
  .hds-navigation__item.is-active
  > .hds-navigation__link,
.right-sidebar
  .navigation--runtime
  .hds-navigation__list[data-hds-navigation-identity-panel]
  .hds-navigation__item.is-active
  > .hds-navigation__link {
  color: #174f78;
  background: #d9e8f3;
  box-shadow: inset 3px 0 0 #2f78ad;
}

/* =========================================================================
 * <<< SITE SIDE NAVIGATION V1
 * ========================================================================= */

/* =========================================================================
 * >>> SITE HORIZONTAL NAVIGATION V1
 * ========================================================================= */

.navbar .navigation--runtime,
.navbar .navigation--runtime .navigation-runtime-placement,
.site-footer-navigation--runtime,
.site-footer-navigation--runtime .navigation-runtime-placement {
  min-width: 0;
  overflow: visible;
}

.navbar .navigation--runtime .navigation-runtime-placement {
  width: 100%;
}

.navbar .navigation--runtime .hds-navigation.orientation-horizontal,
.site-footer-navigation--runtime .hds-navigation.orientation-horizontal {
  position: relative;
  overflow: visible;
}

.navbar .navigation--runtime .hds-navigation.orientation-horizontal {
  width: 100%;
}

.navbar
  .navigation--runtime
  .hds-navigation.orientation-horizontal
  > .hds-navigation__list,
.site-footer-navigation--runtime
  .hds-navigation.orientation-horizontal
  > .hds-navigation__list {
  display: flex;
  align-items: stretch;

  gap: 0;

  margin: 0;
  padding: 0;

  list-style: none;
}

.navbar
  .navigation--runtime
  .hds-navigation.orientation-horizontal
  > .hds-navigation__list
  > .hds-navigation__item,
.site-footer-navigation--runtime
  .hds-navigation.orientation-horizontal
  > .hds-navigation__list
  > .hds-navigation__item {
  position: relative;
  margin: 0;
}

/*
 * Header ve footer aynı navigation görünümünü kullanır.
 * Identity, normal item ve disclosure item aynı ölçü ve renktedir.
 */

.navbar .navigation--runtime .hds-navigation__identity-trigger,
.navbar .navigation--runtime .hds-navigation__identity-link,
.navbar
  .navigation--runtime
  .hds-navigation.orientation-horizontal
  > .hds-navigation__list
  > .hds-navigation__item--link
  > .hds-navigation__link,
.site-footer-navigation--runtime .hds-navigation__identity-trigger,
.site-footer-navigation--runtime .hds-navigation__identity-link,
.site-footer-navigation--runtime
  .hds-navigation.orientation-horizontal
  > .hds-navigation__list
  > .hds-navigation__item--link
  > .hds-navigation__link,
.navigation-runtime-placement[data-navigation-region="site.header"]
  > .hds-navigation.has-identity-disclosure
  > .hds-navigation__list
  > .hds-navigation__item
  > .hds-navigation__link,
.navigation-runtime-placement[data-navigation-region="site.footer"]
  > .hds-navigation.has-identity-disclosure
  > .hds-navigation__list
  > .hds-navigation__item
  > .hds-navigation__link {
  box-sizing: border-box;

  display: flex;
  align-items: center;

  min-height: 42px;

  padding: 10px 14px;

  color: #ffffff;
  background: #0f536b;

  border: 0;
  border-radius: 0;

  font: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;

  text-decoration: none;
  white-space: nowrap;
}

.navbar .navigation--runtime .hds-navigation__title,
.site-footer-navigation--runtime .hds-navigation__title {
  color: inherit;
}

.navbar .navigation--runtime .hds-navigation__identity-trigger:hover,
.navbar .navigation--runtime .hds-navigation__identity-link:hover,
.navbar
  .navigation--runtime
  .hds-navigation.orientation-horizontal
  > .hds-navigation__list
  > .hds-navigation__item--link
  > .hds-navigation__link:hover,
.navbar
  .navigation--runtime
  .hds-navigation__identity-trigger[aria-expanded="true"],
.navbar
  .navigation--runtime
  .hds-navigation.orientation-horizontal
  > .hds-navigation__list
  > .hds-navigation__item.is-active
  > .hds-navigation__link,
.site-footer-navigation--runtime .hds-navigation__identity-trigger:hover,
.site-footer-navigation--runtime .hds-navigation__identity-link:hover,
.site-footer-navigation--runtime
  .hds-navigation.orientation-horizontal
  > .hds-navigation__list
  > .hds-navigation__item--link
  > .hds-navigation__link:hover,
.site-footer-navigation--runtime
  .hds-navigation__identity-trigger[aria-expanded="true"],
.site-footer-navigation--runtime
  .hds-navigation.orientation-horizontal
  > .hds-navigation__list
  > .hds-navigation__item.is-active
  > .hds-navigation__link,
.navigation-runtime-placement[data-navigation-region="site.header"]
  > .hds-navigation.has-identity-disclosure
  > .hds-navigation__list
  > .hds-navigation__item
  > .hds-navigation__link:hover,
.navigation-runtime-placement[data-navigation-region="site.header"]
  > .hds-navigation.has-identity-disclosure
  > .hds-navigation__list
  > .hds-navigation__item.is-active
  > .hds-navigation__link,
.navigation-runtime-placement[data-navigation-region="site.footer"]
  > .hds-navigation.has-identity-disclosure
  > .hds-navigation__list
  > .hds-navigation__item
  > .hds-navigation__link:hover,
.navigation-runtime-placement[data-navigation-region="site.footer"]
  > .hds-navigation.has-identity-disclosure
  > .hds-navigation__list
  > .hds-navigation__item.is-active
  > .hds-navigation__link {
  color: #ffffff;
  background: #073343;
}

/* =========================================================================
 * <<< SITE HORIZONTAL NAVIGATION V1
 * ========================================================================= */

/* =========================================================================
 * >>> SITE DROPDOWN DIRECTION
 * ========================================================================= */

/*
 * Header ve footer aynı görünümü kullanır.
 * Region yalnızca açılma yönünü belirler.
 */

.navigation-runtime-placement[data-navigation-region="site.header"]
  > .hds-navigation.has-identity-disclosure
  > .hds-navigation__list,
.navigation-runtime-placement[data-navigation-region="site.footer"]
  > .hds-navigation.has-identity-disclosure
  > .hds-navigation__list {
  position: absolute;

  z-index: 100;

  right: auto;
  left: 0;

  display: flex;
  flex-direction: column;
  align-items: stretch;

  width: 210px;
  min-width: 210px;

  gap: 0;

  margin: 0;
  padding: 0;

  color: #ffffff;
  background: #0f536b;

  border: 0;
  border-radius: 0;

  box-shadow: none;
}

/* Header → aşağı */

.navigation-runtime-placement[data-navigation-region="site.header"]
  > .hds-navigation.has-identity-disclosure
  > .hds-navigation__list {
  top: 100%;
  bottom: auto;
}

/* Footer → yukarı */

.navigation-runtime-placement[data-navigation-region="site.footer"]
  > .hds-navigation.has-identity-disclosure
  > .hds-navigation__list {
  top: auto;
  bottom: 100%;
}

.navigation-runtime-placement[data-navigation-region="site.header"]
  > .hds-navigation.has-identity-disclosure
  > .hds-navigation__list[hidden],
.navigation-runtime-placement[data-navigation-region="site.footer"]
  > .hds-navigation.has-identity-disclosure
  > .hds-navigation__list[hidden] {
  display: none;
}

.navigation-runtime-placement[data-navigation-region="site.header"]
  > .hds-navigation.has-identity-disclosure
  > .hds-navigation__list
  > .hds-navigation__item,
.navigation-runtime-placement[data-navigation-region="site.footer"]
  > .hds-navigation.has-identity-disclosure
  > .hds-navigation__list
  > .hds-navigation__item {
  width: 100%;
  margin: 0;
}

/* =========================================================================
 * <<< SITE DROPDOWN DIRECTION
 * ========================================================================= */