/* --- Language Dropdown --- */

.language-dropdown-wrapper {
    position: fixed; /* Make the element fixed relative to the viewport */
    top: 110px; /* Position from the top */
    right: 30px; /* Position from the right */
    z-index: 1030; /* Ensure it's above other content, Bootstrap's navbar is 1030 */
}

.language-dropdown .dropdown-menu {
    background-color: rgba(40, 40, 40, 0.9); /* Slightly transparent dark background */
    border: 1px solid rgba(255, 255, 255, 0.1); /* Subtle border */
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    padding: 6px;
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: 5px;
    backdrop-filter: blur(10px); /* Glassmorphism effect */
    -webkit-backdrop-filter: blur(10px); /* For Safari */
}

.language-dropdown .dropdown-menu.show {
    animation: slideLeft 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
    transform-origin: top right;
}

.language-dropdown .dropdown-item {
    color: #f0f0f0; /* Lighter text color */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 8px 12px;
    border-radius: 6px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.language-dropdown .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.language-dropdown .dropdown-item.current-language {
    text-decoration: underline;
    text-decoration-color: #007bff; /* Bootstrap primary blue */
    text-underline-offset: 4px;
    background-color: transparent; /* Prevent any background from active/selected state */
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        transform: scaleX(0.8) rotateY(20deg);
    }
    100% {
        opacity: 1;
        transform: scaleX(1) rotateY(0);
    }
}

@keyframes pulse-border {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 170, 255, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(0, 170, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 170, 255, 0);
    }
}

#language-dropdown-button {
    background-color: #2c2c2c;
    border: 1px solid #444;
    color: #00aaff;
    box-shadow: 0 0 0 0 rgba(0, 170, 255, 0.7);
    animation: pulse-border 3s infinite;
    transition: background-color 0.3s ease, color 0.3s ease;
}

#language-dropdown-button:hover {
    background-color: #3c3c3c;
    color: #00caff;
}

#language-dropdown-button.animation-disabled {
    animation: none;
}