/* Anasayfa ayarlari, form-content/double-content tabanli sayfalar, oturum/acenta
   degistirme ve dashboard sayfalari icin mobil override. Sadece <=991px'de
   devreye girer, masaustu goruntu degismez. */
@media (max-width: 991px) {
  /* .form-content form{width:38%} + .double-content{width:58%} masaustune
     ozel yan-yana duzen; mobilde form 38% genislikte sikisip kullanilamaz
     hale geliyordu (ör. populer-tur-ekle, yetki-degistir, acenta-degistir,
     iyzico-duzenle, tur-resim-siralamasi). */
  section.content .form-content {
    flex-direction: column;
    padding: 12px;
  }
  section.content .form-content form,
  section.content .form-content .double-content {
    width: 100% !important;
  }

  /* Resim sürükle-sırala listesi (tur-resim-siralamasi.php #sortable) ve
     genel .image-box galerileri: kartlari dokunma hedefi olacak boyuta
     getir, tek/iki sutuna indir. */
  section.content .form-content .double-content .images .image-box .image {
    min-height: 44px;
  }
  section.content .form-content .double-content .images .image-box .image img {
    width: 84px;
    height: auto;
  }
  section.content .form-content .double-content .images form {
    flex-direction: column;
    gap: 8px;
  }
  section.content .form-content .double-content .images form button {
    width: 100%;
  }

  /* Liste sayfalarindaki (populer-turlar, one-cikan-turlar-listesi vb.)
     sabit genislikli önizleme resimleri tasmasin. */
  section.content table img {
    max-width: 90px;
    width: auto;
    height: auto;
  }

  /* Harita/istatistik/tablo yardimci genislikleri (#map, .information,
     .table-content) masaustunde width:40%/70% + margin-left:4rem sabit;
     mobilde tam genislige indir, kenar bosluklarini sifirla. */
  #map,
  .information,
  .table-content {
    width: 100% !important;
    margin-left: 0 !important;
  }

  /* Tek satirlik form (yetki-degistir, acenta-degistir) select/inputlari
     tam genislik olsun. */
  section.content .form-content label {
    width: 100%;
  }
  section.content .form-content select,
  section.content .form-content input[type="text"],
  section.content .form-content input[type="number"] {
    width: 100%;
  }
}