/* Brique « survol-vignettes » (JulienWeb, 14/10/2026) — l'effet du mur d'artistes sur toutes les listes.

   L'étalon est la règle du thème, inchangée : style.css, `.artist-thumb img:hover`
   (transform: scale(1.1), box-shadow 2px 2px 2px rgba(0,0,0,.6), transition du transform en 0,5 s).
   On l'applique au survol du LIEN de la vignette, et au focus clavier.

   Ce qui grandit : l'image, ou son cadre quand le cadre la découpe (rond des actus, 16:9 des vidéos) ;
   sinon le zoom resterait enfermé dans le cadre et l'ombre ne se verrait pas.

   Où :                                                  ce qui grandit
     albums (accueil, /albums/, sorties des fiches)       .release-row > a > img
     « autres albums de » (fiche album)                   .jws-album-suite__pochettes img
     actus (accueil, /news/, colonne d'une actu)          .news-thumb (le rond)
     actus d'un artiste (fiches)                          .jws-actus-artiste__img
     vidéos de l'accueil                                  .jws-va__image (le cadre 16:9)
     /videos/                                             .jws-page-videos__image (le cadre 16:9)
     liste des vidéos d'une fiche                         .video-bt-play img, zoom DANS son cadre :
                                                          la ligne de la liste (.video-vignette) le
                                                          découperait sur sa gauche
   Le mur d'artistes et les projets des fiches (.artist-thumb) ont déjà l'effet par le thème : la brique
   ne leur ajoute que le focus clavier.

   Seulement avec une souris (hover: hover) : au toucher, l'effet resterait collé après un tap.
   Rien si « moins de mouvement » est demandé, le mur d'artistes compris. */

@media (hover: hover) and (prefers-reduced-motion: no-preference) {

    .release-row > a > img,
    .jws-album-suite__pochettes img,
    .news-thumb,
    .jws-actus-artiste__img,
    .jws-va__image,
    .jws-page-videos__image,
    .video-bt-play img {
        transition: transform .5s ease;
    }

    .release-row > a:hover > img,
    .release-row > a:focus-visible > img,
    .jws-album-suite__pochettes a:hover img,
    .jws-album-suite__pochettes a:focus-visible img,
    a:hover .news-thumb,
    a:focus-visible .news-thumb,
    .jws-actus-artiste__lien:hover .jws-actus-artiste__img,
    .jws-actus-artiste__lien:focus-visible .jws-actus-artiste__img,
    .jws-va__lire:hover .jws-va__image,
    .jws-va__lire:focus-visible .jws-va__image,
    .jws-page-videos__lire:hover .jws-page-videos__image,
    .jws-page-videos__lire:focus-visible .jws-page-videos__image,
    a:focus-visible > .artist-thumb img,
    a.artist-thumb:focus-visible img {
        position: relative;
        z-index: 1;
        transform: scale(1.1);
        box-shadow: 2px 2px 2px rgba(0, 0, 0, .6);
    }

    /* La liste des vidéos d'une fiche : zoom dans le cadre, sans ombre (elle serait coupée). */
    .video-thumb {
        overflow: hidden;
    }

    .video-bt-play:hover img,
    .video-bt-play:focus-visible img {
        transform: scale(1.1);
    }
}

/* « Moins de mouvement » : le mur d'artistes du thème ne grandit plus non plus. */
@media (prefers-reduced-motion: reduce) {

    .artist-thumb img:hover {
        transform: none;
    }
}