/* intl-tel-input — Bootstrap form integration */
.iti {
    display: block;
    width: 100%;
}

.iti__flag-container {
    z-index: 4;
}

.iti--allow-dropdown input.form-control,
.iti--allow-dropdown input.form-control-sm,
.iti--separate-dial-code input.form-control,
.iti--separate-dial-code input.form-control-sm {
    padding-left: 3.25rem;
}

.iti--separate-dial-code .iti__selected-flag {
    border-radius: 0.25rem 0 0 0.25rem;
    background: #f8f9fa;
}

.iti--separate-dial-code .iti__selected-dial-code {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #495057;
    margin-left: 0.15rem;
}

.supplier-form-compact .iti--separate-dial-code .iti__selected-flag {
    height: calc(1.4em + 0.4rem + 2px);
}

.supplier-form-compact .iti input.form-control-sm {
    min-height: calc(1.4em + 0.4rem + 2px);
}

.iti__country-list {
    z-index: 1060;
    max-height: 240px;
    font-size: 0.875rem;
}

.iti__search-input {
    padding: 0.35rem 0.5rem;
    font-size: 0.875rem;
}

.intl-phone-invalid {
    border-color: #dc3545 !important;
}

.intl-phone-invalid-hint {
    font-size: 0.75rem;
    color: #dc3545;
    margin-top: 0.2rem;
}