/* Country flag overrides for intl-tel-input.
 * Loaded after third-party.css / front-third-party.css so these win over the
 * bundled sprite (assets/img/flags.png) without touching the vendor CSS.
 */

/* Afghanistan — use the hospital's flag artwork instead of the sprite cell. */
.iti__flag.iti__af,
.iti__flag-box .iti__flag.iti__af,
.iti__selected-flag .iti__flag.iti__af {
    width: 20px;
    height: 14px;
    background-image: url("../../img/flag-af.png") !important;
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
}

/* Retina: third-party.css re-declares background-size for the sprite here. */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag.iti__af,
    .iti__flag-box .iti__flag.iti__af,
    .iti__selected-flag .iti__flag.iti__af {
        background-image: url("../../img/flag-af.png") !important;
        background-size: contain !important;
    }
}