/* Kurumsal siteden Kitappta platformuna giriş bağlantısı.
   Pakete monorepo entegrasyonunda eklendi; ayrı dosyada tutulur ki sitenin özgün
   CSS'i (v50 / v58 / insights-carousel) el değmeden kalsın ve paket yenilendiğinde
   bu ek tek dosya olarak taşınabilsin.
   Ölçüler .nav-actions içindeki diğer düğmelerle hizalıdır (yükseklik 38px). */

.nav-login {
  height: 38px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 12px;
  background: var(--blue, #0b66f6);
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  transition: filter 0.2s;
}

.nav-login:hover {
  filter: brightness(1.12);
}

/* Dar ekranda başlık kalabalıklaşıyor (arama + dil + tema + hamburger);
   giriş bağlantısı orada mobil menüden verilir. */
@media (max-width: 680px) {
  .nav-login {
    display: none;
  }
}

/* v50'deki .mobile-drawer'ın max-height/overflow'u yok: kısa (landscape) ekranda
   alt maddeler (Mağaza/Giriş) viewport dışında kalıp erişilemiyordu. Sitenin özgün
   CSS'ine dokunmama kuralı gereği düzeltme bu ek dosyada (28.08 inceleme bulgusu). */
@media (max-width: 1100px) {
  .mobile-drawer {
    max-height: calc(100dvh - 74px);
    overflow-y: auto;
  }
}