/* ============================================================
 *  RU ACCRÉDITATIONS - Effet 3D + foil de la carte
 * ============================================================
 *  Fichier    : assets/css/carte-3d.css
 *  Version    : 1.5
 *  Cible      : .mhh-card-wrap (toutes les cartes, tous les rôles)
 *  Couches    : ru-card3d-watermark / ru-card3d-foil / ru-card3d-glare
 *  Plugin     : RU Accréditations (MU-plugin)
 *  Chargé par : includes/assets.php (handle ru-acc-carte-3d)
 * ============================================================
 *
 *  Effet posé PAR-DESSUS la carte, sans modifier le design de la carte.
 *  v1.5 : le filigrane du logo est ANIMÉ et passe de la COULEUR au NOIR
 *  ET BLANC en boucle (désaturation), avec un léger pouls d'opacité.
 *  Plus de chatoiement vert. Taille gardée à 17%, centré. La perspective
 *  3D reste gérée dans le JS, directement sur la carte (jamais sur le
 *  parent), pour ne pas casser les modales (position:fixed).
 * ============================================================ */

/* La carte devient inclinable (le contexte d'empilement vient de will-change) */
.mhh-card-wrap{transition:transform .12s ease-out;will-change:transform;}

/* Filigrane : le logo en fond, à la place du « RU » (déjà invisible).
   ANIMÉ : passe de couleur (grayscale 0) à noir et blanc (grayscale 1) en boucle.
   Pour le déplacer : background-position (0% gauche, 50% centre, 100% droite).
   Pour la taille : background-size (plus petit = logo plus petit).
   z-index -1 = derrière le contenu, par-dessus le fond de la carte. */
.mhh-card-wrap .ru-card3d-watermark{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:url('https://reseauunderground.com/wp-content/uploads/2026/04/fond-blanc-2-Copie-scaled.png');background-repeat:no-repeat;background-position:center;
  background-size:17%;opacity:.12;mix-blend-mode:screen;
  animation:ruCard3dHolo 4.5s ease-in-out infinite;}
@keyframes ruCard3dHolo{
  0%{opacity:.10;filter:grayscale(0) brightness(1);}
  50%{opacity:.20;filter:grayscale(1) brightness(1.25);}
  100%{opacity:.10;filter:grayscale(0) brightness(1);}
}

/* Foil holographique : RETIRÉ (v1.6). La fine ligne de lumière qui balayait la
   carte toutes les 5 s n'est plus voulue. La couche reste dans le DOM (créée par
   carte-3d.js) mais elle est masquée : aucune ligne animée sur la carte. */
.mhh-card-wrap .ru-card3d-foil{display:none !important;}

/* Reflet qui suit le pointeur ou l'inclinaison */
.mhh-card-wrap .ru-card3d-glare{position:absolute;inset:0;z-index:6;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(420px 420px at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.16),rgba(255,215,0,.05) 35%,transparent 60%);}