/* festive.css — Ambiance festive (surcouche décorative).
   Scopée sous body[data-festive="…"], 100 % additive, pointer-events:none → ne bloque jamais
   l'interaction. Chargée UNIQUEMENT quand une ambiance est active (voir empire.php).
   z-index 60/61 : au-dessus du contenu, mais SOUS toutes les modales (âge=1200, panier=4000, chat…). */

.v001-festive{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}
.v001-festive canvas{display:block;width:100%;height:100%}
.v001-festive__top{position:fixed;top:0;left:0;right:0;height:4px;pointer-events:none;z-index:61}

@media (prefers-reduced-motion: reduce){ .v001-festive{display:none} }

/* Bandeau d'annonce thématisé (surcharge le fond inline du thème, en !important, scopé par ambiance). */
body[data-festive="halloween"]   [data-announcement-bar]{background:linear-gradient(90deg,#2a1b4d,#7a2a00)!important}
body[data-festive="noel"]        [data-announcement-bar]{background:linear-gradient(90deg,#0b5d2e,#8c1420)!important}
body[data-festive="nouvel-an"]   [data-announcement-bar]{background:linear-gradient(90deg,#14142a,#6b5a12)!important}
body[data-festive="koningsdag"]  [data-announcement-bar]{background:#ff7a00!important}
body[data-festive="sinterklaas"] [data-announcement-bar]{background:#9b1420!important}

/* Liseré décoratif en haut de page (élément à nous → 100 % sûr). */
body[data-festive="halloween"]   .v001-festive__top{background:repeating-linear-gradient(90deg,#ff7a00 0 14px,#2a1b4d 14px 28px)}
body[data-festive="noel"]        .v001-festive__top{background:repeating-linear-gradient(90deg,#c0162a 0 14px,#0b5d2e 14px 28px)}
body[data-festive="nouvel-an"]   .v001-festive__top{background:linear-gradient(90deg,#d4af37,#fff6cf,#d4af37)}
body[data-festive="koningsdag"]  .v001-festive__top{background:#ff7a00}
body[data-festive="sinterklaas"] .v001-festive__top{background:repeating-linear-gradient(90deg,#9b1420 0 14px,#fff 14px 28px)}