/* ══════════════════════════════════════════════════════════════════════
   tk-uyum.css — PAKETTEKİ TÜM SAYFALAR İÇİN ORTAK CİHAZ UYUMLULUĞU
   ──────────────────────────────────────────────────────────────────────
   13.10.2026 — Kullanıcı kuralı: "tüm kullanılan sayfalar aynı olmalı,
   paketteki". Bu dosya her sayfaya <link> ile bağlanır ve tek noktadan
   telefon · tablet · PC · YATAY ekran davranışını eşitler.

   İLKELER
     · Yalnız UYUMLULUK ekler; hiçbir bileşeni yeniden tasarlamaz.
     · Geri alması kolay: link kaldırılınca sayfa eski hâline döner.
     · Sayfa kendi kuralını yazarsa (daha özgül seçici) O KAZANIR.
   ══════════════════════════════════════════════════════════════════════ */

/* 1) Yatay kaydırma ASLA olmaz + yazı şişmesi (iOS landscape) engellenir */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html, body { max-width: 100%; }
body { overflow-x: hidden; }

/* 2) Taşan içerik (görsel/video/çerçeve) kutusuna sığar */
img, svg, video, canvas, iframe, embed, object { max-width: 100%; }
img, video { height: auto; }
pre, code { overflow-wrap: anywhere; }

/* 3) Mobil tarayıcı çubuğu yüksekliğe SAYILMAZ (100vh taşması biter) */
html, body { min-height: 100vh; }
@supports (height: 100dvh) {
  html, body { min-height: 100dvh; }
}

/* 4) Geniş tablolar KENDİ içinde kaydırılır — sayfa yana kaymaz.
      (Yönetim/moderatör panelleri, koşullar, ödeme tabloları) */
@media (max-width: 760px) {
  table { display: block; width: 100%; max-width: 100%; overflow-x: auto;
          -webkit-overflow-scrolling: touch; }
  th, td { white-space: normal; }
}

/* 5) DOKUNMATİK CİHAZ: giriş yazısı 16px (iOS odakta sayfayı ZOOMLAMAZ),
      dokunma hedefleri en az 44px, gecikmesiz dokunuş */
@media (hover: none), (pointer: coarse), (max-width: 900px) {
  input, select, textarea { font-size: 16px; }
  button, [role="button"], input[type="submit"], input[type="button"], .btn {
    min-height: 44px;
    touch-action: manipulation;
  }
  a, button, [role="button"] { -webkit-tap-highlight-color: rgba(255,255,255,.08); }
  /* onay kutuları ve radyolar küçük kalmasın (parmakla basılabilir olsun) */
  input[type="checkbox"], input[type="radio"] { width: 20px; height: 20px; }
}

/* 6) ÇOK KISA EKRAN (yatay telefon ~620px altı): dikey boşlukları sıkıştır.
      Sayfa kendi kuralını yazmadıysa devreye girer; sığdırmaya yardım eder. */
@media (max-height: 620px) {
  .sayfa-basligi, .page-header, .hero { padding-top: 8px; padding-bottom: 8px; }
  .kart, .card, .panel, .auth-card { margin-top: 8px; margin-bottom: 8px; }
}

/* 7) ÇOK DAR TELEFON (320-380px): taban yazıyı bir tık küçült,
      yan boşlukları daralt — içerik sıkışmasın */
@media (max-width: 380px) {
  .kart, .card, .panel { padding-left: 14px; padding-right: 14px; }
  .sayfa-basligi h1, .page-header h1 { font-size: 1.25rem; }
}

/* 8) Yazdırma: menüler/dugmeler kağıda çıkmasın (fatura/koşul çıktısı) */
@media print {
  nav, .nav, .uygulama-menusu, button, .btn { display: none !important; }
}