/* ==========================================================
   mobil.css — Genel mobil sağlamlaştırma
   Tüm sayfalara dahil edilir. Amaç: hiçbir ekranda yatay
   kaydırma çıkmaması ve dokunma hedeflerinin yeterli olması.
   ========================================================== */

/* 1) Yatay taşmayı kökten engelle */
html, body { max-width: 100%; overflow-x: hidden; }

/* 2) Hiçbir öğe kabından taşmasın */
img, video, iframe, svg, canvas, table, pre { max-width: 100%; }
img, video { height: auto; }

/* 3) Uzun kelime / adres satırı bozmasın */
p, h1, h2, h3, h4, h5, h6, a, span, td, li { overflow-wrap: anywhere; }

/* 4) Geniş içerik kendi kabında kaysın, sayfayı kaydırmasın */
table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.kaydir, .scroll, .tablo-sar { overflow-x: auto; -webkit-overflow-scrolling: touch; }

@media (max-width: 767px) {
    /* 5) iOS'ta form alanına dokununca sayfa yakınlaşmasın (16px altı zoom yapar) */
    input, select, textarea, button { font-size: 16px !important; }

    /* 6) Dokunma hedefleri en az 44px (Apple/Google önerisi) */
    button, .btn, a.btn, input[type="submit"] { min-height: 44px; }

    /* 7) Yan yana duran her şey alt alta insin */
    .ikili, .sz-ikili, .row.g-4 > [class*="col-"] { flex-wrap: wrap; }

    /* 8) Bootstrap kap boşluklarını daralt */
    .container, .container-lg, .container-fluid { padding-left: 12px; padding-right: 12px; }
}

@media (max-width: 480px) {
    /* 9) Çok dar ekranda ızgaraları tek sütuna indir */
    .vitrin-izgara, .ocb-izgara, .firma-mini-izgara,
    .ud-diger-izgara, .tr-izgara { grid-template-columns: 1fr !important; }
}