/*
Theme Name: Divi Child
Template: Divi
Text Domain: divi-child
Description:  Thème enfant pour Divi, conçu pour personnaliser le site sans modifier le thème parent.
Author:       Thomas Van Meuter
Author URI:   https://ton-site.com
Version:      1.0.0
Last Updated: 2026-09-08
*/

@media screen and (max-width: 980px) {

    /* Cache les sous-menus par défaut */
    #mobile_menu1 .menu-item-has-children > .sub-menu {
        display: none !important;
    }

    /* Affiche le sous-menu lorsque son parent est ouvert */
    #mobile_menu1 .menu-item-has-children.menu-ouvert > .sub-menu {
        display: block !important;
    }

    /* Position nécessaire pour l'indicateur */
    #mobile_menu1 .menu-item-has-children > a {
        position: relative;
        padding-right: 50px !important;
    }

    /* Indicateur + */
    #mobile_menu1 .menu-item-has-children > a::after {
          content: "";
    position: absolute;
    right: 22px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-70%) rotate(45deg);
    transition: transform 0.2s ease;
    }

    /* Indicateur − lorsque le sous-menu est ouvert */
    #mobile_menu1 .menu-item-has-children.menu-ouvert > a::after {
    transform: translateY(-30%) rotate(225deg);
    }


@media screen and (max-width: 980px) {

    /* Icône hamburger */
    .mobile_nav .mobile_menu_bar::before {
        content: "\2630";
    }

    /* Icône croix quand le menu est ouvert */
    .mobile_nav.opened .mobile_menu_bar::before {
        content: "\2715";
    }
}


@media screen and (max-width: 980px) {
    #mobile_menu1 {
        top: calc(100% + 32px) !important;
    }
}



}