/* ---------------------------------------------------------------------------
 * Project overrides for intl-tel-input 17.0.13
 *
 * Vendor files in this folder are copied verbatim from the npm package and are
 * deliberately left unmodified, so the library can be re-downloaded or upgraded
 * without losing project tweaks. Put those tweaks here instead.
 *
 * Load order:
 *   1. intlTelInput.min.css        (vendor)
 *   2. intlTelInput-overrides.css  (this file)
 * ------------------------------------------------------------------------- */

/* The plugin wraps the <input> in a div.iti that defaults to
 * display:inline-block, which shrinks to the input's intrinsic width. Bootstrap
 * .form-control fields are full-width block elements, so without this the phone
 * field renders visibly narrower than every other field in the form. */
.iti {
    display: block;
    width: 100%;
}

.iti input,
.iti input[type="text"],
.iti input[type="tel"] {
    width: 100%;
}