/* Custom styles for intl-tel-input in Nanza CRM forms */
.iti {
  width: 100%;
  display: block;
}

.iti__flag-container {
  z-index: 9;
}

/* Fix flag image paths for all contexts */
.iti__flag {
  background-image: url("../plugins/intl-tel-input/img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("../plugins/intl-tel-input/img/flags@2x.png");
  }
}

/* Style for error state */
.phone-input.error {
  border-color: #e74c3c;
}

/* Adjust spacing for flag dropdown */
.web-to-lead .iti--separate-dial-code .iti__selected-flag {
  padding: 0 6px 0 8px;
}

/* Fix height for public forms */
.web-to-lead .iti--allow-dropdown input,
.web-to-lead .iti--allow-dropdown input[type=tel] {
  padding-left: 52px;
  height: 34px;
}

/* Better mobile responsiveness */
@media (max-width: 768px) {
  .iti__country-list {
    width: 300px;
  }
}