/* ÜST ÇUBUK v2 — kırpma YASAK, önceden gizleme
   v1'de nav linkleri kırpılıyordu ("Ana Sa…", "Ders…") çünkü .nav-links esnıyordu.
   Yeni kural:
     • Nav linkleri ASLA esnemez/kırpılmaz (flex-shrink:0, beyaz-space:nowrap)
     • Taşma olmadan ÖNCEDE düşük öncelikli linkler gizlenir (kademeli)
     • Esneme yalnız arama kutusunda (o zaten esnek)
     • Kullanıcı menüsü de kademeli sadeleşir
   Öncelik (yüksek→düşük): Ana Sayfa · Dersler · Simülatörler · Sınav · Meslek · KPSS · YKS · Liderlik · SSS */

/* --- Temel: linkler kırpılmaz --- */
.navbar .nav-links, .header .nav {
  flex-shrink: 0;
  overflow: visible;
}
.navbar .nav-link, .header .nav-link {
  white-space: nowrap;
  text-overflow: clip;      /* asla "…" */
  overflow: visible;
  flex-shrink: 0;
}
/* Arama kutusu tek esnek öğe */
.navbar .search-box, .header .search-box {
  flex: 1 1 150px;
  min-width: 0;
  max-width: 220px;
}
/* Marka asla ezilmez */
.navbar .logo, .header .logo { flex-shrink: 0; }

/* --- Kademeli gizleme (geniş → dar) ---
   Ölçülen ihtiyaç: logo 150 + kullanıcı menüsü ~430 + tema 44 + arama 150 = ~774
   Kalan alan nav'a ait; ortalama link genişliği ~92px (İngilizce "Simülatörler" ~112) */
@media (max-width: 1620px) { .navbar .nav-link[href$="#liderlik"] { display: none; } }
@media (max-width: 1520px) { .navbar .nav-link[href$="#sss"] { display: none; } }
@media (max-width: 1400px) { .navbar .nav-link[href*="kpss"], .navbar .nav-link[href*="yks"] { display: none; } }
@media (max-width: 1280px) { .navbar .nav-link[href$="#meslek-vitrin"] { display: none; } }
@media (max-width: 1180px) { .navbar .nav-link[href$="#simulatorler"] { display: none; } }
@media (max-width: 1060px) {
  .navbar .nav-link[href$="#sinav"] { display: none; }
  .navbar .search-box { max-width: 150px; }
}
/* Alt sayfa başlıkları (aynı desen) */
@media (max-width: 1340px) { .header .nav-link[href*="meslek"] { display: none; } }
@media (max-width: 1200px) { .header .nav-link[href*="test-secim"] { display: none; } }
@media (max-width: 1100px) { .header .search-box { max-width: 140px; } }

/* --- Kullanıcı menüsü kademeli sadeleşme --- */
@media (max-width: 1500px) {
  .navbar .user-menu .user-grade-badge,
  .header .user-menu .user-grade-badge { display: none; }   /* "Sınıf seçilmedi" */
}
/* Yönetim bağlantısı yalnız yöneticiye gösterilir (auth.js); artık gizlenmez.
   Yer açmak için 1400px altında arama ve kullanıcı butonları daraltılır. */
@media (max-width: 1400px) {
  .navbar .search-box, .header .search-box { max-width: 170px; }
  .navbar .user-menu .btn-sm, .header .user-menu .btn-sm { padding: 0 12px; }
}
@media (max-width: 1260px) {
  .navbar .user-menu .user-name,
  .header .user-menu .user-name { display: none; }          /* avatar yeter */
}
@media (max-width: 1140px) {
  .navbar .user-menu .btn-logout { padding: 7px 11px; font-size: 0.76rem; }
  .navbar .user-menu { gap: 7px; }
}

/* --- Taşma koruması (son savunma hattı) --- */
.navbar, .navbar-inner, .header, .header-inner {
  max-width: 100%;
  overflow-x: clip;
}
.navbar .search-box { min-width: 0; }

/* En dar masaüstü: 1140px kuralından SONRA gelmeli (sıra önemli) */
@media (max-width: 1000px) {
  .navbar .search-box { max-width: 140px; }
  .navbar .user-menu, .header .user-menu { gap: 5px; }
  .navbar .user-menu .btn-logout, .header .user-menu .btn-logout { padding: 0 9px; }
}
/* 2026-10-15 · Oturumlu üst çubuk taşması: "Profilim" kırpılıyordu (kırpma son savunma
   hattıydı, asıl sorun genişliğin toplamıydı). Oturumlu menü geniş; dar masaüstünde
   arama kutusu ve çıkış düğmesi sıkışır, sonra linkler sadeleşir. */
.navbar .user-menu, .header .user-menu { flex-shrink: 0; white-space: nowrap; }
@media (max-width: 1600px) {
  .navbar .search-box, .header .search-box { max-width: 190px; }
  .navbar .user-menu .btn-logout, .header .user-menu .btn-logout { padding: 0 10px; min-height: 40px; }
}
@media (max-width: 1440px) {
  .navbar .search-box, .header .search-box { max-width: 150px; }
}

/* 2026-10-15 · Yönetici hesabı: "Yönetim" düğmesi eklenince oturumlu menü ~100 px uzuyor
   ve 1280 px'de "Çıkış" kesiliyordu. Orta genişlikte ad gizlenir; avatar yeter. */
@media (max-width: 1400px) {
  .navbar .user-menu .user-name, .header .user-menu .user-name { display: none; }
}
@media (max-width: 1400px) {
  .navbar .user-menu .btn-logout, .header .user-menu .btn-logout { padding: 0 10px; }
}

/* Geniş ekranda üst çubuk içeriği 1160 px'lik sayfa kapsayıcısına sığmıyordu; yönetici
   menüsü kapsayıcının dışına taşıyordu (1536 px'de ölçüldü). Üst çubuk biraz daha geniş. */
.navbar .navbar-inner.container,
.header .header-inner.container {
  max-width: 1440px;
}
.navbar .search-box, .header .search-box { max-width: 200px; }

/* Yeni bağlantılar (Kodlama, Diller) orta genişliklerde üst barı taşırmasın.
   İçerik bunlara ana sayfadaki bölümlerden ve mobil menüden de ulaşılır. */
@media (max-width: 1500px) { .navbar .nav-link[href$="#kodlama"], .navbar .nav-link[href$="#diller"] { display: none; } }
@media (max-width: 1360px) {
  .navbar .user-menu .user-name { display: none; }
  .navbar .search-box { max-width: 150px; }
}
/* Giriş yapmış kullanıcı: sınıf rozeti ve Profilim bağlantısı orta genişliklerde gizlenir;
   Panelim ve Yönetim düğmeleri her zaman sığar. Profil, Panelim'den ve kullanıcı adından açılır. */
@media (max-width: 1500px) {
  .navbar .user-menu .user-grade-badge { display: none; }
  .navbar .user-menu a[href$="profile"] { display: none; }
}
/* Giriş yapmış kullanıcı barı: Yönetim düğmesi diğer düğmelerle aynı hizada, Profilim orta genişlikte gizli */
.navbar .user-menu > a,
.navbar .user-menu > button { align-self: center; }
@media (max-width: 1500px) {
  .navbar .user-menu a[href$="profile"] { display: none !important; }
}