/* ============================================================
   Mobil ve tablet düzeltmeleri
   Ölçümle bulunan sorunları karşılar; yalnızca dar ekranda çalışır,
   masaüstü görünümü değişmez.

   Bu dosya bilinçli olarak bir "geçersiz kılma katmanı": en son
   yükleniyor ve mevcut kurallar daha özgül olduğu için !important
   kullanıyor. Kapsamı dar tutuldu.
   ============================================================ */

@media (max-width: 991.98px) {

    /* 1) iOS Safari, yazı tipi 16px'in altında olan bir alana odaklanınca
          sayfayı otomatik yakınlaştırıyor; kullanıcı elle geri çıkarmak
          zorunda kalıyor. Kayıt formundaki alanların çoğu 14px'ti.      */
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    select,
    textarea,
    .form-control,
    .form-select,
    .submission-select,
    .operation-select,
    .admin-filter-control {
        font-size: 16px !important;
    }

    /* 2) Dokunma hedefi: parmakla basılan ögelerde asgari 44px.
          Ölçümde işlem butonları 34-36px, üst bar ikonları 42px çıktı. */
    .btn,
    .user-action-btn,
    .approve-payment-btn,
    .revoke-payment-btn,
    .page-btn,
    .flow-chip,
    .action-view-btn,
    .admin-mini-btn,
    .conf-icon-btn,
    .submission-export-btn,
    .auth-language-current-btn,
    .admin-hero-btn {
        min-height: 44px !important;
    }

    /* 44px'den dar kalan tek şey ikon butonlarıdır; metin taşıyanlar
       zaten daha geniş, bu yüzden asgari genişlik onları etkilemez. */
    .btn {
        min-width: 44px !important;
    }

    /* Yalnızca ikon taşıyan butonlar kare olmalı. */
    .header-icon-btn,
    .sidebar-toggle-btn,
    .user-menu-btn,
    .conf-icon-btn,
    .revoke-payment-btn,
    .page-btn,
    .admin-mini-btn {
        min-height: 44px !important;
        min-width: 44px !important;
    }

    /* Ad ve soyad gibi metin taşıyan işlem butonları yalnızca
       yükseklik kazanır; genişlik içeriğine göre kalır. */
    .user-action-btn {
        min-width: 44px !important;
    }
}

/* 3) iOS'ta 100vh, adres çubuğu ve alt bar hesaba katılmadığı için
      görünen alandan yüksek çıkıyor ve sayfa alta doğru kayıyor.
      Görünümlerde 100vh'nin hemen ardına 100dvh eklendi; bu değişken
      yeni yazılacak yerler için ortak bir dayanak sağlar.              */
:root {
    --app-viewport-height: 100vh;
}

@supports (height: 100dvh) {
    :root {
        --app-viewport-height: 100dvh;
    }
}