/* =========================================================
   Site düzeltmeleri — Kasım 2026
   main.css'ten SONRA yüklenir.
   ========================================================= */

/* ---------- 1) Mobilde sağda oluşan beyaz boşluk ----------
   Anasayfa hakkımızda kutusundaki AOS "fade-left" animasyonu öğeyi
   başlangıçta +100px sağa kaydırıyor ve sayfayı yatayda genişletiyordu. */
.our-service-sectors {
    overflow: hidden;
    overflow: clip;
}
html,
body {
    overflow-x: clip; /* güvenlik ağı: sticky öğeleri bozmaz */
}

/* ---------- 2) İletişim bilgileri kartı ---------- */
.contact-card {
    padding-top: 8px;
}
.contact-card .contact-div {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    height: auto;
    padding: 16px 0;
    border-bottom: 1px solid #e3e9ef;
}
.contact-card .contact-div:first-child {
    padding-top: 0;
}
.contact-card .contact-ico {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(6, 75, 147, .08);
    color: #064b93;
}
.contact-card .contact-ico svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.contact-card .contact-div-body {
    flex: 1 1 auto;
    min-width: 0;
}
.contact-card .contact-div-text-first-box {
    width: auto;
    height: auto;
}
.contact-card .contact-div-text-first-box > p {
    margin: 0 0 4px;
    color: #fd5e04;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 1.3;
    text-transform: uppercase;
}
.contact-card .contact-val {
    color: #12304b;
    font-size: 18px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
.contact-card .contact-val p {
    margin: 0;
}
.contact-card .contact-val a {
    color: #064b93;
    text-decoration: none;
}
.contact-card .contact-val a:hover {
    color: #fd5e04;
}
.contact-card .contact-img-box {
    height: auto;
    margin-top: 24px;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(21, 54, 81, .12);
}
.contact-card .contact-img-box iframe {
    display: block;
}

/* ---------- 3) İletişim formu — mobil hizalama ----------
   Form, sayfa içeriğiyle (harita / bilgi kartı) aynı kenar boşluğuna oturur;
   tüm alanlar aynı genişlik, yükseklik ve iç boşlukta. */
@media (max-width: 767px) {
    .contact-card .contact-val {
        font-size: 17px;
    }
    .contact-card .contact-img-box iframe {
        height: 320px;
    }

    .form-send .form-title-box,
    .form-send .form-box {
        width: auto;
        max-width: none;
        margin: 0;
        padding-left: 19.5px;  /* .container margin 7.5px + padding 12px ile aynı hiza */
        padding-right: 19.5px;
    }
    .form-send .form-title-box h1 {
        margin: 0 0 16px;
    }
    .form-send .form {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }
    .form-send .form input[type="text"],
    .form-send .form textarea {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 52px;
        margin: 0;
        padding: 12px 16px;
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        font-size: 16px;
        line-height: 1.4;
        box-sizing: border-box;
    }
    .form-send .form textarea {
        height: 140px;
        resize: vertical;
    }
    .form-send .form-bottom {
        width: 100%;
        padding: 16px 0 24px;
    }
    .form-send .form-bottom-checkbox {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
        height: auto;
        margin: 0 0 16px;
    }
    .form-send .form-bottom-checkbox .form-checkbox input {
        margin: 3px 0 0;
    }
    .form-send .form-bottom-p {
        margin: 0;
        padding: 0;
        line-height: 1.45;
    }
    .form-send .recaptcha-box {
        width: 100%;
        margin: 0 0 16px;
        overflow: hidden;
    }
    .form-send .form-bottom .blue-btn {
        margin: 0;
    }
}