/* --- glass-dropdown.css --- */

/* 1. The Glassy Dropdown Container */
.dropdown .dropdown-content {
    /* Glassy background matching the nav */
    background: rgba(250, 250, 250, var(--glassy-base-opacity)) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    
    border-radius: 12px;
    padding: 0.5rem;
    margin-top: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    
    left: 50%;
    transform: translateX(-50%);
    
    /* Flexbox layout properties (active when visible) */
    flex-direction: column;
    gap: 0.3rem;
}

/* OVERRIDE TABI'S HOVER BEHAVIOR to use Flexbox instead of Block */
.dropdown:hover .dropdown-content,
.dropdown:focus-within .dropdown-content {
    display: flex !important;
}
/* 2. Style the individual language links (Base State - Smaller) */
.dropdown .dropdown-content a {
    color: var(--text-color) !important;
    padding: 0.3rem 1rem; /* Reduced padding to make the button shorter and tighter */
    font-size: 0.9em; /* Slightly smaller text than the main nav */
    border-radius: 6px; /* Slightly tighter corners to match the smaller size */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    display: block;
    font-weight: 500;
    
    /* Invisible border to prevent layout shift on hover */
    border: 1px solid transparent; 
}

/* 3. The Hover Effect (Nuking Tabi's defaults) */
.dropdown .dropdown-content a:hover {
    /* Force override the solid paint */
    background: rgba(250, 250, 250, var(--glassy-stronger-opacity)) !important; 
    background-color: rgba(250, 250, 250, var(--glassy-stronger-opacity)) !important; 
    
    /* Toulouse border glow */
    border-color: var(--bcg-grad-violette-soft) !important; 
    
    /* Lift and shadow */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important; 
}

/* 4. Fix for the current active language text */
.dropdown .dropdown-content {
    color: var(--text-color);
    font-weight: bold;
}

/* 5. Nuke Tabi's ::before / ::after pseudo-elements on the dropdown */
.dropdown-content a::before,
.dropdown-content a::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    border: none !important;
    background: transparent !important;
}