/* =====================================================================
   Festi'Eid — Couche « WOW » (additive, non destructive)
   Effets modernes posés par-dessus theme.css : barre de progression,
   header glass au scroll, révélations à l'apparition, aurora des héros.
   Respecte prefers-reduced-motion.
   ===================================================================== */

/* Barre de progression de lecture (haut de page) */
.wowbar{position:fixed;top:0;inset-inline:0;height:3px;width:0;z-index:400;transform-origin:0 50%;
  background:linear-gradient(90deg,var(--gold,#d9a148),var(--magenta,#e0457b) 60%,var(--teal,#1f9e8f));
  box-shadow:0 0 12px rgba(217,161,72,.55);transition:width .12s linear}

/* Header : verre dépoli + élévation quand on défile */
header{transition:background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}
header.wow-scrolled{background:rgba(253,247,236,.78);backdrop-filter:blur(14px) saturate(1.25);
  -webkit-backdrop-filter:blur(14px) saturate(1.25);box-shadow:0 8px 34px rgba(0,7,69,.12)}

/* Révélation douce à l'entrée dans le viewport */
.wow-in{opacity:0;transform:translateY(28px);
  transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.wow-in.is-in{opacity:1;transform:none}

/* Aurora animée derrière les héros des sous-pages (additif) */
.intro,.phero{position:relative;overflow:hidden}
.intro::before,.phero::before{content:"";position:absolute;inset:-30% -15% auto -15%;height:560px;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(217,161,72,.20),transparent 72%),
             radial-gradient(closest-side,rgba(224,69,123,.16),transparent 72%),
             radial-gradient(closest-side,rgba(31,158,143,.14),transparent 72%);
  background-repeat:no-repeat;background-size:46% 100%,42% 100%,40% 100%;
  background-position:12% 0,82% 18%,50% 4%;filter:blur(26px);
  animation:wowAurora 16s ease-in-out infinite alternate}
@keyframes wowAurora{from{transform:translateX(-3%) translateY(-1%)}to{transform:translateX(3%) translateY(1%)}}

/* Micro-interaction : léger zoom des vignettes vidéo au survol (renforce theme) */
.vcard img{transition:transform .5s ease}
.vcard:hover img{transform:scale(1.05)}

@media (prefers-reduced-motion: reduce){
  .wow-in{opacity:1!important;transform:none!important;transition:none!important}
  .wowbar{display:none}
  .intro::before,.phero::before{animation:none}
}

/* Billetterie fermée (post-événement) */
.tk-off{opacity:.82}
.tk-closedbtn{display:inline-block;margin-top:20px;padding:11px 26px;border-radius:999px;
  background:#ece6d8;color:#9a937f;font-family:var(--display,inherit);font-weight:600;font-size:.95rem;
  border:1px dashed #cfc6ad;cursor:default}