.iti__flag {
    background-image: url("../img/flags.png");
}

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

/* Additional styling for better integration */
.iti {
    width: 100%;
}

.iti__selected-flag {
    padding: 0 8px 0 10px;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: #f8f9fa;
    border-radius: 4px 0 0 4px;
}

.iti__country-list {
    z-index: 1060;
    max-height: 200px;
}

/* Fix for Bootstrap 5 form-control */
.iti input.form-control {
    padding-left: 52px;
}

.iti--separate-dial-code input.form-control {
    padding-left: 90px;
}

/* Modal specific fixes */
#regModal .iti {
    display: block;
}

#regModal .iti__country-list {
    z-index: 1070;
}