/* V7.8 – Iletisim sayfasi: mobil sabit header ve yatay tasma onleme.
   Kapsam bilerek sadece iletisim.php ile sinirlandirildi. */

/* overflow-x:hidden, mobil Safari'de ayrica dikey kaydirma kapsami
   olusturabildiginden sabit barin kaymasina neden olabilir.
   clip yatay tasmalari gorunmez kilar ama yeni kaydirma kapsami olusturmaz. */
html:has(body.contact-mobile-stable),
body.contact-mobile-stable {
    max-width: 100%;
    overflow-x: clip !important;
}

/* Uzun e-posta/adres/harita bilgileri karti ekran genisliginin disina itmesin. */
body.contact-mobile-stable .contact-card,
body.contact-mobile-stable .contact-card p,
body.contact-mobile-stable .contact-card a,
body.contact-mobile-stable .footer-contact,
body.contact-mobile-stable .footer-contact a,
body.contact-mobile-stable .footer-contact span {
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
    /* Navbar body'nin dogrudan cocugu olarak viewport'a sabit kalir.
       Sayfa kaydirilirken 'scrolled' sinifi eklenmesi konumu degistirmez. */
    body.contact-mobile-stable > nav.navbar.fixed-top,
    body.contact-mobile-stable > nav.navbar.fixed-top.scrolled {
        position: fixed !important;
        top: max(10px, env(safe-area-inset-top)) !important;
        right: 12px !important;
        bottom: auto !important;
        left: 12px !important;
        width: auto !important;
        max-width: calc(100% - 24px) !important;
        margin: 0 !important;
        transform: none !important;
        z-index: 1040 !important;
    }

    body.contact-mobile-stable > main {
        max-width: 100%;
        min-width: 0;
        overflow-x: clip;
    }
    body.contact-mobile-stable > main .container,
    body.contact-mobile-stable > main section,
    body.contact-mobile-stable > main iframe {
        max-width: 100%;
    }
    body.contact-mobile-stable > main .row > [class*="col-"] {
        min-width: 0;
    }
    body.contact-mobile-stable > main .contact-card {
        width: 100%;
        max-width: 100%;
    }
    body.contact-mobile-stable > main .contact-card p,
    body.contact-mobile-stable > main .contact-card a {
        overflow-wrap: anywhere;
        word-break: normal;
    }
}

@media (max-width: 575.98px) {
    body.contact-mobile-stable > main .contact-card {
        padding: 1.5rem 1.15rem;
    }
}