/* ================================================
   ECHO DU VIDE — Grille animée
   Fichier : void-grid.css
   ================================================ */

/* ① Fond transparent */
.edv-hero__bg {
  position: absolute;
  inset: 0;
  background: transparent;
  z-index: 0;
  pointer-events: none;
}

/* ② Canvas overlay — version pleine hauteur (grille 1 et 2) */
.edv-hero__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.9;
  pointer-events: none; /* laisse passer les clics */
}

/* ③ Canvas overlay — version sol déployé (grille 3) */
.edv-bandeau__canvas {
  display: block;
  width: 100%;
  height: 800px; /* plus de hauteur pour la profondeur */
  z-index: 10;
  opacity: 10;
  pointer-events: none;
}

/* ④ Overlay désactivé */
.edv-hero__overlay {
  display: none;
}

/* Canvas grille — pleine largeur 1920px */
.home #edv-canvas-mix {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
}


/* Responsive de la grille (grille 3) void-grid-mix */

@media (max-width: 767px) {
  .edv-hero__canvas,
  .edv-bandeau__canvas,
  #edv-canvas-mix {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .edv-hero__canvas,
  .edv-bandeau__canvas,
  #edv-canvas-mix {
    display: none !important;
  }
}