/* ══════════════════════════════════════════════════════════════════════
   YAZI TİPİ + GÖVDE ZEMİNİ
   ──────────────────────────────────────────────────────────────────────
   ⚠️ BU DOSYA ESKİDEN BİR "TEMA KATMANI"YDI ve style.css ile desktop.css
   arasında sıkışıp ikisiyle de kavga ediyordu. Somut örnek:
     • buradaki  `.premium-theme .card:hover .card-poster{transform:scale(1.05)}`
     • desktop.css'teki `.card:hover .card-poster{transform:none !important}`
   Sonuç: masaüstünde hover'dan geriye hiçbir şey kalmıyordu. Aynı çakışma
   düğmelerde de vardı (burada eğimli dolgu + büyük harf, desktop.css'te
   başka ölçüler) ve düğmeler sayfadan sayfaya farklı görünüyordu.

   Dosya artık YALNIZCA iki işi yapıyor: yazı tipini tanımlamak ve gövde
   zeminini kurmak. Kart, düğme, rozet ve başlık kuralları tek yerde —
   style.css'teki belirteç sisteminde, masaüstü ölçekleri desktop.css'te.
   Yeni kural eklerken buraya DEĞİL, o iki dosyadan birine yaz.
   ══════════════════════════════════════════════════════════════════════ */

/* Outfit kendi sunucumuzdan servis ediliyor (değişken font, tek dosya tüm
   ağırlıkları kapsar). Google Fonts'tan çekildiğinde ayrı bir alan adına
   bağlanmak gerekiyordu ve font geç geldiği için sayfa önce yedek yazı
   tipiyle çizilip sonra yeniden çiziliyordu — sol menü gözle görülür
   şekilde küçülüp büyüyordu. Yerel dosya + preload ile bu bitiyor. */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/public/fonts/outfit-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/public/fonts/outfit-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Outfit "display=swap" ile yükleniyor: font gelene kadar sayfa yedek
   yazı tipiyle çiziliyor, font gelince yeniden çiziliyordu. Ölçüler
   tutmadığı için sol menü gözle görülür şekilde büyüyüp küçülüyordu.
   Aşağıdaki tanım yedek fontu Outfit'in ölçülerine yaklaştırır; geçiş
   artık sıçrama yapmadan olur. */
@font-face {
  font-family: 'OutfitYedek';
  src: local('Segoe UI'), local('Roboto'), local('Helvetica Neue'), local('Arial'), local('DejaVu Sans');
  size-adjust: 97%;
  ascent-override: 98%;
  descent-override: 24%;
  line-gap-override: 0%;
}

/* ── Gövde ────────────────────────────────────────────────────────────
   Zeminde eskiden iki kırmızı radyal leke vardı (rgba(229,9,20,.05)).
   Afişler zaten sıcak renkli olduğu için zemindeki kırmızı onlarla
   karışıyor ve sayfa "kirli" görünüyordu. Zemin artık düz ve serin;
   sıcaklığın tamamı afişlerden geliyor. */
body.premium-theme {
  font-family: 'Outfit', 'OutfitYedek', sans-serif;
  background-color: var(--zemin);
  color: var(--metin);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Üst çubuk — masaüstünde gizli (gezinme sol menüde), yalnızca ara
   genişliklerde görünüyor. */
.premium-theme .nav {
  background: rgba(8, 8, 10, .78);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--cizgi);
}

/* Logo: eğimli dolgu + parıltı yerine düz kor. Metne uygulanan
   `text-shadow` küçük boyutta yazıyı bulanıklaştırıyordu. */
.premium-theme .nav-logo {
  text-transform: uppercase;
  letter-spacing: -.02em;
  color: var(--kor);
}

/* Hero'nun alt köşeleri: bölüm şeritleri hemen altından başladığı için
   yuvarlatma kesik bir bant izlenimi veriyordu. Düz kenar. */
.premium-theme .hero {
  border-radius: 0;
  box-shadow: none;
}

@keyframes slideUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
.premium-theme .hero-title { animation: slideUp .6s var(--egri) both; }