/* =====================================================================
   İletişim sayfası — kapsamlı ek stil (2026-08)

   NEDEN AYRI DOSYA: main.css ortak dosyadır ve bu revizyon turunda
   dokunulmaz. Buradaki kurallar yalnızca /iletisim şablonunun bastığı
   sınıfları hedefler; sayfa dışında hiçbir şeye sızmaz.

   İki iş yapar:
     1) "Birimlerimiz" bölümü kaldırıldıktan sonra kartlarla form arasında
        kalan boşluğu kapatır (o bölümün 64px üst boşluğu gitmişti, form
        kartların altına yapışıyordu).
     2) SMS doğrulama kutusu ve KVKK onay alanı için görsel dil kurar.
   ===================================================================== */

/* --- 1) Kaldırılan bölümün boşluğu ---------------------------------- */
/* main.css: .contact-map-section { padding: 0 0 64px } — üst boşluk yok,
   çünkü eskiden üstünde .birimler-section (64px) duruyordu. */
.contact-map-section {
    padding-top: 56px;
}

/* --- 2) SMS doğrulama kutusu ---------------------------------------- */
.ilt-otp {
    border: 1px dashed var(--border);
    border-radius: var(--radius-md, 10px);
    padding: 16px;
    margin-bottom: 18px;
    background: var(--bg, #f7f8fa);
}

.ilt-otp-ust {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ilt-kod-btn {
    flex: 0 0 auto;
}

.ilt-otp-durum {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--primary, #14532d);
}

/* Hata rengi: açık zeminde AA'yı geçen koyu kırmızı (duzeltme-mobil.css'te
   .form-durum-hata için seçilen tonun aynısı). */
.ilt-otp-durum.hata {
    color: #b91c1c;
}

.ilt-otp-kod {
    margin-top: 14px;
    margin-bottom: 0;
    max-width: 220px;
}

.ilt-otp-kod input {
    letter-spacing: 4px;
    font-size: 18px;
    text-align: center;
}

.ilt-otp-not {
    margin: 12px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--text-light, #6b7280);
}

/* Kod alanı yalnız kod gönderildikten sonra görünür. display:none yerine
   sınıfla gizlenir ki gösterilirken form-group yerleşimi bozulmasın. */
.ilt-gizli {
    display: none;
}

/* --- 3) KVKK / ticari izin onayları --------------------------------- */
.ilt-onaylar {
    border: 0;
    padding: 0;
    margin: 0 0 4px;
}

/* İki kutu arasındaki ayrımın görülmesi KVKK açısından önemli:
   zorunlu rıza ile isteğe bağlı ticari izin aynı blokta erimesin. */
.ilt-onaylar .form-check + .form-check {
    padding-top: 12px;
    border-top: 1px solid var(--border, #e5e7eb);
}

.ilt-onaylar .form-check label a {
    color: var(--primary, #14532d);
    text-decoration: underline;
}

.ilt-onay-not {
    display: block;
    margin-top: 4px;
    font-size: 11.5px;
    color: var(--text-muted, #9ca3af);
}

/* --- 4) Dar ekran ---------------------------------------------------- */
@media (max-width: 767px) {
    .contact-map-section {
        padding-top: 36px;
    }

    .ilt-otp-ust {
        align-items: flex-start;
        flex-direction: column;
    }

    .ilt-otp-kod {
        max-width: none;
    }
}