/* Fêtes de fin d'année 2026 (Cyril, 09/11/2026). Tout est sous .vtc-fetes, posée par fetes.js jusqu'au 6 janvier 2027. */

/* Ruban sucre d'orge, très fin, sous l'en-tête */
.vtc-fetes .prisma-header-inner::after,
.vtc-fetes .prisma-hero-bar::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 3px;
  pointer-events: none;
  opacity: .9;
  background: repeating-linear-gradient(135deg,
    #a3151d 0 7px, #f3ead8 7px 12px, #0e6b3c 12px 19px, #f3ead8 19px 24px);
  box-shadow: 0 1px 0 rgba(201, 169, 97, .55);
}
.vtc-fetes .prisma-hero-bar { position: relative; }

/* Brin de houx sur le bouton « Demander un devis » */
.vtc-fetes .prisma-nav-cta { position: relative; }
.vtc-fetes .vtc-fetes-houx {
  position: absolute;
  top: -11px;
  right: -9px;
  width: 24px;
  height: 30px;
  background: url(/wp-content/uploads/vtc-assets/fetes/houx.webp?v=1) center / contain no-repeat;
  transform: rotate(14deg);
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .45));
  pointer-events: none;
}

/* Casse-noisette qui traverse l'en-tête en marchant sur le ruban (une fois par page) */
.vtc-fetes .vtc-cn-piste {
  position: absolute;
  left: 0; right: 0; bottom: 3px;
  height: 46px;
  pointer-events: none;
  z-index: 4;
  overflow: hidden;
}
.vtc-fetes .vtc-cn {
  position: absolute;
  bottom: 0;
  left: -30px;
  width: 21px;
  height: 44px;
  background: url(/wp-content/uploads/vtc-assets/fetes/casse-noisette-marche.webp?v=2) 0 0 / 147px 44px no-repeat;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
  animation: vtcCnPas .77s steps(7) infinite, vtcCnTraverse 24s linear forwards;
}
@keyframes vtcCnPas { to { background-position: -147px 0; } }
@keyframes vtcCnTraverse { from { left: -30px; } to { left: calc(100% + 30px); } }
@media (prefers-reduced-motion: reduce) {
  .vtc-fetes .vtc-cn-piste { display: none; }
}

/* Accueil sur téléphone : pas de barre d'en-tête (logo et boutons flottent sur la vidéo).
   Le ruban borde alors le haut du cadre vidéo, et le casse-noisette marche juste dessous. */
.vtc-fetes-flottant .prisma-hero-bar::after { display: none; }
.vtc-fetes-flottant .prisma-hero-inner::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 3px;
  z-index: 6;
  pointer-events: none;
  background: repeating-linear-gradient(135deg,
    #a3151d 0 7px, #f3ead8 7px 12px, #0e6b3c 12px 19px, #f3ead8 19px 24px);
}
.vtc-fetes-flottant .vtc-cn-piste { top: 3px; bottom: auto; }