/**
 * Phone Field Fix - Remove ALL pseudo-elements
 * This overrides any conflicting CSS
 */

/* Allow ::before for phone prefix - don't hide it */
.phone__input::after,
div[class*="phone"]::after {
  content: none !important;
  display: none !important;
}

/* Ensure our HTML-based nl-phone-prefix shows */
.nl-phone-prefix {
  display: flex !important;
  position: absolute !important;
  left: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  align-items: center !important;
  gap: 6px !important;
  z-index: 100 !important;
  pointer-events: none !important;
}

.nl-phone-prefix span:first-child {
  font-size: 20px !important;
  line-height: 1 !important;
}

.nl-phone-prefix span:last-child {
  font-size: 14px !important;
  color: #4a5568 !important;
  font-weight: 600 !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
}

/* Phone input - ensure correct padding */
input[name="telek"],
input[name="phone"],
#phone_raw {
  padding-left: 75px !important;
  box-sizing: border-box !important;
}

/* Hide any flag containers from intl-tel-input */
.flag-container,
.selected-flag,
.iti-flag,
.iti-arrow,
.country-list {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}