/**
 * Translera Elementor compatibility styles
 * Fixes dropdown clipping, RTL layout, and nav menu positioning.
 */

/* Prevent Elementor containers from clipping the language switcher dropdown */
.elementor-widget-translera-language-switcher,
.elementor-widget-translera-language-switcher .elementor-widget-container,
.translera-elementor-switcher,
.translera-elementor-switcher .translera-switcher,
.translera-elementor-switcher .translera-dropdown {
    overflow: visible !important;
}

.e-con:has(.translera-switcher),
.e-con:has(.translera-elementor-switcher),
.elementor-column:has(.translera-switcher),
.elementor-section:has(.translera-switcher) {
    overflow: visible !important;
}

.translera-elementor-switcher .translera-dropdown {
    position: relative;
    display: inline-block;
}

.translera-elementor-switcher .translera-dropdown-menu {
    z-index: 99999;
}

/* RTL: anchor dropdown to toggle button */
html[dir="rtl"] .translera-switcher-dropdown .translera-dropdown-menu,
body.translera-rtl .translera-switcher-dropdown .translera-dropdown-menu {
    right: 0;
    left: auto;
}

/* Elementor nav menu RTL fixes */
html[dir="rtl"] .elementor-nav-menu--layout-horizontal .elementor-nav-menu,
body.translera-rtl .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
    direction: rtl;
}

html[dir="rtl"] .elementor-nav-menu--dropdown,
body.translera-rtl .elementor-nav-menu--dropdown {
    text-align: right;
}

html[dir="rtl"] .elementor-nav-menu .elementor-item,
body.translera-rtl .elementor-nav-menu .elementor-item {
    text-align: inherit;
}

html[dir="rtl"] .elementor-nav-menu--dropdown.elementor-nav-menu__container,
body.translera-rtl .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    right: 0;
    left: auto;
}

html[dir="rtl"] .elementor-nav-menu--main .elementor-nav-menu ul ul,
body.translera-rtl .elementor-nav-menu--main .elementor-nav-menu ul ul {
    right: 100%;
    left: auto;
}

/* Elementor header / sticky header stacking */
.elementor-location-header .translera-switcher-dropdown .translera-dropdown-menu {
    z-index: 99999;
}

/* Nested Elementor menu (e-n-menu) */
html[dir="rtl"] .e-n-menu,
body.translera-rtl .e-n-menu {
    direction: rtl;
}