/* P15 (Matisse 29/09, msg 1628) — galerie de la fiche (templates/site/show.html.twig)
   + habillage de la visionneuse PhotoSwipe 5 (bundle show_site). */
.cm-galerie { position: relative; border-radius: var(--cm-radius-lg, 16px); overflow: hidden; }
.cm-galerie__piste { display: grid; gap: 8px; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1fr 1fr; aspect-ratio: 2.4 / 1; }
.cm-galerie__photo { display: block; position: relative; overflow: hidden; background: #e8eee4; }
.cm-galerie__photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: filter .2s, transform .3s; }
.cm-galerie__photo:hover img { filter: brightness(.93); }
.cm-galerie__photo:focus-visible { outline: 3px solid var(--cm-green-primary, #5a9a45); outline-offset: -3px; }
.cm-galerie__photo--principale { grid-row: 1 / 3; grid-column: 1; }
/* moins de 5 photos : la grille se referme au lieu de laisser des trous */
.cm-galerie--n1 .cm-galerie__piste { grid-template-columns: 1fr; grid-template-rows: 1fr; aspect-ratio: 2 / 1; }
.cm-galerie--n1 .cm-galerie__photo--principale { grid-row: auto; }
.cm-galerie--n2 .cm-galerie__piste { grid-template-columns: 2fr 1fr; }
.cm-galerie--n2 .cm-galerie__photo:not(.cm-galerie__photo--principale) { grid-row: 1 / 3; }
.cm-galerie--n3 .cm-galerie__piste { grid-template-columns: 2fr 1fr; }
.cm-galerie--n4 .cm-galerie__piste { grid-template-columns: 2fr 1fr 1fr; }
.cm-galerie--n4 .cm-galerie__photo:nth-child(4) { grid-column: 2 / 4; }
.cm-galerie__compteur { display: none; }
.cm-galerie__tout {
    position: absolute; right: 14px; bottom: 14px; border: 0; border-radius: 999px;
    padding: 8px 14px; background: rgba(255,255,255,.95); color: #1f2a1b; font-weight: 600; font-size: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,.2); cursor: pointer;
}
.cm-galerie__tout:focus-visible { outline: 3px solid var(--cm-green-primary, #5a9a45); outline-offset: 2px; }

/* Telephone : carrousel horizontal au doigt, une photo par ecran, compteur */
@media (max-width: 860px) {
    .cm-galerie { border-radius: 14px; }
    .cm-galerie__piste {
        display: flex; gap: 0; aspect-ratio: 4 / 3; overflow-x: auto; overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch;
    }
    .cm-galerie__piste::-webkit-scrollbar { display: none; }
    .cm-galerie__photo { flex: 0 0 100%; scroll-snap-align: center; }
    .cm-galerie__compteur {
        display: block; position: absolute; right: 12px; bottom: 12px; padding: 4px 10px; border-radius: 999px;
        background: rgba(20,20,22,.72); color: #fff; font-size: 13px; font-weight: 600; pointer-events: none;
    }
    .cm-galerie__tout { display: none; }
}

/* Visionneuse : bandeau de miniatures (element d'interface PhotoSwipe « miniatures ») */
.pswp__cm-miniatures {
    position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 6px; justify-content: center;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); overflow-x: auto; scrollbar-width: none;
    background: linear-gradient(0deg, rgba(0,0,0,.6), rgba(0,0,0,0));
}
.pswp__cm-miniatures button {
    flex: 0 0 auto; width: 64px; height: 48px; padding: 0; border: 2px solid transparent; border-radius: 6px;
    overflow: hidden; background: #222; opacity: .6; cursor: pointer;
}
.pswp__cm-miniatures button.is-actif { border-color: #fff; opacity: 1; }
.pswp__cm-miniatures img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 575.98px) {
    .pswp__cm-miniatures button { width: 48px; height: 36px; }
}