.language-switcher {
    position: relative !important;
    display: inline-block !important;
}

.language-switcher-mobile {
    display: none !important;
}

@media (max-width: 768px) {
    .language-switcher-mobile {
        display: inline-block !important;
        position: relative !important;
    }
    .language-switcher {
        display: none !important;
    }
}

.world-icon {
    cursor: pointer !important;
} 

.world-icon {
    cursor: pointer !important;
    position: relative !important;
    transition: transform 0.3s ease !important;
}
 

.world-icon:hover {
    transform: rotate(30deg);
}

.language-list {
    display: none !important;
    position: absolute !important;
    background-color: #000 !important;
    border-radius: 8px !important;
    padding: 8px 0 !important;
    min-width: 60px !important;
    z-index: 1 !important;
    text-align: center !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important; 
}

.language-switcher:hover .language-list {
    display: block !important;
    opacity: 1 !important;
}

.language-switcher-mobile:hover .language-list {
    display: block !important;
    opacity: 1 !important;
}

.lang-option {
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
}

.language-list a:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.language-switcher:hover .language-list {
    display: block !important;
}
.language-switcher-mobile:hover .language-list {
    display: block !important;
}