/* ═══════════════════════════════════════════════
   LINALUX — ALT NAVİGASYON BARI
   Plan: navigator.md (bkz proje kökü). Sözleşme:
     - Yalnızca core/bottom-nav.js tarafından, YALNIZCA giriş yapmış
       kullanıcıda DOM'a eklenir (navigator.md §5.0). Misafirde bu dosya
       hiçbir görünür kural üretmez çünkü .lx-bottomnav hiç oluşmaz.
     - Token'lar core/tokens.css'te (--nav-bg, --nav-medallion-bg) + zaten
       var olan --beyaz/--bg/--golge/--mono. Burada YENİ renk tanımlanmaz.
     - .lx-nav-hide / .lx-nav-peek sınıfları funnel-sonuç ekranlarının
       scroll-reveal entegrasyonu İÇİN hazır bırakıldı (navigator.md §5
       tablosu) — bu ilk uygulamada hiçbir sayfa bu sınıfları kullanmıyor,
       nav her zaman görünür halde render ediliyor (§9.5 kapsamı).
   ═══════════════════════════════════════════════ */

@view-transition {
  navigation: auto;
}

.lx-bottomnav {
  position: fixed;
  top: auto;    /* güvenlik: bir sayfanın class'sız `nav{top:0}` gibi bir kuralı
                   sızarsa top+bottom birlikte set olup barı tüm ekrana GERMESİN
                   (2026-08-19'da index.html'de yaşandı, kök neden ayrıca
                   <nav> → <div>'e geçilerek de kapatıldı, core/bottom-nav.js) */
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  height: auto;
  z-index: 90; /* .ov/.notif (100) altında, .tn (50) üstünde — navigator.md §2 */
  display: grid;
  /* 5 buton (2026-08-20): Geçişlerim, Evren, [88px — madalyon, DOKUNULMADI], Lina, Sen. */
  grid-template-columns: 1fr 1fr 88px 1fr 1fr;
  background: var(--nav-bg);
  /* Kavis iptal (2026-08-20) — header (.tn) düz şerit, bar da aynı dile uysun
     diye kaldırıldı. Madalyona dokunulmadı, o hâlâ dairesel. */
  padding-bottom: env(safe-area-inset-bottom, 0px);
  box-shadow: 0 -10px 28px color-mix(in srgb, var(--golge) 35%, transparent);
  view-transition-name: lx-bottomnav;
  transform: translateY(0);
  transition: transform .35s cubic-bezier(.22, 1, .36, 1);
  opacity: 0.80;
}

/* ═══ /en ALT MENÜSÜ — ÜÇ SEKME GİZLİ (K15 ②, 29.09.2026) ═══════════
   🔴 Geçişlerim · Evren · Keşfet'in İNGİLİZCE SAYFASI YOK. Build bilinmeyen
   hedefi K19 gereği `/en/`e düşürüyor, yani üç sekme de kullanıcıyı ana
   sayfaya atıyordu — "yanlış yere götüren sekme olmasın" (supabase kararı).
   Sekmeler SİLİNMİYOR, gizleniyor: `bottom-nav.js` onları
   `nav.querySelector('[data-nav="…"]')` ile arıyor ve silinseler bazı
   yollarda null'a düşerdi. `display:none` odak sırasından da çıkarır.
   Sınıfı yalnız ÜRETİLEN `en/core/bottom-nav.js` koyuyor (i18n/en/core.json)
   — TR kopyada bu sınıf hiç oluşmadığı için Türkçe tarafa etkisi SIFIR.
   O dil için sayfalar açıldığında: sınıfı kaldır, kural kendiliğinden düşer. */
.lx-bottomnav.lx-bn-en { grid-template-columns: 1fr 1fr; }
.lx-bottomnav.lx-bn-en [data-nav="gecisler"],
.lx-bottomnav.lx-bn-en [data-nav="evren"],
.lx-bottomnav.lx-bn-en [data-nav="kesfet"] { display: none; }

/* Funnel-sonuç scroll-reveal sözleşmesi (§5, henüz hiçbir sayfa kullanmıyor) */
.lx-bottomnav.lx-nav-hide { transform: translateY(110%); pointer-events: none; }
.lx-bottomnav.lx-nav-peek { transform: translateY(0); pointer-events: auto; }

/* ─── ORTAK BUTON KABI ─── */
.lx-bn-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  height: 64px;
  padding-bottom: 12px;
  min-width: 48px;
  min-height: 48px;
  background: none;
  border: none;
  /* 55% → 70%: pasif ikonlar #111111 zemin üstünde çok soluk kalıyordu —
     "belli olmuyor" şikâyetinin büyük kısmı ikon çiziminden değil buradan. */
  color: color-mix(in srgb, var(--beyaz) 70%, transparent);
  text-decoration: none;
  font-family: var(--mono);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: color .2s ease;
}
.lx-bn-icon {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: filter .2s ease;
}
.lx-bn-icon svg { width: 28px; height: 28px; display: block; }
.lx-bn-label {
  font-size: 11px;
  letter-spacing: .04em;
  line-height: 1;
  white-space: nowrap;
  /* 5 butonlu düzende (2026-08-20) sütunlar daralıyor; "Geçişlerim" en uzun
     etiket — dar ekranda komşu butona taşmak yerine zarifçe kırpılsın. */
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ─── AKTİF SEKME (navigator.md §6) ───
   Altın yok — kâğıt kremi (--bg) ışıma, madalyonun soluk beyaz konturundan
   AYRI bir dil: bu durumsal (yalnızca aktifken), o sabit kimlik (her zaman). */
.lx-bn-item.is-active {
  color: var(--beyaz);
}
.lx-bn-item.is-active .lx-bn-icon {
  filter:
    drop-shadow(0 0 7px color-mix(in srgb, var(--bg) 75%, transparent))
    drop-shadow(0 0 2px color-mix(in srgb, var(--bg) 55%, transparent));
}

/* ─── PANOM (Hub Madalyonu) ───
   🔴 Hesap doğrulaması: madalyon top:-12px + 52px yükseklik = y:40'ta bitiyor.
   .lx-bn-item'ın miras aldığı justify-content:flex-end ile etiketi kutunun
   dibine yapıştırsaydık (side item'larla aynı davranış) etiket y:41'de
   başlardı — madalyonla arada yalnızca 1px kalırdı. Bunun yerine hub'a özel
   üstten sabit boşluk: 46px (madalyonun bittiği 40px + 6px nefes payı). */
.lx-bn-hub {
  justify-content: flex-start;
  padding-top: 46px;
  padding-bottom: 0;
}
.lx-bn-medallion {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--nav-medallion-bg);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--golge) 50%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Çeper madalyonun ÜSTÜNDE değil, 6px boşluk bırakan AYRI bir dış halka —
   arada sitenin arka planı (kâğıt üstte / bar zemini altta) görünüyor. */
.lx-bn-medallion::after {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1.5px solid color-mix(in srgb, var(--beyaz) 22%, transparent);
  pointer-events: none;
}
.lx-bn-medallion svg { width: 40px; height: 40px; color: var(--beyaz); display: block; }
.lx-bn-label--hub { font-weight: 700; color: var(--beyaz); }

/* ─── SAYFA İÇERİĞİ İÇİN PAY + ESKİ LİNA FAB'IYLA ÇAKIŞMA (navigator.md §4.3, §9.4) ───
   .lc-fab silinmedi (features/ask/ hâlâ ona bağlı) — yalnızca nav aktifken
   ÖRTÜLÜYOR, çünkü aynı işi artık nav'ın sağ butonu görüyor. */
body.lx-nav-active {
  padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
}
body.lx-nav-active .lc-fab {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .lx-bottomnav,
  .lx-bn-item,
  .lx-bn-icon {
    transition: none !important;
  }
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}