/*
 * Mur de la rétrospective [maj_mcf_mur] (mu-plugin maj-mcf-elements).
 * Repris de la CSS de page de l'accueil (version consolidée du 28/09/2026), pensé pour une rangée claire comme sur
 * l'accueil ; hexa du socle remplacés par les couleurs de Redux.
 * Retirées parce que sans effet : les trois règles de .mcf-murgrille seule (grille de 12, de 8 et grille mobile sur
 * trois rangs), toujours écrasées par .mcf-murgrille.mcf-murligne, plus spécifique ; et, dans celle-ci, les valeurs
 * qui ne servaient qu'à les contrer (grid-template-columns:none, et grid-template-rows:auto redit sous 690 px).
 */
/* Une affiche */
.mcf-aff{position:relative;display:block;text-decoration:none}
.mcf-aff img{display:block;width:100%!important;height:auto;aspect-ratio:211/300;object-fit:cover;border-radius:5px;margin:0!important}
.mcf-aff span{display:block;margin-top:5px;font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:.06em;color:var(--nectar-extra-color-2);text-align:center}
/* En ligne : ombre et soulèvement au survol ; pas encore en ligne : grisée */
.mcf-aff.on img{box-shadow:0 6px 16px rgba(0,0,0,.22);transition:transform .3s,box-shadow .3s}
.mcf-aff.on:hover img{transform:translateY(-4px) scale(1.04);box-shadow:0 12px 26px rgba(0,0,0,.3)}
.mcf-aff.off img{filter:grayscale(1);opacity:.18}
.mcf-aff.off span{color:#b5b5b5}
/* Badge « Nouveau » (un span de .mcf-aff : il écrase la légende en !important) */
.mcf-neuf{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:var(--nectar-extra-color-1);color:var(--nectar-extra-color-2)!important;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:11px!important;padding:2px 8px!important;margin:0!important;border-radius:20px;white-space:nowrap;z-index:2}
@media (max-width:690px){.mcf-aff span{font-size:11px}}
/* La ligne qui défile et ses deux flèches */
.mcf-carrousel{position:relative}
.mcf-murgrille.mcf-murligne{display:grid;grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:128px;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:12px 2px 6px}
.mcf-murligne::-webkit-scrollbar{display:none}
.mcf-murligne .mcf-aff{scroll-snap-align:start}
.mcf-fl{position:absolute;top:calc(50% - 30px);z-index:3;width:46px;height:46px;border-radius:50%;border:0;background:var(--nectar-extra-color-2);color:#fff;font-size:20px;line-height:46px;padding:0;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.mcf-fl:hover{background:var(--nectar-accent-color)}
.mcf-fl-g{left:-22px}
.mcf-fl-d{right:-22px}
@media (max-width:690px){.mcf-murgrille.mcf-murligne{grid-auto-columns:92px;gap:10px;margin-right:-16px;padding-right:16px}.mcf-fl{display:none}}