/* Language Dropdown Override - Highest Priority */
.language-dropdown-menu,
div.language-dropdown-menu,
#languageMenu,
[id="languageMenu"],
.language-dropdown-menu.show,
div.language-dropdown-menu.show,
#languageMenu.show,
[id="languageMenu"].show {
    position: fixed !important;
    top: 70px !important;
    right: 20px !important;
    z-index: 2147483647 !important;
    background: white !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
    padding: 0 !important;
    min-width: 160px !important;
    overflow: visible !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* Hide when not shown */
.language-dropdown-menu:not(.show),
div.language-dropdown-menu:not(.show),
#languageMenu:not(.show) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Ensure all parent containers don't clip */
body, html, 
.elementor, 
.elementor-element,
.e-con,
.e-con-boxed,
.e-con-full,
.header-bg {
    overflow: visible !important;
}

/* Force show when has show class */
.language-dropdown-menu.show,
#languageMenu.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: block !important;
}

/* Fix login button hover effect */
.elementor-element-50cdb7f {
    position: relative !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.elementor-element-50cdb7f::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(135deg, #1169B5 0%, #038BB9 100%) !important;
    transition: left 0.5s ease !important;
    z-index: 1 !important;
    border-radius: inherit !important;
}

.elementor-element-50cdb7f:hover::before {
    left: 0 !important;
}

.elementor-element-50cdb7f:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(3, 139, 185, 0.3) !important;
}

.elementor-element-50cdb7f:hover .elementor-heading-title {
    color: #F8F9FA !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.elementor-element-50cdb7f .elementor-heading-title,
.elementor-element-50cdb7f .elementor-widget-container,
.elementor-element-50cdb7f .elementor-widget {
    position: relative !important;
    z-index: 10 !important;
}