/* MagicZoomPlus: améliorations d’accessibilité & UX - non destructif */
:root {
  --focus: #22d3ee;
}

/* Focus visibles (clavier) sur les vignettes/ancres MZP */
a.MagicZoom, a[class*="MagicZoom"], .mz-thumb, .mz-zoom-window, .mz-figure, .mz-expand {
  outline: none !important;
}
a.MagicZoom:focus-visible,
a[class*="MagicZoom"]:focus-visible,
.mz-thumb:focus-visible,
.mz-expand:focus-visible {
  box-shadow: 0 0 0 3px var(--focus) !important;
  outline: 0 !important;
  border-radius: 6px;
}

/* Loupe/overlay : s’assurer qu’elle passe au-dessus de l’UI du site */
.mz-zoom-window, .mz-lens, .mz-modal, .mz-expand {
  z-index: 999 !important;
}

/* Accessibilité : éviter les animations longues si l’utilisateur préfère réduire */
@media (prefers-reduced-motion: reduce) {
  .mz-zoom-window, .mz-lens, .mz-expand, .mz-figure,
  .MagicZoom, [class*="MagicZoom"] {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}

/* Images : éviter la déformation, réduire le CLS si dimensions présentes */
img {
  height: auto;
  max-width: 100%;
}

/* Lien “Retour en haut” optionnel, si vous l’utilisez */
.back-to-top {
  position: fixed; right: 16px; bottom: 16px;
  display: none; padding: 10px 12px;
  background: #111827; color: #e5e7eb; border-radius: 9999px;
  text-decoration: none; font: 600 14px/1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.back-to-top:focus-visible { box-shadow: 0 0 0 3px var(--focus); outline: 0; }
.show-back-to-top .back-to-top { display: inline-block; }