/* ============================================================
   LOOKITSGRAPHIC — Tracé séquentiel des icônes .board-grid
   Design 1 : chaque chemin se dessine au survol (0,5 s, +0,1 s)
   Nécessite pathLength="1" posé par scripts/board-icon-draw.js
   ============================================================ */

.board-grid a svg {
  overflow: visible;
}

.board-grid a svg :is(path, line, circle, rect, polyline, polygon) {
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
}

.board-grid a:hover svg :is(path, line, circle, rect, polyline, polygon) {
  animation: board-icon-draw 0.5s cubic-bezier(0.35, 0, 0.2, 1) both;
  animation-delay: var(--draw-delay, 0s);
}

@keyframes board-icon-draw {
  from { stroke-dashoffset: 1; }
  to   { stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .board-grid a:hover svg :is(path, line, circle, rect, polyline, polygon) {
    animation: none !important;
  }
}