/* HS Intelligent Phone Field - Safe Minimal Version */

/* Validation colors - more visible */
.hs-ltr.hs-invalid-phone,
.hs-rtl.hs-invalid-phone {
    border-color: #d32f2f !important;
    background-color: #ffebee !important;
    color: #d32f2f !important;
}

.hs-ltr.hs-valid-phone,
.hs-rtl.hs-valid-phone {
    border-color: #388e3c !important;
    background-color: #e8f5e8 !important;
    color: #2e7d32 !important;
}

/* intlTelInput library essentials */
.iti--container {
    z-index: 99999 !important;
}

.iti--allow-dropdown {
    width: 100%;
}

.intl-tel-input {
    width: 100%;
}

.iti__country {
    color: #000;
}

/* Basic field width only */
.elementor-field-hs-intelligent-phone {
    width: 100%;
}

/* Ensure validation styles work with intlTelInput */
.iti input.hs-invalid-phone {
    border-color: #d32f2f !important;
    background-color: #ffebee !important;
    color: #d32f2f !important;
}

.iti input.hs-valid-phone {
    border-color: #388e3c !important;
    background-color: #e8f5e8 !important;
    color: #2e7d32 !important;
}

/* RTL support */
.hs-rtl .iti__flag-container {
    left: auto;
    right: 0;
}

.hs-rtl .iti input[type=tel] {
    padding-left: 6px;
    padding-right: 52px;
}