/* =========================================
= SOUS-COMPOSANT — VOILE DU HERO (.nl-hero-overlay)
= Couvre les vidéos pour que le titre clair reste lisible par-dessus.
= Markup : hero-overlay.php · enqueue : inc-hero-overlay.php
= Pas de JS : aucun état, aucune animation.
=
= Déplacé depuis home-hero.css en 1.2.338 (.nl-home-hero--overlay).
=
= Couleur et densité arrivent du markup en variables CSS, avec un repli ici :
= la feuille reste valable si le composant est appelé sans arguments.
=
= ⚠️ Le CADRE vient du hero : c'est .nl-home-hero qui porte position: relative
=   et la hauteur d'écran dans lesquelles ce voile s'étend.
========================================= */
.nl-hero-overlay {
  position: absolute;
  inset: 0;
  background: var(--nl-hero-overlay-color, #000);
  opacity: var(--nl-hero-overlay-opacity, 0.1);
  /* Décoratif : il ne doit jamais intercepter un clic destiné aux boutons. */
  pointer-events: none;
}