/* === Diaporama (remplace Smart Slider) ==================================================== */
.is-style-diaporama { position: relative; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
/* margin:0 (tâche 4.8 bis, 7e passe) : sans ça, le bloc-gap natif du cœur WP (.is-layout-flow > * + * { margin-block-start:24px }) ajoute 24px entre les diapositives — i… */
.is-style-diaporama > .wp-block-cover { flex: 0 0 100%; scroll-snap-align: start; margin: 0; }
/* .js posé dans <head> : pile dès le premier rendu, sinon le passage défilement → pile au démarrage du script décale la page (CLS 0,13, 28/09). */
:where(.js) .is-style-diaporama { display: grid; overflow: hidden; }
:where(.js) .is-style-diaporama > .wp-block-cover { grid-area: 1 / 1; }
:where(.js) .is-style-diaporama:where(:not(.est-anime)) > .wp-block-cover:where(:not(:first-child)) { visibility: hidden; }
.js .is-style-diaporama.est-anime { display: grid; overflow: hidden; }
/* .js/.est-anime (interrupteurs) dans :where() : ramène 0,4,0/0,5,0 à 0,2,0/0,3,0 (vérification R2). */
:where(.js) .is-style-diaporama:where(.est-anime) > .wp-block-cover { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .8s ease, visibility 0s linear .8s; }
:where(.js) .is-style-diaporama:where(.est-anime) > .wp-block-cover.est-active { opacity: 1; visibility: inherit; transition: opacity .8s ease; }
.x-diaporama__points { position: absolute; left: 0; right: 0; bottom: 1rem; z-index: 2; display: flex; justify-content: center; gap: .5rem; }
.x-diaporama__point { width: .75rem; height: .75rem; padding: 0; border: 0; border-radius: 50%; background: rgb(255 255 255 / .6); cursor: pointer; }
.x-diaporama__point[aria-current="true"] { background: var(--wp--preset--color--blanc); }
.x-diaporama__point:focus-visible, .x-diaporama__pause:focus-visible { outline: 2px solid var(--wp--preset--color--blanc); outline-offset: 2px; }
.x-diaporama__pause { width: 1.25rem; height: .75rem; margin-left: .5rem; padding: 0; border: 0; background: transparent; cursor: pointer; position: relative; }
.x-diaporama__pause::before, .x-diaporama__pause::after { content: ""; position: absolute; top: 0; width: .25rem; height: .75rem; background: rgb(255 255 255 / .8); }
.x-diaporama__pause::before { left: .3rem; }
.x-diaporama__pause::after { left: .7rem; }
.x-diaporama__pause[aria-pressed="true"]::before { left: .35rem; width: 0; height: 0; background: none; border-style: solid; border-width: .375rem 0 .375rem .6rem; border-color: transparent transparent transparent rgb(255 255 255 / .8); }
.x-diaporama__pause[aria-pressed="true"]::after { display: none; }
@media (prefers-reduced-motion: reduce) {
    :where(.js) .is-style-diaporama:where(.est-anime) > .wp-block-cover { transition: none; }
}
/* min-height ajouté (25/09, 6e passe, tâche 4.8 bis) : le cœur WP pose min-height:430px par défaut sur .wp-block-cover (wp-includes/blocks/cover/style.min.css) quand le… */
@media (min-width: 768px) {
    .is-style-diaporama .wp-block-cover { height: 29.1667vw; min-height: 29.1667vw; }
}