/*
 * KLAS DIGITAL v191 — Global Layout Sistemi
 * ============================================
 *
 * v193 update — SIFIRDAN MİMARİ: eski section-toggle (data-active-page /
 * [data-page]) sistemi tamamen kaldırıldı. Her rota artık Express + EJS
 * ortak layout'undan sunucu tarafında render edilen gerçek, bağımsız bir
 * HTML belgesi; istemci tarafında display:none/block ile "sayfa" taklidi
 * yapılmasına gerek kalmadı. Bu dosyada sadece hâlâ kullanılan global
 * layout tokenleri / sabit elemanlar kaldı.
 */

/* v191 Stitch-informed spacing & radius tokens */
html[data-season] {
  --section-gap: 80px;
  --radius-section: 24px;
  --radius-card: 16px;
  --radius-pill: 999px;
  --content-max: 1200px;
  --content-padding: 0 clamp(20px, 4vw, 64px);
}

/* Section arası boşluk — Stitch 80px referansı */
html[data-season] .section,
html[data-season] .section.alt {
  padding-top: var(--section-gap);
  padding-bottom: var(--section-gap);
}

/* Navbar — sabit, scroll ile saydamlaşma */
html[data-season] .nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: background-color 0.3s ease;
}

/* Bottom Player — her zaman en altta, sabit */
#globalPlayer {
  z-index: 999;
}

/* ===================================================================
   NAV ACTIVE STATE — Aktif sayfa nav linkini vurgulama
   (Artık sunucu tarafında currentRoute ile hesaplanıyor, bkz. nav.ejs)
   =================================================================== */
html[data-season] .nav-a.act {
  color: var(--theme-primary);
}

/* ===================================================================
   RESPONSIVE KONTROL
   =================================================================== */
@media (max-width: 768px) {
  /* Ek mobil layout kuralları buraya eklenecek (Faz 5+) */
}