/* =====================================================================
   electric-border.css — Contour électrique animé (porté de HydroPilot)
   ---------------------------------------------------------------------
   Version vanilla du composant React <ElectricBorder>. Le trait ondulant
   est dessiné sur un <canvas> par electric-border.js ; ces règles gèrent
   uniquement les couches de halo lumineux et l'empilement.
   Couleurs injectées en variables par le JS :
     --electric-border-color : couleur du trait
     --eb-line               : idem (bordure nette)
     --eb-soft               : version translucide (bordure douce)
     --eb-glow-a / --eb-glow-b : bornes du halo de fond
   ===================================================================== */
.electric-border {
  --eb-line: var(--electric-border-color, #FFE235);
  --eb-soft: var(--electric-border-color, #FFE235);
  position: relative;
  display: inline-flex;
  border-radius: inherit;
  overflow: visible;
  isolation: isolate;
}

.eb-canvas-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2;
}
.eb-canvas { display: block; }

.eb-content {
  position: relative;
  display: inline-flex;
  border-radius: inherit;
  z-index: 1;
}

.eb-layers {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
}
.eb-glow-1,
.eb-glow-2,
.eb-background-glow {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-sizing: border-box;
}
.eb-glow-1 { border: 2px solid var(--eb-soft); filter: blur(1px); }
.eb-glow-2 { border: 2px solid var(--eb-line); filter: blur(4px); }
.eb-background-glow {
  z-index: -1;
  transform: scale(1.08);
  filter: blur(26px);
  opacity: .42;
  background: linear-gradient(-30deg, var(--eb-glow-a, var(--eb-line)), transparent, var(--eb-glow-b, var(--eb-line)));
}

/* ---------------------------------------------------------------------
   Survol : le contour est dessiné dans un calque en surimpression
   (`.eb-overlay`, créé par electric-border.js) posé PAR-DESSUS l'élément,
   sans toucher à son DOM → aucun décalage de la carte / de la barre.
   --------------------------------------------------------------------- */
.eb-overlay { pointer-events: none; }