/**
 * Phone Flag Field for Elementor — Frontend Styles
 */

/* ── Flag image paths ── */
:root {
    --iti-path-flags-1x: url('../vendor/intl-tel-input/img/flags.webp');
    --iti-path-flags-2x: url('../vendor/intl-tel-input/img/flags@2x.webp');
    --iti-path-globe-1x: url('../vendor/intl-tel-input/img/flags.webp');
    --iti-path-globe-2x: url('../vendor/intl-tel-input/img/flags@2x.webp');
}

/* ── Wrapper ── */
.elementor-field-type-tel .iti,
.elementor-field-group .iti {
    width: 100%;
    display: block;
}

/* ── Remove blue gradient on flag button ── */
.iti__selected-country,
.iti__selected-country-primary,
.elementor-field-type-tel .iti__selected-flag,
.elementor-field-type-tel .iti__selected-country {
    background: #ffffff !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

.iti__selected-country:hover,
.iti__selected-country-primary:hover {
    background-color: #f5f5f5 !important;
    background-image: none !important;
}

.iti__selected-country {
    border-right: 1px solid #d5d5d5 !important;
    padding: 0 10px !important;
}

/* ── Dropdown ── */
.iti__country-list {
    border-radius: 6px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #e5e5e5 !important;
    max-height: 260px !important;
    z-index: 99999 !important;
    background: #ffffff !important;
}

.iti__country {
    padding: 8px 14px !important;
    font-size: 13px !important;
}

.iti__country.iti__highlight,
.iti__country:hover {
    background-color: #f0f4ff !important;
}

/* ── Search input — type will be changed to text by JS ── */
.iti__search-input {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 9px 40px 9px 10px !important;
    border: none !important;
    border-bottom: 1px solid #e5e5e5 !important;
    outline: none !important;
    font-size: 13px !important;
    background: #ffffff !important;
    background-image: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* ── Kill ALL browser search icons ── */
.iti__search-input::-webkit-search-decoration,
.iti__search-input::-webkit-search-cancel-button,
.iti__search-input::-webkit-search-results-button,
.iti__search-input::-webkit-search-results-decoration {
    display: none !important;
    -webkit-appearance: none !important;
}

/* ── Tel input width ── */
.elementor-field-type-tel input[type="tel"],
.elementor-field-group input[type="tel"] {
    width: 100% !important;
}

/* ── Flags ── */
.iti__flag {
    background-image: url('../vendor/intl-tel-input/img/flags.webp') !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url('../vendor/intl-tel-input/img/flags@2x.webp') !important;
    }
}