/* Mobil uyum düzeltmeleri (iPhone SE 320-375px ... Pro Max 430px+)
   style.css'ten SONRA yüklenir. Masaüstünü etkilemez. */

body { overflow-x: clip; }

/* Açılır menü alt bağlantıları (çözümler, blog yazıları) büyük harfe çevrilmesin */
#mainmenu li ul li a.menu-item { text-transform: none; }
img, video, iframe, table { max-width: 100%; }
h1, h2, h3, h4, h5, p, li, a, .subtitle { overflow-wrap: break-word; }

/* ---------- Tablet ve altı ---------- */
@media (max-width: 991px) {
    #subheader { padding: 130px 0 100px 0; }
}

/* ---------- Telefon ---------- */
@media (max-width: 767px) {

    /* Sayfa üst banner başlığı (Vizyonumuz, Blog, İletişim ...) */
    #subheader { padding: 62px 0 58px 0 !important; }
    #subheader .container { padding-left: 24px; padding-right: 24px; }
    #subheader h1 {
        font-size: clamp(22px, 7vw, 34px);
        line-height: 1.25;
        letter-spacing: 0.12em !important;
        word-spacing: 0.15em;
        overflow-wrap: anywhere;
        word-break: normal;
    }
    #subheader .subtitle { font-size: 12px; letter-spacing: 2px; }

    /* Breadcrumb: tek satır, taşmaz, uzun sonuncu öğe ... ile kısalır */
    .crumb-wrapper {
        width: max-content;
        max-width: calc(100% - 96px);
        padding: 0 12px 4px 12px;
        box-sizing: border-box;
    }
    .crumb {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        font-size: 12px;
        margin-top: 12px;
        margin-bottom: -50px;
        padding: 6px 0 0 0;
    }
    .crumb li { display: block; flex: 0 0 auto; min-width: 0; }
    .crumb li:last-child { flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; }
    .crumb li:after { margin: 0 7px; font-size: 8px; }

    /* Ana sayfa slayt */
    .swiper-inner .sw-caption .container { padding-left: 28px; padding-right: 28px; }
    .swiper-inner h1, .swiper-inner .h1,
    .sw-text-wrapper h1, .sw-text-wrapper .h1 {
        font-size: clamp(22px, 7vw, 36px);
        line-height: 1.25;
        letter-spacing: 0.08em !important;
        overflow-wrap: anywhere;
    }
    .sw-text-wrapper .subtitle { font-size: 12px; letter-spacing: 2px; }
    /* Slayt görseli telefonda daha görünür: karartma hafifletildi, görsel ortalandı */
    .swiper .swiper-inner { background-position: center center !important; }
    .swiper .sw-overlay { opacity: .5; }
    .swiper .sw-text-wrapper h1, .swiper .sw-text-wrapper .h1 {
        font-size: clamp(18px, 5.4vw, 32px);
        letter-spacing: 0.03em !important;
        overflow-wrap: normal;
        word-break: normal;
    }
    .swiper .sw-text-wrapper h1, .swiper .sw-text-wrapper .h1,
    .swiper .sw-text-wrapper .subtitle { text-shadow: 0 2px 10px rgba(0, 0, 0, .65); }
    .swiper-button-prev, .swiper-button-next { display: none !important; }
    .swiper-pagination { bottom: 14px !important; }
    .sw-text-wrapper .btn-main { padding-left: 20px; padding-right: 20px; max-width: 100%; }

    /* Butonlar: uzun yazılar taşmadan alt satıra insin */
    .btn-main, a.btn-main, input.btn-main {
        white-space: normal;
        max-width: 100%;
        line-height: 1.35;
        height: auto;
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }

    /* Ana sayfadaki istatistik / banner bloğu */
    #projeler .p-60 { padding: 32px 22px; }
    #projeler h2 { font-size: clamp(20px, 5.6vw, 26px); line-height: 1.3; }
    #projeler .fs-48 { font-size: 34px; }
    #projeler p { font-size: 14px; }

    /* Genel bölüm boşlukları */
    .p-60 { padding: 28px 20px !important; }
    .sm-padding40 { padding: 28px 20px !important; }

    /* İletişim bölümü */
    #iletisim-formu .contact-info-col { margin-bottom: 40px; }
    #iletisim-formu .contact-form-box { padding: 28px 20px !important; }
    #iletisim-formu .ms-80px { margin-left: 76px !important; word-break: break-word; }
    #iletisim-formu .contact-captcha { gap: 10px !important; }
    #iletisim-formu .contact-captcha span { font-size: 18px !important; letter-spacing: 3px !important; padding: 6px 6px 6px 10px !important; flex: 0 0 auto; }
    #iletisim-formu .contact-captcha input { font-size: 15px; }
    #iletisim-formu .social-icons, #iletisim-formu .social-icons-wrapper { margin-top: 28px; }

    /* Footer */
    footer .col-lg-3, footer .col-lg-4, footer .col-lg-5 { margin-bottom: 8px; }
}

/* ---------- Küçük telefonlar (iPhone SE 320-360px) ---------- */
@media (max-width: 360px) {
    #subheader h1 { font-size: 20px; letter-spacing: 0.1em !important; }
    .swiper-inner h1, .sw-text-wrapper h1, .swiper-inner .h1, .sw-text-wrapper .h1 { font-size: 21px; }
    .crumb { font-size: 11px; }
    .crumb-wrapper { max-width: calc(100% - 80px); }
    #projeler .fs-48 { font-size: 28px; }
    #iletisim-formu .contact-captcha span { font-size: 16px !important; }
}