/* intl-tel-input integration for NRIDOCS forms */
.iti {
    display: block;
    width: 100%;
}

.iti__country-container {
    z-index: 3;
}

.iti__dropdown-content {
    z-index: 10060 !important;
    max-height: 240px;
    overflow-y: auto;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.iti__selected-country {
    padding: 0 8px;
}

.iti__selected-country-primary {
    display: flex;
    align-items: center;
    gap: 6px;
}

.iti__tel-input,
.iti input[type="tel"] {
    width: 100% !important;
}

#consultationModal .form-input .iti,
#guestOrderModal .form-input .iti,
.contact-form .form-input .iti {
    width: 100%;
}

#consultationModal .form-input input.iti__tel-input,
#guestOrderModal .form-input input.iti__tel-input,
.contact-form .form-input input.iti__tel-input {
    width: 100% !important;
    border: 1px solid #e6edf4;
    border-radius: 4px;
    font-size: 15px;
    color: #213547;
    background: #fff;
}

#consultationModal .form-input input.iti__tel-input:focus,
#guestOrderModal .form-input input.iti__tel-input:focus,
.contact-form .form-input input.iti__tel-input:focus {
    border-color: var(--nri-color-gold, #d4af37);
    outline: none;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.15);
}

.contact-form .form-input input.iti__tel-input {
    border-bottom: 1px dashed var(--tj-color-border-1, #e5e7eb);
    border-radius: 0;
}

.iti__search-input {
    padding: 8px 10px;
    width: calc(100% - 16px);
    margin: 8px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
}