/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1731666704
Updated: 2024-11-15 14:31:44

*/



/* Cache le menu desktop par défaut */
header .elementor-nav-menu--main {
    display: none !important;
}

/* Affiche le burger toujours */
header .elementor-menu-toggle {
    display: flex !important;
}

/* Le menu déroulant doit être caché par défaut... */
header .elementor-nav-menu--dropdown {
    display: none !important;
}

/* ...et visible UNIQUEMENT quand Elementor lui ajoute sa classe active au clic */
header .elementor-menu-toggle[aria-expanded="true"] ~ .elementor-nav-menu--dropdown,
header nav.elementor-nav-menu--main.elementor-nav-menu__container--active,
header .elementor-nav-menu__container--active {
    display: block !important;
}


/* Overlay sombre sur tout le site quand le menu est actif */
body.elementor-menu-toggle--active::before,
body:has(.elementor-nav-menu__container--active)::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9998;
    transition: opacity 0.3s ease;
    opacity: 1;
}

/* Le header / le menu doit rester au-dessus de l'overlay */
.elementor-location-header,
.elementor-menu-toggle,
.elementor-nav-menu--dropdown,
.elementor-nav-menu--main {
    position: relative;
    z-index: 9999;
}

/* Optionnel : mettre en valeur visuellement le menu lui-même */
.elementor-nav-menu--dropdown.elementor-nav-menu__container--active {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}



body.menu-overlay-active::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9998;
}

body.menu-overlay-active .elementor-location-header {
    position: relative;
    z-index: 9999;
}




.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {
	background-color: #2D693E!important;
}


header nav {
	position: absolute!important;
  right: -15px;
  top: 30px;
}