/* Effets des images à la une : règles communes, fondu et zoom. */
.cx-results[data-view="image"] .cx-pix-sfx .cx-mode-image-link{overflow:hidden;isolation:isolate}
.cx-results[data-view="image"] .cx-pix-sfx .cx-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1rem;text-align:center;color:#fff;background:rgba(0,0,0,.65);font-size:clamp(1rem,2vw,1.35rem);font-weight:600;line-height:1.4;opacity:0;visibility:visible;transition-property:opacity;transition-duration:var(--cx-image-transition-duration,400ms);transition-timing-function:ease-in-out;pointer-events:none;z-index:1;overflow-wrap:anywhere}
.cx-results[data-view="image"] .cx-pix-sfx .cx-mode-image-link:hover .cx-image-overlay,.cx-results[data-view="image"] .cx-pix-sfx .cx-mode-image-link:focus-visible .cx-image-overlay{opacity:1}
@media(hover:none) and (pointer:coarse){.cx-results[data-view="image"] .cx-pix-sfx .cx-image-overlay{opacity:1;transform:none;background:linear-gradient(transparent,rgba(0,0,0,.78));align-items:flex-end}}
@media(prefers-reduced-motion:reduce){.cx-results[data-view="image"] .cx-pix-sfx .cx-image-overlay{transition:none;transform:none}}

/* Zoom : transformation de l’image, superposition commune du titre. */
.cx-results[data-view="image"] .cx-pix-sfx-zoom .cx-mode-image-link{overflow:hidden}
.cx-results[data-view="image"] .cx-pix-sfx-zoom .cx-mode-image-link .cx-mode-cover{
  display:block;transform:scale(1);transform-origin:center center;
  transition:transform var(--cx-image-transition-duration,400ms) ease-in-out;
  will-change:transform;
}
.cx-results[data-view="image"] .cx-pix-sfx-zoom .cx-mode-image-link:is(:hover,:focus-visible) .cx-mode-cover{transform:scale(var(--cx-image-zoom-scale,1.16))}
.cx-results[data-view="image"] .cx-pix-sfx-zoom .cx-image-overlay{
  align-items:center;background:rgba(0,0,0,.65);
}
@media(hover:none) and (pointer:coarse){
  .cx-results[data-view="image"] .cx-pix-sfx-zoom .cx-mode-image-link .cx-mode-cover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .cx-results[data-view="image"] .cx-pix-sfx-zoom .cx-mode-image-link .cx-mode-cover{transition:none;transform:none}
}
