/*
Theme Name: Divi Child
Description: Divi Child Theme
Author: PUBCOMNET
Author URI: http://pubcomnet.fr
Template: Divi
Version: 1.0.0
*/

/* Charger Divi parent avant ce fichier */
@import url("../Divi/style.css");

/* =Theme CSS customization starts here  */

/* -----------------------------------
   STYLES POUR LE MENU MOBILE / HAMBURGER
----------------------------------- */

/* RESET GÉNÉRAL POUR MENU MOBILE */
.et_mobile_menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.et_mobile_menu li a {
    text-align: left !important;
}

/*
---------------------------------------
 1. FORCER LE MENU HAMBURGER SUR DESKTOP
---------------------------------------
*/

@media (min-width: 980px) {

    /* On masque le menu classique */
    .et_pb_menu .et_pb_menu__menu,
    .et_pb_fullwidth_menu .et_pb_menu__menu {
        display: none !important;
    }

    /* On force l'affichage du menu mobile */
    .et_pb_menu .et_mobile_nav_menu,
    .et_pb_fullwidth_menu .et_mobile_nav_menu {
        display: flex !important;
        float: none;
        margin: 0 6px;
        align-items: center;
    }

    /* Largeur automatique du menu hamburger déroulé */
    .header-main-row .et_mobile_menu {
        width: auto !important;
        min-width: 260px;
        right: 0 !important;
        left: auto !important;
    }
}

/*
---------------------------------------
 2. SOUS-MENUS COLLAPSIBLES (+ / -)
---------------------------------------
*/

/* Positionnement des éléments parent */
#main-header .et_mobile_menu .menu-item-has-children,
.et_pb_menu .et_mobile_menu .menu-item-has-children {
    position: relative;
}

/* Ajout d’un espace à droite du lien parent */
#main-header .et_mobile_menu .menu-item-has-children > a,
.et_pb_menu .et_mobile_menu .menu-item-has-children > a {
    padding-right: 47px;
    background: transparent;
}

/* Bouton + / - */
#main-header .et_mobile_menu .menu-item-has-children > a + span,
.et_pb_menu .et_mobile_menu .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    z-index: 2;
}

/* Sous-menu caché */
#main-header .et_mobile_menu li ul.menu-hide,
.et_pb_menu .et_mobile_menu li ul.menu-hide {
    display: none !important;
}

/* Icône + */
#main-header .et_mobile_menu span.menu-closed:before,
.et_pb_menu .et_mobile_menu span.menu-closed:before {
    content: "\4c"; /* + via ETModules */
    font-family: "ETmodules";
    display: block;
    font-size: 17px;
}

/* Icône – lorsque ouvert */
#main-header .et_mobile_menu span.menu-closed.menu-open:before,
.et_pb_menu .et_mobile_menu span.menu-closed.menu-open:before {
    content: "\4d"; /* – via ETModules */
}

/*
---------------------------------------
 3. NETTOYAGE ET STYLE
---------------------------------------
*/

.et_pb_menu .et_mobile_nav_menu li {
    list-style-type: none;
}