/*!
 * Xtensions Intl Phone 1.0.0 - tema uyum katmani
 * intlTelInput.min.css DOSYASINDAN SONRA yuklenmelidir.
 */

/* ------------------------------------------------------------------ */
/* Genel yerlesim                                                      */
/* intl-tel-input varsayilan olarak inline-block; form alanlarinda     */
/* tam genislik gerekiyor.                                             */
/* ------------------------------------------------------------------ */
.iti.xtensions-iti {
    display: block;
    width: 100%;
}

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

/* Xtensions material alanlari (checkout) */
.group .iti.xtensions-iti {
    margin-bottom: 0;
}

/* Bootstrap form-group alanlari (hesap / adres sayfalari) */
.form-group .iti.xtensions-iti input.iti__tel-input {
    display: block;
}

/* ------------------------------------------------------------------ */
/* Material tema etiketi                                               */
/* Ayri cevirme kodu ("+90") her zaman gorundugu icin alan hicbir      */
/* zaman "bos" degildir; etiket ustte kalmali.                         */
/* ------------------------------------------------------------------ */
.group.filled .iti.xtensions-iti + label,
.group.filled label {
    pointer-events: none;
}

/* ------------------------------------------------------------------ */
/* Acilir liste                                                        */
/* ------------------------------------------------------------------ */
.iti.xtensions-iti .iti__dropdown-content {
    z-index: 1000;
}

/* Modal icinde acilir liste kirpilmasin / arkada kalmasin. */
.modal .iti.xtensions-iti .iti__dropdown-content,
.iti--container {
    z-index: 1060;
}

.iti.xtensions-iti .iti__country-list,
.iti--container .iti__country-list {
    max-height: 230px;
}

/* Tema global "img { max-width:100% }" kurallari bayrak spritelarini bozmasin. */
.iti.xtensions-iti .iti__flag,
.iti--container .iti__flag {
    max-width: none;
}

/* Bazi temalar select/label icin genel kurallar veriyor; liste ogeleri
   miras almasin. */
.iti.xtensions-iti .iti__country,
.iti--container .iti__country {
    line-height: 1.4;
    text-align: left;
}

/* ------------------------------------------------------------------ */
/* Hata durumu                                                         */
/* ------------------------------------------------------------------ */
.xtensions-phone-error {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #a94442;
}

.has-error .iti.xtensions-iti input.iti__tel-input {
    border-color: #a94442;
}

/* ------------------------------------------------------------------ */
/* Mobil                                                               */
/* ------------------------------------------------------------------ */
@media (max-width: 500px) {
    .iti.xtensions-iti .iti__selected-country {
        padding-left: 4px;
    }
}