.elementor-kit-5{--e-global-color-primary:#262626;--e-global-color-secondary:#54595F;--e-global-color-text:#999999;--e-global-color-accent:#1D6D22;--e-global-color-91d6824:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--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;font-family:"Roboto", Sans-serif;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:10px;--container-default-padding-right:10px;--container-default-padding-bottom:10px;--container-default-padding-left:10px;}.elementor-widget:not(:last-child){--kit-widget-spacing:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}{}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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* MJ Global Reset - Suppression des marges/paddings forcés sur les paragraphes */
p {
    margin-top: 0 !important;
    margin-bottom: 1.5em; /* Ou 0 si tu veux tout gérer via les widgets */
    padding: 0 !important;
}

/* Optionnel : Supprimer la marge du dernier paragraphe dans un widget texte */
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0 !important;
}
.titre-accent strong {
    color: var(--e-global-color-accent) !important;
}
.slogan-container {
    height: 30px; /* À ajuster selon ta hauteur de Top Bar */
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}

.slogan {
    position: absolute;
    width: 100%;
    opacity: 0;
    animation: rotateSlogans 15s linear infinite; /* 15s pour 3 slogans */
    color: #FFFFFF;
    font-size: 14px;
}

/* On décale le début de chaque slogan */
.slogan:nth-child(1) { animation-delay: 0s; }
.slogan:nth-child(2) { animation-delay: 5s; }
.slogan:nth-child(3) { animation-delay: 10s; }

@keyframes rotateSlogans {
    0% { opacity: 0; transform: translateY(10px); }
    5% { opacity: 1; transform: translateY(0); }
    30% { opacity: 1; transform: translateY(0); }
    35% { opacity: 0; transform: translateY(-10px); }
    100% { opacity: 0; }
}
/* Centrage spécifique pour le mobile */
@media (max-width: 767px) {
    .slogan-container {
        justify-content: center; /* Centre le contenu horizontalement */
        text-align: center;      /* Centre le texte à l'intérieur des slogans */
    }

    .slogan {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}
/* On prépare la transition pour qu'elle soit fluide (0.4 seconde) */
.mon-header-dynamique {
    transition: transform 0.4s ease-in-out !important;
    top: 0;
    left: 0;
    width: 100%;
}

/* L'action de cacher : quand le body a la classe "smart-header--hidden" */
body.smart-header--hidden .mon-header-dynamique {
    transform: translateY(-100%); /* On le pousse vers le haut de sa propre hauteur */
}
.mon-header-dynamique {
    /* ... tes autres propriétés (transition, etc.) ... */
    background-color: #ffffff; /* On s'assure que le fond est bien blanc opaque */
    border-bottom: 2px solid #eeeeee; /* Une ligne très fine et sobre */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Une ombre douce pour le relief */
}/* End custom CSS */