/*
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.4.5.1767102699
Updated: 2025-12-30 13:51:39

*/

body.elementor-page-391:not(.elementor-motion-effects-element-type-background), body.elementor-page-391 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background: linear-gradient(-45deg, #070707 0%, #151411 10%, #070707 20%, #151411 50%, #070707 90%, #151411 100%);
}
/* =========================================
   STYLE MENU LATÉRAL (Table des Copains)
   ========================================= */

/* --- 1. Bouton d'ouverture (Rond avec SVG) --- */
.menu-trigger-btn {
    position: relative;
    z-index: 9999;
    background: #070707;
    color: #fff7e6;
    border: 2px solid #F9D48A;
    width: 60px; 
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(249, 212, 138, 0.2);
    padding: 0;
}

.menu-trigger-btn svg {
    width: 28px;
    height: 28px;
    fill: #fff7e6;
    transition: fill 0.3s ease;
}

.menu-trigger-btn:hover {
    background: #F9D48A;
    transform: scale(1.05);
}

.menu-trigger-btn:hover svg {
    fill: #070707;
}

/* --- 2. Overlay (Fond sombre) --- */
.menu-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(7, 7, 7, 0.85); z-index: 9998;
    opacity: 0; visibility: hidden; transition: all 0.3s ease;
    backdrop-filter: blur(3px);
}
.menu-overlay.active { opacity: 1; visibility: visible; }

/* --- 3. Conteneur du menu (Tiroir) --- */
.menu-container {
    position: fixed; top: 0; left: 0; width: 90%; max-width: 450px; height: 100vh;
    z-index: 10000; background: #070707; border-right: 2px solid #F9D48A;
    overflow-y: auto; transform: translateX(-100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    text-align: left;
    box-shadow: 10px 0 30px rgba(0,0,0,0.5);
}
.menu-container.active { transform: translateX(0); }

/* --- 4. En-tête (Logo + Croix) --- */
.menu-header {
    padding: 30px 40px; border-bottom: 1px solid rgba(249, 212, 138, 0.2);
    display: flex; justify-content: space-between; align-items: center;
}
.menu-logo { max-width: 140px; height: auto; }

.menu-close {
    background: transparent; border: none; cursor: pointer; padding: 5px;
    display: flex; align-items: center; justify-content: center;
}
.menu-close svg {
    width: 30px; height: 30px; fill: #fff7e6; transition: transform 0.3s, fill 0.3s;
}
.menu-close:hover svg { fill: #F9D48A; transform: rotate(90deg); }

/* --- 5. Liens du menu (Sans soulignement) --- */
.menu-nav { padding: 20px 0; display: block; }

/* Force la suppression du soulignement (écrase Elementor) */
.menu-container a,
.menu-container a:hover,
.menu-container a:focus,
.menu-item, 
.submenu-item { 
    text-decoration: none !important; 
    border-bottom: none !important;
    box-shadow: none !important;
}

.menu-item, .submenu-item {
    color: rgba(255, 247, 230, 0.7) !important;
    padding: 15px 40px; display: flex; justify-content: space-between; align-items: center;
    font-family: "DM Sans", sans-serif; font-size: 20px; transition: all 0.3s ease;
    background: transparent; border: none; width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.menu-item:hover, .submenu-item:hover {
    color: #fff7e6 !important; padding-left: 50px;
    background: linear-gradient(90deg, rgba(249, 212, 138, 0.05) 0%, transparent 100%);
}

/* --- 6. Sous-menus --- */
.menu-section-title {
    color: #fff7e6; padding: 15px 40px; font-size: 20px; font-family: "DM Sans", sans-serif;
    cursor: pointer; display: flex; justify-content: space-between; align-items: center;
    text-transform: uppercase; letter-spacing: 1px;
}
.submenu { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; background: rgba(255,255,255,0.02); }
.submenu.active { max-height: 800px; }
.submenu-item { padding-left: 60px; font-size: 17px; }

/* Flèche chevron */
.chevron { transition: transform 0.3s; color: #F9D48A; font-family: Arial, sans-serif; font-weight: bold; }
.chevron.rotated { transform: rotate(180deg); }

/* --- 7. Footer (Réseaux sociaux) --- */
.menu-footer { padding: 30px; text-align: center; border-top: 1px solid rgba(249, 212, 138, 0.2); margin-top: 20px; }
.social-link { color: #F9D48A !important; margin: 0 12px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; text-decoration: none !important; }

li#la-carte- {
    margin: 0 10px;
}
.eael-advance-tabs .eael-tabs-nav>ul li {
	border-radius: 5px;
}
@media (max-width: 768px) {
    li#la-carte- {
        margin: 10px 0;
    }
}
.forminator-field.forminator-merge-tags h2{
	font-family: "the-seasons", Sans-serif;
	margin-top: 15px;
}