/* redesign-nav-density.css — 11 ogeli masaustu navbar icin boyut/yogunluk ayari.
 * polish.css v4 nav gorselini (uppercase, ::after cizgi, renkler) EZMEZ;
 * yalnizca olcu kisar ve tasma durumunda yatay kaydirma saglar.
 * Bundle taban degerleri (assets/index-D3If5UAG.js + es bundle CSS):
 *   .portal-nav-link: font-size 13px, padding-inline calc(var(--spacing)*2.5) = .625rem
 *   nav kapsayici: <nav class="ml-auto hidden shrink-0 items-center lg:flex"> (.portal-header-bar icinde)
 * Secimler ".portal-header-bar nav" ile kapsandigindan hem yuksek ozgulluk
 * (yukleme sirasindan bagimsiz polish.css'i gecer) hem de mobil panel etkilenmez. */

@media (min-width: 1024px) {
  /* 1. Tasma sigortasi: bundle'daki shrink-0'i esnetip kapsayiciyi
     yatay kaydirilabilir yap (modern scrollable-nav deseni), scrollbar gizli. */
  .portal-header-bar nav {
    flex-shrink: 1;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;        /* Firefox */
    -ms-overflow-style: none;     /* eski Edge/IE */
  }
  .portal-header-bar nav::-webkit-scrollbar {
    display: none;                /* WebKit/Blink */
    width: 0;
    height: 0;
  }
  /* Kaydirma sirasinda ogeler ezilmesin/sarmasin. */
  .portal-header-bar nav > * {
    flex: 0 0 auto;
  }

  /* 2. Link yogunlugu: 13px -> 11.5px; padding-inline .625rem -> .469rem (~%25 kisa);
     letter-spacing .07em (polish) -> .05em. Renk/uppercase/cizgi polish'te kalir. */
  .portal-header-bar nav .portal-nav-link {
    font-size: 11.5px;
    letter-spacing: 0.05em;
    padding-inline: calc(var(--spacing, 0.25rem) * 1.875); /* .469rem */
    white-space: nowrap;
  }

  /* 3. polish.css ::after cizgisi eski padding'e (.625rem) hizaliydi;
     ayni gorsel dilde, yeni icerik hizasina tasi (tasarim degisikligi degil). */
  .portal-header-bar nav .portal-nav-link::after {
    left: calc(var(--spacing, 0.25rem) * 1.875);
  }
  .portal-header-bar nav .portal-nav-link:hover::after,
  .portal-header-bar nav .portal-nav-link-active::after {
    width: calc(100% - var(--spacing, 0.25rem) * 3.75);
  }
}

/* 4. 1024-1280px arasi: daha da kompakt (dar masaustu/landscape tablet). */
@media (min-width: 1024px) and (max-width: 1280px) {
  .portal-header-bar nav .portal-nav-link {
    font-size: 11px;
    letter-spacing: 0.04em;
    padding-inline: calc(var(--spacing, 0.25rem) * 1.5); /* .375rem */
  }
  .portal-header-bar nav .portal-nav-link::after {
    left: calc(var(--spacing, 0.25rem) * 1.5);
  }
  .portal-header-bar nav .portal-nav-link:hover::after,
  .portal-header-bar nav .portal-nav-link-active::after {
    width: calc(100% - var(--spacing, 0.25rem) * 3);
  }
}