/* intl tel input base */
.elementor-form .iti {
    width: 100%;
    position: relative;
    display: block;
}

.elementor-form .iti input[type="tel"] {
    width: 100% !important;
    box-sizing: border-box;
}

/* עברית RTL */
html[dir="rtl"] .elementor-form .iti input[type="tel"] {
    direction: ltr !important;
    text-align: right;
    padding-right: 125px !important;
    padding-left: 15px !important;
}

html[dir="rtl"] .elementor-form .iti__country-container {
    right: 0 !important;
    left: auto !important;
}

/* אנגלית LTR */
html[dir="ltr"] .elementor-form .iti input[type="tel"],
html:not([dir="rtl"]) .elementor-form .iti input[type="tel"] {
    direction: ltr !important;
    text-align: left;
    padding-left: 125px !important;
    padding-right: 15px !important;
}

html[dir="ltr"] .elementor-form .iti__country-container,
html:not([dir="rtl"]) .elementor-form .iti__country-container {
    left: 0 !important;
    right: auto !important;
}

/* selected country */
.elementor-form .iti__selected-country {
    height: 100%;
    min-width: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    white-space: nowrap;
    direction: ltr;
}

.elementor-form .iti__selected-dial-code {
    white-space: nowrap !important;
    direction: ltr;
}

/* dropdown */
.elementor-form .iti__dropdown-content {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    width: 320px !important;
    z-index: 999999 !important;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 8px 25px rgba(0,0,0,.15);
}

html[dir="rtl"] .elementor-form .iti__dropdown-content {
    right: 0 !important;
    left: auto !important;
}

html[dir="ltr"] .elementor-form .iti__dropdown-content,
html:not([dir="rtl"]) .elementor-form .iti__dropdown-content {
    left: 0 !important;
    right: auto !important;
}

.elementor-form .iti__search-input {
    width: 100% !important;
    box-sizing: border-box;
    direction: ltr;
    text-align: left;
}

.elementor-form .iti__country-list {
    position: static !important;
    width: 100% !important;
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
    direction: ltr;
    text-align: left;
}
.iti .iti__country-container .iti__selected-country{border-color: var(--e-global-color-3030f08); color: var(--e-global-color-3030f08); }
.iti .iti__country-container .iti__selected-country:hover{background-color: var(--e-global-color-3030f08); color: #fff;}