/* =====================================================================
   sayfalama.css — `.pagi` bileşeninin DAR EKRAN katmanı
   ---------------------------------------------------------------------
   donör: DadaGastro public/varliklar/reference/shared/dm-pagi.css
          (http://127.0.0.1:8000/tarifler)

   Bileşenin ÇİZİMİ burada DEĞİL: `.pagi/.pg/.pg.active/.pg.arrow/
   .pg-dots/.pagi-note` kuralları Diet'in kanonunda (dd-shell.css ·
   kanon-govde.css) zaten var ve Gastro'nun dm-pagi.css'iyle ölçü ölçü
   aynı (44×44 · gap 8 · margin-top 40 · radius 12 · 14/700 ·
   `.pagi-note{width:100%}`), aksan da Diet yeşili. O dosyalar donör
   kopyası olduğu için elle düzenlenmez; bu dosya yalnız Gastro'da da
   çözülmemiş olan tek sorunu kapatır:

   🔴 Gastro'nun kendi sayfalaması 390'da İKİ satıra kırılıyor (ölçüldü
      2026-09-16, /tarifler?sayfa=30: 11 kalem, kutu 358px, satır 2).
      Beyar'ın şartı "mobilde tek satır". 390'da yer 358px; 40px düğme +
      6px boşlukla en çok 7 kutu sığar, orta sayfada 11 kalem var.

   Çözüm: 640px altında ilk/son/mevcut DIŞINDAKİ sayfa numaraları
   (`[data-uzak]`) çizilmez — "« ‹ 1 … 30 … 63 › »" kalır (7 kutu +
   2 nokta). Bağlantılar HTML'de DURUR (adres üretimi ve taranabilirlik
   değişmez), yalnız görünmez. 420px altında boşluk 6→4px iner ki bu yedi
   kutu da tek satıra otursun.
   ===================================================================== */

/* ≤640 (kanonun kendi kırılma noktası): uzak numaralar düşer.
   Kalan dizi "« ‹ 1 … 30 … 63 › »" — 7 kutu + 2 nokta.
   Ölçüldü 390'da: 338px / 358px kap → tek satır. */
@media (max-width: 640px) {
  .pagi .pg[data-uzak] { display: none; }
}

/* ≤420: boşluk 6→4. 375'te (iPhone SE/8) dizi 346px, kap 343px ile 3px
   taşıyordu; 4px boşlukla 330px'e iner. */
@media (max-width: 420px) {
  .pagi { gap: 4px; }
}

/* ≤360: ilk/son çift oku da düşer — o iki düğmenin işini zaten yerinde
   duran "1" ve son sayfa numarası görüyor, önceki/sonraki okları kalıyor.
   320'de dizi 258px / kap 288px. Bu basamak olmadan 360 ve altında orta
   sayfa iki satıra kırılıyordu (ölçüldü). */
@media (max-width: 360px) {
  .pagi .pg[data-uc] { display: none; }
}