/* Animations discrètes (14/10/2026). Tout est neutralisé avec « réduire les animations ». */

/* 1. Apparition au défilement : légère montée + fondu */
html.sb-anim .sb-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
html.sb-anim .sb-reveal.is-in{opacity:1;transform:none}

/* 2. Haut de l'accueil : entrée douce au chargement */
@keyframes sbMonte{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes sbImage{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
html.sb-anim .sb-hero .elementor-widget-heading,html.sb-anim .sb-hero .elementor-widget-text-editor,html.sb-anim .sb-hero .elementor-widget-button{animation:sbMonte .8s cubic-bezier(.22,.61,.36,1) both}
html.sb-anim .sb-hero .elementor-widget-heading:nth-child(n+2){animation-delay:.08s}
html.sb-anim .sb-hero .elementor-widget-text-editor{animation-delay:.18s}
html.sb-anim .sb-hero .elementor-widget-button{animation-delay:.28s}
html.sb-anim .sb-hero .sb-hero-paysage img{animation:sbImage 1.1s ease both}

/* 3. Survol des photos */
/* Photos avec ombre soleil : la photo glisse légèrement, l'ombre s'allonge */
.sb-hero .sb-hero-paysage img,.sb-apropos .elementor-widget-image img,.sb-entete .elementor-widget-image img,.elementor-331 .elementor-widget-image img{transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s cubic-bezier(.22,.61,.36,1)}
.sb-hero .sb-hero-paysage img:hover,.sb-apropos .elementor-widget-image img:hover,.sb-entete .elementor-widget-image img:hover,.elementor-331 .elementor-widget-image img:hover{transform:translate(-5px,-5px);box-shadow:24px 24px 0 var(--sb-soleil)}
/* Images des cartes (offres, articles) : zoom lent dans le cadre */
.sb-offres .elementor-widget-image,.sb-blog .meafe-entry-media{overflow:hidden}
.sb-offres .elementor-widget-image img,.sb-blog .meafe-entry-media img{transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.sb-offres .elementor-column:hover .elementor-widget-image img,.sb-blog .meafe-blog-card:hover .meafe-entry-media img{transform:scale(1.05)}
/* Cartes d'articles : légère montée */
.sb-blog .meafe-blog-card-inner{transition:transform .35s ease,box-shadow .35s ease}
.sb-blog .meafe-blog-card:hover .meafe-blog-card-inner{transform:translateY(-4px);box-shadow:0 18px 40px rgba(45,70,117,.12)}
/* Couvertures de livres : se soulèvent un peu */
.sb-livres .elementor-widget-image img{transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s ease}
.sb-livres .elementor-widget-image img:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 28px 50px rgba(30,47,80,.24)}
/* Images à la une et vignettes du pied de page */
.single-post .post-thumbnail{overflow:hidden;border-radius:20px}
.single-post .post-thumbnail img{transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}
.single-post .post-thumbnail:hover img{transform:scale(1.03)}

/* Pictogramme soleil des surtitres : rotation très lente au survol de la section */
.elementor-section:hover .sb-surtitre .elementor-heading-title::before,.elementor-section:hover .elementor-widget-heading span.elementor-heading-title:not(:empty)::before{transform:rotate(45deg)}
.sb-surtitre .elementor-heading-title::before,.elementor-widget-heading span.elementor-heading-title:not(:empty)::before{transition:transform 1.2s ease}

/* Appareils tactiles : pas d'effet de survol qui reste « collé » */
@media (hover:none){
.sb-hero .sb-hero-paysage img:hover,.sb-apropos .elementor-widget-image img:hover,.sb-entete .elementor-widget-image img:hover,.elementor-331 .elementor-widget-image img:hover,.sb-livres .elementor-widget-image img:hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
html .sb-reveal{opacity:1!important;transform:none!important;transition:none!important}
.sb-hero *,.sb-offres img,.sb-blog img,.sb-livres img,.sb-apropos img,.sb-entete img{animation:none!important;transition:none!important;transform:none!important}
}
