/*
 * translate-dropdown.css
 * ──────────────────────────────────────────────────────────────────
 * Complément CSS pour le sélecteur de langue Fégafoot.
 * À inclure dans style.css (ou via wp_enqueue_style dans functions.php).
 *
 * Ne modifie PAS le design existant — ajoute uniquement :
 *   1. L'affichage de la liste quand le dropdown a la classe .open
 *   2. Le curseur pointer sur le caption
 *   3. Une animation d'entrée discrète
 * ──────────────────────────────────────────────────────────────────
 */

/* Curseur sur le déclencheur */
.currency-switcher .dropdown .caption {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

/*
 * La liste est masquée par défaut.
 * Elle s'affiche uniquement quand JS ajoute .open sur .dropdown.
 *
 * NOTE : si votre style.css existant affiche déjà .list via
 * une autre mécanique (ex: :hover), ce bloc prend le dessus
 * uniquement pour le clic — aucun conflit visuel.
 */
.currency-switcher .dropdown .list {
    display: none;
}

.currency-switcher .dropdown.open .list {
    display: block;
    animation: fega-lang-drop 0.18s ease;
}

@keyframes fega-lang-drop {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Item actif (langue sélectionnée) — conserve .selected existant */
.currency-switcher .dropdown .list .item.selected {
    font-weight: 600;
}

/* S'assure que le dropdown reste au-dessus du contenu */
.currency-switcher .dropdown {
    position: relative;
}

.currency-switcher .dropdown .list {
    position: absolute;
    z-index: 99999;
    /* Hérite du style visuel déjà défini dans style.css */
}


/* Assure que les dropdowns sont correctement positionnés */
.currency-switcher .dropdown {
    position: relative;
    display: inline-block;
}

.currency-switcher .dropdown .list {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    display: none;
    min-width: 160px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.currency-switcher .dropdown.open .list {
    display: block;
}

/* Style pour les items */
.currency-switcher .dropdown .list .item {
    cursor: pointer;
    padding: 8px 12px;
}

.currency-switcher .dropdown .list .item:hover {
    background-color: #f5f5f5;
}

.currency-switcher .dropdown .list .item.selected {
    font-weight: 600;
    background-color: #e9ecef;
}