/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*  Fonts */
@font-face {
    font-family: 'Lexend';
    src: url('assets/fonts/Lexend.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EBGaramond';
    src: url('assets/fonts/EBGaramond.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/***  Header ***/
.sticky-menu.elementor-sticky--effects {
    background: rgba(242,240,239,0.50); /* base F2F0EF avec transparence */
    backdrop-filter: blur(25px) saturate(1.6) brightness(1.05);
    -webkit-backdrop-filter: blur(25px) saturate(1.6) brightness(1.05);
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

/* Couleur des liens du menu au scroll */
.sticky-menu.elementor-sticky--effects 
.elementor-nav-menu .elementor-item:not(.menu-cta) {
    color: #352C2C;
}

/* Couleur du lien ACTIF au scroll */
.sticky-menu.elementor-sticky--effects 
.elementor-nav-menu .elementor-item.elementor-item-active {
    color: #352C2C !important;
}

/* Couleur du lien au SURVOL (Hover) au scroll */
.sticky-menu.elementor-sticky--effects 
.elementor-nav-menu .elementor-item:hover {
    color: #352C2C !important;
    /* Optionnel : légère nuance pour le feedback visuel
    opacity: 0.7;
    */ 
}

/* Couleur du soulignement au scroll */
.sticky-menu.elementor-sticky--effects .elementor-nav-menu .elementor-item:after,
.sticky-menu.elementor-sticky--effects .elementor-nav-menu .elementor-item:before {
  background-color: #352C2C !important;
}

/* Bouton CTA en sticky */
.sticky-menu.elementor-sticky--effects .menu-cta .elementor-button {
    border: 1px solid #352C2C;
    color: #352C2C;
    background: transparent;
}

/* Hover du bouton en sticky */
.sticky-menu.elementor-sticky--effects .menu-cta .elementor-button:hover {
    background: #352C2C;
    color: #FFF1E6;
}

/* Logo - Display scrolling */
.logo-dark {
    display: none;
}

.sticky-menu.elementor-sticky--effects .logo-light {
    display: none;
}

.sticky-menu.elementor-sticky--effects .logo-dark {
    display: block;
}
.sticky-menu .logo-light,
.sticky-menu .logo-dark {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Couleur du hamburger au scroll */
.sticky-menu.elementor-sticky--effects 
.elementor-menu-toggle svg {
    fill: #352C2C !important;
}
/***  Header - End ***/