/* MOBİL UYUM DÜZELTMELERİ (2026-08-20)
   Yayın öncesi mobil denetiminde çıkan somut kusurlar. Tek dosyada
   toplandı ki her sayfaya tek satırla eklensin ve sürüm yönetimi kolay
   olsun. Masaüstü görünümü DEĞİŞTİRMEZ — kurallar ya mobil kırılımda
   ya da yalnız dokunma hedefi/erişilebilirlik için geneldir. */

/* 1) iOS Safari, 16px altındaki form alanına odaklanınca sayfayı
      otomatik yakınlaştırıyor ve kullanıcı geri çıkamıyor. */
@media (max-width: 767.98px) {
  input, select, textarea {
    font-size: 16px;
  }
}

/* 2) Dokunma hedefleri — WCAG 2.5.8 asgari 24px, Apple/Google önerisi 44px.
      Görsel boyut değişmesin diye kutu büyütülüyor, ikon aynı kalıyor. */
.artwork-action {
  min-width: 44px;
  min-height: 44px;
}
.orientation-chip {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.simple-footer a,
footer a {
  display: inline-block;
  padding: 6px 0;
}

/* 3) Tam ekran katmanlar: iOS'ta 100vh tarayıcı çubuğunun altına taşıyor.
      dvh destekleyen tarayıcılarda doğru yükseklik kullanılır. */
@supports (height: 100dvh) {
  .vv-detail-panel,
  .vv-detail-overlay,
  .kesfet-modal,
  .vv-modal {
    max-height: 100dvh;
  }
}

/* 4) Güvenli alan — çentikli telefonlarda alt menü/panel kesilmesin. */
.vv-detail-panel,
.vv-alt-menu {
  padding-bottom: max(12px, env(safe-area-inset-bottom));
}