<!-- start Simple Custom CSS and JS -->
<style type="text/css">
:root{
  --mm-focus-color: rgba(0,0,0,.55); /* intensité de l'assombrissement */
}

#mm-focus-hole{
  position: absolute;
  left: 0; top: 0; width: 0; height: 0;
  pointer-events: none;                 /* ne bloque pas les clics */
  box-shadow: 0 0 0 9999px var(--mm-focus-color);
  opacity: 0;
  transition:
    left 160ms ease, top 160ms ease,
    width 160ms ease, height 160ms ease,
    border-radius 160ms ease, opacity 120ms ease;
  z-index: 2147483646; /* tout en haut */
}

/* Quand actif, on rend le trou visible */
.mm-focus--visible #mm-focus-hole{ opacity: 1; }

/* Accessibilité : réduire les animations si demandé */
@media (prefers-reduced-motion: reduce){
  #mm-focus-hole{ transition: none; }
}

/* Permet une désactivation globale si besoin */
body[data-mm-focus="off"] #mm-focus-hole{ display:none !important; }</style>
<!-- end Simple Custom CSS and JS -->
