/* ═══════════════════════════════════════════════════════════════════════════
   mobil.css — bütün uygulamalar için telefon tabanı
   Uygulamalar/ortak/mobil.css

   NEDEN VAR: Öğrenciler bu uygulamaları ağırlıkla derste, telefonda kullanıyor.
   23.08.2026'da canlı ölçüm yapıldı (375 px genişlik):
     · doçentlik puanı  — 271 metnin 248'i 14 px'in altında, en küçüğü 10,4 px;
                          girdiler 13–14,4 px
     · yumuşak g        — 21 dokunma hedefinin 14'ü 44 px'in altında
   Yatay taşma hiçbirinde yoktu; sorun ölçülerde.

   NE YAPAR: Yalnızca taban koyar, düzeni değiştirmez. Her uygulamanın kendi
   tasarımı üstte kalır; buradaki kurallar sadece "bundan küçük olmasın"
   diyor. Bu yüzden kural sayısı az ve hepsi ölçü ile ilgili.

   NEDEN 16 px GİRDİ: iOS Safari, yazı boyu 16 px'in altında olan bir girdiye
   odaklanınca sayfayı kendiliğinden yakınlaştırır ve öğrenci bir daha geri
   çıkamaz. Bu, telefonda en sık şikâyet edilen davranıştır.

   NEDEN 44 px HEDEF: Apple ve WCAG 2.5.8'in alt sınırı. Altında kalan
   düğmeler, yan yana dizildiğinde yanlış olana basılıyor.
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 560px) {
  /* Kök yazı boyu bir kademe büyüyor. Uygulamaların çoğu ölçeğini rem ile
     yazdığı için bu, bütün metni oranları bozmadan büyütür: 0,78rem etiket
     12,5 px yerine 13,3 px, 0,9rem gövde 14,4 yerine 15,3 px olur. Tek tek
     50 bildirimi düzenlemekten hem daha güvenli hem geri alması kolay.
     px ile yazılmış ölçüler bundan etkilenmez; onlar zaten sabit. */
  html {
    font-size: 17px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  /* Girdiler: yakınlaştırmayı önleyen 16 px tabanı. */
  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  /* Dokunma hedefleri. inline öğelere dokunulmuyor; yalnızca gerçek
     kontroller büyütülüyor ki metin akışı bozulmasın. */
  button,
  select,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="checkbox"],
  input[type="radio"] {
    min-height: 44px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    min-width: 24px;
    min-height: 24px;
  }

  /* Çok küçük yardımcı metinler için taban. Uygulamaların kendi ölçeği
     korunuyor; yalnızca okunamayacak kadar küçük olanlar yükseliyor. */
  small,
  .text-xs,
  .text-\[10px\],
  .text-\[11px\],
  .text-\[12px\] {
    font-size: 13px !important;
  }

  /* Tablolar dar ekranda kırılmak yerine kendi içinde kaysın. */
  table {
    max-width: 100%;
  }
}