/* intl-tel-input Custom Styles */

/* Make container full width */
.iti {
  display: block;
  width: 100% !important;
}

/* Ensure input is full width */
.iti input,
.iti input[type="tel"] {
  width: 100% !important;
  padding-left: 60px !important; /* Space for flag */
}

.iti--container {
  position: absolute !important;
  top: 68px !important;
  left: 0 !important;
  width: 100%;
  height: 150px;
  background: #fff;
}

/* ✅ Исправлено:
1) Автоопределение страны по IP через GeoJS API - страна подставляется автоматически
2) Ограничена максимальная длина ввода телефона (20 символов с форматированием) */

/* Hide the search input in country dropdown */
.iti__search-input {
  display: none !important;
}

/* Make dropdown full width of parent container */
.iti__country-list {
  width: 100% !important;
  max-width: 100% !important;
}

/* Position dropdown inside form-group */
.form-group .iti__country-list {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: auto !important;
  max-height: 150px;
  padding: 0;
  margin: 0;
}

/* Adjust flag container */
.iti__selected-flag {
  padding: 0 8px 0 12px;
}

/* Show dial code next to flag */
.iti__selected-dial-code {
  margin-left: 6px;
}

/* Validation styles */
.phone-valid {
  border-color: #28a745 !important;
}

.phone-invalid {
  border-color: #dc3545 !important;
}

/* Mobile optimization */
@media (max-width: 768px) {
  .iti input {
    font-size: 16px; /* Prevent zoom on iOS */
  }
}

/* Ensure proper positioning */
.form-group {
  position: relative;
}

/* Fix z-index for dropdown */
.iti__country-list {
  z-index: 1000 !important;
}