/* Nebula NBL — Sacred Polish
   Micro-transitions et détails rituels partagés par toutes les pages.
   - Reveal on scroll (fade + slide up doux) via IntersectionObserver
   - Pulse doré sacré sur les CTA primaires (halo respirant)
   - Sceau triangulaire au survol des boutons dorés
*/

/* Reveal on scroll — s'applique à tout élément .sacred-reveal ou .lab-intro-inner */
.sacred-reveal, .lab-intro-inner, .av-card, .vl-card, .mf-card{
  opacity:0;transform:translateY(14px);
  transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);
  will-change:opacity,transform;
}
.sacred-reveal.is-in, .lab-intro-inner.is-in, .av-card.is-in, .vl-card.is-in, .mf-card.is-in{
  opacity:1;transform:translateY(0);
}

/* Halo respirant sur .button-primary */
.button-primary::before{
  content:"";position:absolute;inset:-2px;border-radius:inherit;
  background:radial-gradient(60% 60% at 50% 50%,rgba(124,245,255,.55),transparent 70%);
  opacity:.0;
  transition:opacity .8s ease;
  z-index:-1;pointer-events:none;
  filter:blur(14px);
}
.button-primary:hover::before,.button-primary:focus-visible::before{opacity:.9}
.button-primary{position:relative}

/* Sceau triangulaire discret qui apparaît au survol des CTA dorés */
.button-primary::after{
  content:"✦";
  position:absolute;top:-8px;right:-6px;
  font-size:12px;color:#ffd88a;
  opacity:0;transform:scale(.6) rotate(-25deg);
  transition:opacity .35s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1);
  text-shadow:0 0 10px rgba(255,216,138,.85);
  pointer-events:none;
}
.button-primary:hover::after,.button-primary:focus-visible::after{
  opacity:1;transform:scale(1) rotate(0);
}

/* Lueur or au focus clavier — accessibilité + sacré */
button:focus-visible, a:focus-visible{
  outline:2px solid rgba(255,216,138,.85);
  outline-offset:3px;
  border-radius:12px;
}

/* Cursor sacré sur les CTA — remplace le curseur par défaut par un point +halo */
@media (hover:hover) and (pointer:fine){
  .button-primary, .av-pick, .vl-play{
    cursor:pointer;
  }
}

/* Selection : couleur sacré-cyan */
::selection{background:rgba(255,216,138,.35);color:#02030a}

/* Scrollbar sacrée */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:rgba(2,4,12,.4)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(124,245,255,.35),rgba(255,216,138,.25));border-radius:999px;border:2px solid rgba(2,4,12,.6)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(124,245,255,.6),rgba(255,216,138,.5))}