/*
Theme Name: flatsome-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE. ***************/

/* --- MISE EN ÉVIDENCE DU MENU ACTIF (Final) --- */

/* 1. Applique le fond au lien <a> de l'élément de menu actif (l'ancêtre) */
.nav-sidebar li.current-menu-ancestor > a,
.nav-sidebar li.current-menu-parent > a {
    /* Fond de la zone cliquable (semi-transparent vert) */
    background-color: rgba(61, 204, 145, 0.2) !important;
    
    /* Couleur du texte et des icônes à l'intérieur du lien */
    color: #3DCC91 !important; 
    
    /* Ajout d'une bordure latérale pour l'effet "éclairé" */
    border-left: 3px solid #3DCC91 !important;
}

/* 2. S'assure que le survol (hover) n'enlève pas la couleur active */
.nav-sidebar li.current-menu-ancestor > a:hover {
    background-color: rgba(61, 204, 145, 0.3) !important;
    color: #3DCC91 !important;
}

/* 3. S'assure que les icônes (SVG) sont bien colorées en vert dans l'état actif */
.nav-sidebar li.current-menu-ancestor > a svg,
.nav-sidebar li.current-menu-parent > a svg {
    stroke: #3DCC91 !important; /* Pour les lignes de l'icône */
    fill: #3DCC91 !important;   /* Pour le fond des icônes (si applicable) */
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/


}