/* ==========================================================================
   YM – Telefon alanı ülke kodu seçici (intl-tel-input v25 uyarlaması)
   Dosya: assets/css/ym-phone.css
   ========================================================================== */

/* --------------------------------------------------------------- GENİŞLİK
   intl-tel-input input'u <div class="iti"> içine alıyor. Temanın
   ".phone_wrapper > input" gibi child selector'lı kuralları artık eşleşmiyor,
   .iti de varsayılan inline-block. Sarmalayıcı ve input'u ata seçicisine
   bağlı olmadan sabitliyoruz (çift sınıf ile özgüllük, !important yok). */
.iti.iti {
  display: block;
  width: 100%;
  min-width: 0;
}
.iti.iti > input,
.iti.iti > .form-control {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
/* Bootstrap grid / flex kolonlarda taşmayı engelle */
.phone_wrapper { min-width: 0; }

/* --------------------------------------------------- PLACEHOLDER (format ipucu)
   Rakamlar JS tarafında X'e çevriliyor (customPlaceholder), böylece gerçek
   numara sanılmıyor; ülkeye göre gruplama korunuyor: 0XXX XXX XX XX */
.iti.iti > input::placeholder,
.iti.iti > .form-control::placeholder {
  color: #9aa5b1;
  opacity: 1;
  letter-spacing: .08em;
  font-variant-numeric: tabular-nums;
}

/* Bayrak + kod alanı */
.iti--separate-dial-code .iti__selected-country {
  background: transparent;
  border-radius: 0;
}
.iti--separate-dial-code .iti__selected-country:hover,
.iti--separate-dial-code .iti__selected-country:focus-visible {
  background: rgba(0, 162, 150, .08);
}
.iti__selected-country-primary {
  padding-left: 10px;
}
.iti--separate-dial-code .iti__selected-dial-code {
  font-size: inherit;
  color: inherit;
  opacity: .8;
}

/* Açılır liste: modal (z-index 1055) ve sticky header'ın üstünde kalsın */
.iti__dropdown-content {
  z-index: 1090;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
}
.iti__search-input {
  border: 0;
  border-bottom: 1px solid #e2e7ec;
  padding: 10px 12px;
  font-size: 14px;
}
.iti__search-input:focus {
  outline: none;
  border-bottom-color: #00a296;
}
.iti__country.iti__highlight,
.iti__country:hover {
  background-color: rgba(0, 162, 150, .1);
}
.iti__country-name,
.iti__dial-code {
  font-size: 14px;
}

/* Hata durumu — temanın .invalid-feedback akışıyla uyumlu */
.iti > .form-control.is-invalid,
.was-validated .iti > .form-control:invalid {
  border-color: #b94a48;
}
.phone_wrapper .invalid-feedback {
  display: none;
}
.phone_wrapper .form-control.is-invalid ~ .invalid-feedback,
.was-validated .phone_wrapper .form-control:invalid ~ .invalid-feedback {
  display: block;
}

/* Mobil tam ekran seçici */
.iti--fullscreen-popup .iti__dropdown-content {
  z-index: 1090;
  border-radius: 0;
}

/* RTL (Arapça) — numara alanı LTR kalmalı */
[dir="rtl"] .iti__selected-country { left: 0; right: auto; }
[dir="rtl"] .iti--separate-dial-code .form-control {
  direction: ltr;
  text-align: left;
}
[dir="rtl"] .iti__dropdown-content { direction: rtl; text-align: right; }