.elementor-kit-4{--e-global-color-primary:#DDE04B;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#0D0D04;--e-global-color-accent:#4E4BE0;--e-global-typography-primary-font-family:"Inter Tight";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inter Tight", Sans-serif;font-weight:700;color:var( --e-global-color-text );}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 h1{color:#0D0D04;font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:800;line-height:1.2em;}.elementor-kit-4 h2{color:#0D0D04;font-family:"Inter Tight", Sans-serif;font-size:36px;font-weight:700;line-height:1.3em;}.elementor-kit-4 h3{color:#0D0D04;font-family:"Inter Tight", Sans-serif;font-size:24px;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-4 h1{font-size:40px;}.elementor-kit-4 h2{font-size:30px;}.elementor-kit-4 h3{font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4 h1{font-size:32px;}.elementor-kit-4 h2{font-size:26px;}.elementor-kit-4 h3{font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================
   1. GESTION MENU MOBILE
   Cache les éléments 'mobile-only' sur Tablette et Desktop 
   ========================================= */
@media (min-width: 768px) {
    .mobile-only {
        display: none !important;
    }
}

/* =========================================
   ANIMATION SURLIGNEUR (AU SCROLL)
   Nécessite le code JS ajouté dans "Custom Code"
   ========================================= */

/* 1. Configuration des Couleurs (Variables) */
.titre-surligne {
    /* Couleur par défaut (Jaune CLEM) */
    --c-surligne: #DDE560; 
}

/* Variante : BLANC (pour les fonds foncés) */
.titre-surligne.blanc {
    --c-surligne: #FFFFFF;
}

/* Variante : BLEU (exemple) */
.titre-surligne.bleu {
    --c-surligne: #0000FF; /* Remplace par ton bleu */
}

/* 2. Style de base */
.titre-surligne .elementor-heading-title {
    /* On utilise la variable --c-surligne ici */
    background-image: linear-gradient(to top, var(--c-surligne) 40%, transparent 40%);
    
    background-repeat: no-repeat;
    background-position: 0 90%; 
    background-size: 0% 100%; /* Largeur 0% au départ */
    
    display: inline;
    padding: 0 5px;
}

/* 3. État ACTIF (Animation lancée par le JS) */
.titre-surligne.is-visible .elementor-heading-title {
    animation: highlightAnim 1s cubic-bezier(0.65, 0, 0.35, 1) forwards;
    animation-delay: 0.2s; 
}

/* 4. Définition de l'animation */
@keyframes highlightAnim {
    0% { background-size: 0% 100%; }
    100% { background-size: 100% 100%; }
}/* End custom CSS */