/* Custom styling for intl-tel-input */
.iti {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

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

.phone-helper-text {
    font-size: 12px;
    color: #777;
    margin-top: 5px;
}

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

/* Styles for admin theme */
.content-panel .iti__selected-flag {
    border-radius: 0;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-right: none;
}

/* Styles for customer theme */
.ps-form__group .iti__selected-flag {
    background-color: #f9f9f9;
}

.ps-form__group .phone-input.has-error ~ .iti__flag-container .iti__selected-flag {
    border-color: #dc3545;
}

/* Valid/Invalid states */
.phone-input.is-valid ~ .iti__flag-container .iti__selected-flag {
    border-color: #28a745 !important;
}

.phone-input.is-invalid ~ .iti__flag-container .iti__selected-flag {
    border-color: #dc3545 !important;
}