/* Telefon ve dokunmatik ekran düzeltmeleri — panelde, vitrinde ve demolarda EN SON yüklenir.
   Tasarımı değiştirmez; yalnızca telefonda kullanımı rahatlatır:
   1. Giriş alanları 16 px: iPhone Safari daha küçük yazılı alana dokunulunca sayfayı yakınlaştırıp öyle bırakıyor.
   2. Dokunma alanları en az ~44 px: çerçeveli düğmeler biraz büyür; yazı gibi görünen bağlantılarda
      (kişi adı, geri bağlantısı, telefon/e-posta) dokunma alanı görünmez dolguyla büyür, düzen kaymaz.
   3. En küçük yazılar okunur boyuta çıkar; listelerde uzun adlar kesilmek yerine iki satıra iner. */

/* ---------- 1. Giriş alanları (yakınlaştırma olmasın) ---------- */
@media (pointer: coarse), (max-width: 899px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
  select,
  textarea { font-size: 16px; }
}

/* ---------- 2. Dokunma alanları ---------- */
@media (pointer: coarse) {
  /* Çerçeveli küçük düğmeler */
  .btn-sm { min-height: 40px; }
  .chip { min-height: 40px; }
  .seg button { min-height: 40px; }
  .top-btn { width: 40px; height: 40px; }
  .role-btn { min-height: 40px; }
  .ankova-rozet { height: 40px; }
  .icon-btn, .p-sira .icon-btn { width: 40px; height: 40px; }
  .h-goster { min-height: 40px; }
  .v-kisi > summary { min-height: 42px; }

  /* Yazı gibi görünen bağlantı ve düğmeler: dolgu dokunma alanını büyütür, eksi kenar boşluğu düzeni korur. */
  .name-btn { padding-block: 11px; margin-block: -11px; }
  .h-geri { padding-block: 13px; margin-block: -13px; }
  .back-btn { padding-block: 12px; margin-block: -8px; }
  details.tablo > summary { padding-block: 11px; margin-block: -11px; }
  .sss summary { padding-block: 11px; margin-block: -11px; }
  a[href^="tel:"], a[href^="mailto:"] { display: inline-block; padding-block: 11px; margin-block: -11px; }
}

/* ---------- 3. Okunabilirlik ---------- */
@media (max-width: 899px) {
  /* 11 px büyük harfli etiketler ve tablo başlıkları 12 px */
  .label,
  table.veri th,
  .col-x,
  .v-ust-yazi,
  .v-kart-ust,
  .v-kart-roller span { font-size: 0.75rem; }
  .demo-pill { font-size: 0.75rem; }
  /* Üst çubukta adın altındaki DEMO etiketi (9 px idi) */
  .brand-txt .demo-pill { font-size: 0.625rem; }
}

/* Dar ekranda liste satırları: ad ve alt bilgi kesilmesin, en fazla iki satıra insin. */
@media (max-width: 559px) {
  .row-title,
  .row-sub {
    white-space: normal;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}