/**
 * Custom CSS fixes for mobile issues
 * - Language switcher mobile support
 * - Social icons display
 */

/* Ensure social icons in footer are displayed correctly */
#footer .partie_haute .logo .reseaux_sociaux .reseau_social a {
    font-size: 2rem;
    line-height: 1;
}

#footer .partie_haute .logo .reseaux_sociaux .reseau_social a i {
    display: inline-block;
}

/* Fix for Font Awesome icons if they don't load */
#footer .partie_haute .logo .reseaux_sociaux .reseau_social a i::before {
    font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free";
    font-weight: 400;
}

/* ===== Sélecteur de langue mobile ===== */
@media (max-width: 959px) {
    /* Dans le menu mobile : submenu dans le flux, caché par défaut */
    #menu_mobile .wpml-ls-current-language .sub-menu {
        position: static;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        pointer-events: none;
        transition: opacity 0.3s, max-height 0.3s;
        padding: 0;
        margin: 0;
        margin-left: -0.5rem;
        list-style: none;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    /* Quand actif : afficher le submenu */
    #menu_mobile .wpml-ls-current-language.active .sub-menu {
        opacity: 1;
        max-height: 300px;
        pointer-events: auto;
        padding: 5px 0;
    }

    /* Items du submenu : en ligne, alignés */
    #menu_mobile .wpml-ls-current-language .sub-menu li {
        display: inline-block;
        list-style: none;
        padding: 4px 6px;
        margin-left: 0;
    }

    /* Liens cliquables */
    #menu_mobile .wpml-ls-current-language .sub-menu a {
        display: inline-block;
        padding: 4px;
    }

    /* Drapeaux : même taille que le drapeau principal */
    #menu_mobile .wpml-ls-current-language .sub-menu img {
        width: 18px;
        height: 12px;
        min-width: 18px;
    }
}