/* Frontend phone flags for EtiNet managed forms */

/* Keep full width inside form wrappers */
.wpcf7 form .iti,
.woocommerce form.checkout .iti,
form.etinet-phone-flags-enabled .iti {
  width: 100%;
}

/* Show flag + black prefix */
.wpcf7 form .iti__selected-dial-code,
.wpcf7 form .iti__dial-code,
.woocommerce form.checkout .iti__selected-dial-code,
.woocommerce form.checkout .iti__dial-code,
form.etinet-phone-flags-enabled .iti__selected-dial-code,
form.etinet-phone-flags-enabled .iti__dial-code {
  color: #000 !important;
}

/* Hide country names in dropdown and selected area */
.wpcf7 form .iti__selected-country-primary .iti__country-name,
.wpcf7 form .iti__country .iti__country-name,
.woocommerce form.checkout .iti__selected-country-primary .iti__country-name,
.woocommerce form.checkout .iti__country .iti__country-name,
form.etinet-phone-flags-enabled
  .iti__selected-country-primary
  .iti__country-name,
form.etinet-phone-flags-enabled .iti__country .iti__country-name {
  display: none !important;
}

/* Force absolute flag assets to avoid broken relative paths */
.wpcf7 form .iti__flag,
.woocommerce form.checkout .iti__flag,
form.etinet-phone-flags-enabled .iti__flag {
  background-image: url('https://cdn.jsdelivr.net/npm/intl-tel-input@17/build/img/flags.png');
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .wpcf7 form .iti__flag,
  .woocommerce form.checkout .iti__flag,
  form.etinet-phone-flags-enabled .iti__flag {
    background-image: url('https://cdn.jsdelivr.net/npm/intl-tel-input@17/build/img/flags@2x.png');
  }
}