/* ─── Telefon Alanı (intl-tel-input) — site formlarına uyum ──────────────────
   Site genelinde 4 farklı form iskeleti var (ct-input / form-control /
   td-hf-group / cmodal-field). intl-tel-input input'u .iti sarmalayıcısının
   içine aldığı için, sarmalayıcının her iskelette input gibi davranması gerekir.
   ─────────────────────────────────────────────────────────────────────────── */

/* Sarmalayıcı, yerini aldığı input kadar yer kaplasın */
.iti {
    width: 100%;
    display: block;
}

.iti__tel-input,
.iti input[type="tel"] {
    width: 100%;
}

/* Not: numara alanının sol boşluğunu kütüphane, ülke seçicinin genişliğini
   ölçüp satır içi stille ayarlıyor. Satır içi stil bu dosyayı yendiği için
   burada padding-left tanımlamıyoruz — çakışır ve etkisiz kalırdı. */

/* Ülke seçici butonu — form alanlarıyla aynı zemin */
.iti__country-container {
    border-radius: 8px 0 0 8px;
}

.iti__selected-country {
    background: transparent;
    border-radius: 8px 0 0 8px;
}

/* Açılır liste her zaman üstte kalsın — modal/slider içinde kaybolmasın */
.iti__dropdown-content {
    z-index: 1100;
}

.cmodal .iti__dropdown-content,
.modal .iti__dropdown-content {
    z-index: 2000;
}

/* Arama kutusu */
.iti__search-input {
    padding: 9px 12px;
    font-size: 14px;
}

/* ── Hata durumu ─────────────────────────────────────────────────────────── */
.phone-error {
    display: none;
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.4;
    color: #e53e3e;
}

.iti.iti--invalid .iti__tel-input,
.iti.iti--invalid input[type="tel"],
.iti.iti--invalid .iti__country-container {
    border-color: #e53e3e;
}

.iti.iti--invalid .iti__tel-input,
.iti.iti--invalid input[type="tel"] {
    box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.15);
}

/* ── Koyu zeminli formlar (danışma bölümü) ───────────────────────────────── */
.consultation-form .iti__selected-country,
.consultation-form .iti__country-container {
    color: inherit;
}

/* ── Tedavi detay formu ──────────────────────────────────────────────────── */
.td-hf-group .iti {
    margin: 0;
}