/* Mini galerie dans une carte d'école (fondu entre les photos + pastilles) */
.gallery{position:relative;overflow:hidden}
.gallery .g-slide{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity 1.6s ease-in-out}
.gallery .g-slide.is-active{opacity:1}
.gallery .g-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px;z-index:2}
.gallery .g-dots button{position:relative;width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:pointer;transition:width .25s,background .25s}
.gallery .g-dots button:before{content:"";position:absolute;inset:-12px -6px}
.gallery .g-dots button[aria-current="true"]{width:22px;border-radius:6px;background:#fff}
@media(prefers-reduced-motion:reduce){.gallery .g-slide{transition:none}}

/* Page Les écoles : lien sur toute la photo, pastilles à droite, à la hauteur de l'étiquette */
.directory-photo.gallery{display:block}
.directory-photo.gallery .g-link{position:absolute;inset:0;z-index:1}
.directory-photo.gallery>span{z-index:2;pointer-events:none}
.directory-photo.gallery .g-dots{left:auto;right:20px;bottom:27px;justify-content:flex-end}

/* Photos qui se fondent l'une dans l'autre (ex. page Se connecter) */
.fade-gallery>img{opacity:0;transition:opacity .9s ease}
.fade-gallery>img.is-active{opacity:1}
@media(prefers-reduced-motion:reduce){.fade-gallery>img{transition:none}}