/* ============================================================
   Ambiance Noël — vert sapin, rouge et or, neige qui tombe,
   guirlande lumineuse qui clignote. Mécanique : ambiance.css.
   ============================================================ */

body.ambiance-noel {
  --beige:      #F4ECE2;
  --beige-fonce:#E4D6C6;
  --rose:       #EBCDC4;
  --rose-clair: #F8E7E2;
  --vieux-rose: #A8322D;
  --rose-fonce: #82231F;

  --amb-ribbon: linear-gradient(90deg, #1F3B2D 0%, #2F5D45 45%, #A8322D 100%);
  --amb-thread: #D9A441;
  --amb-bubble-bg: #A8322D;
  --amb-bubble-fg: #fff;
  --amb-footer:
    radial-gradient(1px 1px at 12% 22%, #fff 50%, transparent),
    radial-gradient(1px 1px at 34% 12%, #fff 50%, transparent),
    radial-gradient(1.5px 1.5px at 58% 30%, #fff 50%, transparent),
    radial-gradient(1px 1px at 72% 8%, #fff 50%, transparent),
    radial-gradient(1px 1px at 22% 48%, #fff 50%, transparent),
    radial-gradient(1px 1px at 46% 60%, #fff 50%, transparent),
    radial-gradient(1.2px 1.2px at 88% 40%, #fff 50%, transparent),
    linear-gradient(180deg, #1F3B2D 0%, #162B20 100%);

  background:
    radial-gradient(60rem 30rem at 110% -5%, rgba(168, 50, 45, .08), transparent 70%),
    radial-gradient(50rem 26rem at -10% 40%, rgba(47, 93, 69, .08), transparent 70%),
    var(--beige);
}

/* La guirlande lumineuse : les ampoules changent de couleur à tour de rôle. */
.ambiance-noel .site-header::after {
  height: 20px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='20' viewBox='0 0 96 20'%3E%3Ccircle cx='12' cy='12' r='6.5' fill='%23E2463F' opacity='.28'/%3E%3Crect x='10' y='4' width='4' height='3' rx='1' fill='%235B6B5F'/%3E%3Cellipse cx='12' cy='11.5' rx='3.4' ry='4.6' fill='%23E2463F'/%3E%3Cellipse cx='11' cy='10' rx='1' ry='1.6' fill='%23fff' opacity='.6'/%3E%3Ccircle cx='36' cy='12' r='6.5' fill='%23F2C14E' opacity='.28'/%3E%3Crect x='34' y='4' width='4' height='3' rx='1' fill='%235B6B5F'/%3E%3Cellipse cx='36' cy='11.5' rx='3.4' ry='4.6' fill='%23F2C14E'/%3E%3Cellipse cx='35' cy='10' rx='1' ry='1.6' fill='%23fff' opacity='.6'/%3E%3Ccircle cx='60' cy='12' r='6.5' fill='%233FA36B' opacity='.28'/%3E%3Crect x='58' y='4' width='4' height='3' rx='1' fill='%235B6B5F'/%3E%3Cellipse cx='60' cy='11.5' rx='3.4' ry='4.6' fill='%233FA36B'/%3E%3Cellipse cx='59' cy='10' rx='1' ry='1.6' fill='%23fff' opacity='.6'/%3E%3Ccircle cx='84' cy='12' r='6.5' fill='%234F8FD9' opacity='.28'/%3E%3Crect x='82' y='4' width='4' height='3' rx='1' fill='%235B6B5F'/%3E%3Cellipse cx='84' cy='11.5' rx='3.4' ry='4.6' fill='%234F8FD9'/%3E%3Cellipse cx='83' cy='10' rx='1' ry='1.6' fill='%23fff' opacity='.6'/%3E%3C/svg%3E") repeat-x 0 0 / 96px 20px,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='20' viewBox='0 0 96 20'%3E%3Cpath d='M0 2 Q12 7 24 2 T48 2 T72 2 T96 2' fill='none' stroke='%232F5D45' stroke-width='1.2'/%3E%3C/svg%3E") repeat-x 0 0 / 96px 20px;
  animation: amb-noel-chenillard 2.4s steps(4) infinite;
}
@keyframes amb-noel-chenillard { to { background-position: 96px 0, 0 0; } }

.ambiance-noel .amb-corner { opacity: .9; }
.ambiance-noel .amb-sky > svg { filter: drop-shadow(0 0 1px rgba(60, 95, 130, .9)) drop-shadow(0 1px 3px rgba(60, 95, 130, .45)); }

/* Le pied de page sous la neige. */
.ambiance-noel .site-footer { color: #F4ECE2; }
.ambiance-noel .site-footer::before {
  content: ""; position: absolute; left: 0; right: 0; top: -13px; height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='14' viewBox='0 0 60 14'%3E%3Cpath d='M0 14 L0 9 Q7 2 15 8 Q22 1 31 7 Q40 0 47 8 Q54 3 60 9 L60 14 Z' fill='%23fff'/%3E%3C/svg%3E") repeat-x 0 0 / 60px 14px;
}
.ambiance-noel .site-footer a { color: #F2C97A; }
.ambiance-noel .site-footer a:hover { color: #fff; }