/* ===================================================================
   Theme Halloween - surcouche activee par <html class="skrl-halloween">
   Aucune regle ne touche le CSS de base : retirer la classe suffit a
   revenir au site normal. Pose par le backend du 1er au 31 octobre
   (bloc SEASON_HERO / applySeasonTheme dans index.js).
   =================================================================== */

/* --- Accent : le bleu du site passe en orange citrouille --- */
:root.skrl-halloween{
  --bleu:       #F26B0F;
  --bleu-fonce: #C9540A;
}

/* --- Bandeau promo en orange et noir --- */
.skrl-halloween .skrl-promo{
  background:linear-gradient(90deg,#1a1a1a 0%,#F26B0F 45%,#1a1a1a 100%) !important;
}

/* --- Chauves-souris : décor fixe, ne gêne aucun clic --- */
.hw-bats{position:fixed;inset:0;z-index:88;pointer-events:none;overflow:hidden}
.hw-bat{
  position:absolute;width:26px;height:26px;opacity:.55;
  background-repeat:no-repeat;background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'%3E%3Cpath fill='%23121212' d='M32 6c2.4 0 4 2 4 4.6 2-2.6 5-4.6 8.4-5.6 3.4-1 6-.6 8 .6-1.6 1.4-2.4 3.4-2.4 5.8 0 2 .6 3.8 1.6 5.4-3.4-.6-6.4 0-9 1.6-2.6 1.6-4.6 4-6 7-.8-2-2.2-3.4-4.6-3.4s-3.8 1.4-4.6 3.4c-1.4-3-3.4-5.4-6-7-2.6-1.6-5.6-2.2-9-1.6 1-1.6 1.6-3.4 1.6-5.4 0-2.4-.8-4.4-2.4-5.8 2-1.2 4.6-1.6 8-.6 3.4 1 6.4 3 8.4 5.6C28 8 29.6 6 32 6z'/%3E%3C/svg%3E");
  animation:hw-fly linear infinite;
}
.hw-bat i{
  display:block;width:100%;height:100%;
  background:inherit;background-size:contain;
  animation:hw-flap .42s steps(2) infinite;
}
@keyframes hw-fly{
  from{ transform:translate3d(-8vw,0,0) }
  to  { transform:translate3d(112vw,0,0) }
}
@keyframes hw-flap{
  0%  { transform:scaleY(1) }
  100%{ transform:scaleY(.62) }
}
.hw-bat:nth-child(1){ top:16%; animation-duration:26s; animation-delay:-4s }
.hw-bat:nth-child(2){ top:38%; animation-duration:34s; animation-delay:-14s; width:18px;height:18px;opacity:.4 }
.hw-bat:nth-child(3){ top:62%; animation-duration:30s; animation-delay:-22s; width:32px;height:32px }
.hw-bat:nth-child(4){ top:80%; animation-duration:40s; animation-delay:-8s;  width:16px;height:16px;opacity:.35 }

/* --- Citrouille à la place de la puce verte des "status lines" --- */
.skrl-halloween .cat-pack__dot,
.skrl-halloween .pp__dot,
.skrl-halloween .bs-grid .cat-pack__dot{
  background:#F26B0F;
}

/* --- Titre d'accueil : filet de toile sous le titre --- */
.skrl-halloween .welcome-banner__kicker{ letter-spacing:.22em }

@media (prefers-reduced-motion:reduce){
  .hw-bat, .hw-bat i{ animation:none }
  .hw-bats{ display:none }
}
@media (max-width:700px){
  .hw-bats{ display:none }
  .skrl-halloween::before,
  .skrl-halloween::after{ opacity:.35 }
}