/* =====================================================
   Elementor Form Country & Timezone - Styles
   ===================================================== */

/* --- Phone field: make intl-tel-input fill the Elementor input --- */
.elementor-field-type-tel .iti {
    width: 100%;
    display: block;
}

.elementor-field-type-tel .iti input[type="tel"] {
    width: 100% !important;
    padding-left: 90px !important; /* room for flag + dial code */
}

/* Flag container on the LEFT side */
.elementor-field-type-tel .iti--separate-dial-code .iti__flag-container {
    left: 0;
    right: auto;
}

.elementor-field-type-tel .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0,0,0,0.05);
    border-right: 1px solid #ddd;
    border-radius: 3px 0 0 3px;
}

/* --- Country Select dropdown --- */
select[name="form_fields[country]"],
select[id*="country"] {
    width: 100%;
}

/* Highlight the auto-detected selection */
select[name="form_fields[country]"] option:checked,
select[id*="country"] option:checked {
    background-color: #f0f8ff;
    font-weight: bold;
}