/** MENU VITRINE **/
/* Changement de la police, taille et couleur des menus Vitrine */
.menu-link, 
.ast-builder-menu-1 .menu-item > .menu-link {
    font-family: 'Open Sans', sans-serif; /* Remplacez par la police souhaitée */
    font-size: 16px; /* Ajustez la taille selon vos préférences */
    color: var(--secondary-color);
    transition: var(--hover-transition);
    /*    color: #333333; */ /* Couleur du texte par défaut - à remplacer par votre couleur */
    /*    transition: all 0.3s ease; */ /* Animation fluide pour les effets */
    background-color: transparent !important; /* Supprime le fond gris */
    font-weight: 600; /* Rend le texte un peu plus épais pour améliorer la lisibilité */
    text-shadow: 0 0 3px white; /* Ajoute une ombre au texte pour améliorer la lisibilité si nécessaire */

}

/* Effet au survol */
.menu-link:hover,
.ast-builder-menu-1 .menu-item > .menu-link:hover {
/*    color: #009900; */ /* Couleur au survol - à remplacer par votre couleur */
 /*    transform: scale(1.05); */ /* Effet de zoom au survol */
    color: var(--hover-color);
    transform: var(--hover-scale);

}

/* Style du menu actif menu vitrine et aussi menu boutique */
.current-menu-item > .menu-link,
.current-menu-ancestor > .menu-link,
.current_page_item > .menu-link,
.current_page_ancestor > .menu-link {
 /*   color: #ff6600 !important; */ /* Couleur du menu actif - à remplacer par votre couleur */
    color: var(--active-color) !important;

    font-weight: bold; /* Optionnel: texte en gras pour le menu actif */
}

/* Suppression du fond gris pour tous les éléments de menu */
.main-header-bar,
.main-header-menu,
.ast-builder-menu-1,
.ast-nav-menu,
.ast-flex,
.site-navigation,
.ast-inline-flex,
.ast-hf-menu-1,
.menu-item,
.menu-link,
.sub-menu {
    background-color: transparent !important;
}

/* Enlever les bordures potentielles */
.ast-builder-menu-1 .ast-nav-menu .sub-menu,
.ast-builder-menu-1 .inline-on-mobile .ast-nav-menu {
    border: none !important;
}

/* Assurer que le menu déroulant reste visible si nécessaire */
.sub-menu {
    box-shadow: 0 3px 6px rgba(0,0,0,0.1); /* Ombre légère pour le sous-menu */
}

/* Gestion spécifique des flèches de dropdown */
.dropdown-menu-toggle.ast-header-navigation-arrow {
    /* Si vous voulez personnaliser la flèche */
    color: inherit; /* La flèche prend la même couleur que le texte du menu */
}






/* Style des sous-menus du meni vitrine */
.sub-menu .menu-link {
    color: #333333; /* Couleur du texte des sous-menus */
    background-color: #ffffff !important; /* Fond des sous-menus */
}

.sub-menu .menu-link:hover {
    color: #009900; /* Couleur du texte au survol dans les sous-menus */
    background-color: #f5f5f5 !important; /* Fond au survol dans les sous-menus */
}




/* MENU BOUTIQUE */