/* Ensure the language selector dropdown is visible when active */
.language-selector .jqdropdown {
    visibility: visible !important; /* Override theme's hidden state */
    opacity: 1 !important;         /* Override theme's zero opacity */
    transform: translateY(0) !important; /* Reset transform */
}

/* Optional: If you want a slight animation on appear/disappear */
/* You might remove the transform and opacity rules above if you add these */
.language-selector .jqdropdown {
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.language-selector .jqdropdown[style*="display: none"] { /* Target when JS sets display: none */
    opacity: 0;
    transform: translateY(-10px); /* Move it up slightly when hidden, for animation */
    visibility: hidden;
}
.language-selector .jqdropdown[style*="display: block"] { /* Target when JS sets display: block */
    opacity: 1;
    transform: translateY(0); /* Move it to original position when visible */
    visibility: visible;
}

/* Important: If you applied my final JS solution, which explicitly toggles display,
   the .jqdropdown class will always be present, and the inline style takes precedence.
   The first block of CSS (using !important) is usually the simplest fix for this scenario.
   If your theme also has specific classes for "open" state, you might use those.
*/