/* Calendrier evenementiel v3 — couche visuelle non intrusive */
#calendrier-canvas {
  position: fixed; inset: 0; width: 100vw; height: 100vh;
  pointer-events: none; z-index: 9990;
}
#calendrier-tag {
  position: fixed; bottom: 14px; right: 14px; z-index: 9991;
  padding: 4px 12px; border-radius: 999px;
  font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
  color: #cfd6ff; background: rgba(10, 12, 30, 0.55);
  border: 1px solid rgba(160, 170, 255, 0.25);
  backdrop-filter: blur(6px); pointer-events: none;
}
#calendrier-son {
  position: fixed; bottom: 14px; left: 14px; z-index: 9992;
  padding: 5px 12px; border-radius: 999px; cursor: pointer;
  font-size: 11px; letter-spacing: 0.08em;
  color: #cfd6ff; background: rgba(10, 12, 30, 0.6);
  border: 1px solid rgba(160, 170, 255, 0.3);
}
#calendrier-son:hover { border-color: rgba(200, 210, 255, 0.6); }
[data-evenement="halloween"] #calendrier-tag { color: #ffb060; border-color: rgba(255,140,40,.4); }
[data-evenement="noel"] #calendrier-tag { color: #eaf2ff; }
[data-evenement="saint-valentin"] #calendrier-tag,
[data-evenement="fete-des-meres"] #calendrier-tag { color: #ff9ebd; border-color: rgba(255,110,160,.4); }

body[data-evenement="halloween"] { background: radial-gradient(1200px 600px at 50% -10%, #2a0f18 0%, #0a0508 55%, #050308 100%) !important; }
body[data-evenement="noel"] { background: radial-gradient(1200px 600px at 50% -10%, #12233f 0%, #080f22 55%, #060a18 100%) !important; }
body[data-evenement="nouvel-an"] { background: radial-gradient(1200px 600px at 50% -10%, #1a1440 0%, #0a0a20 55%, #060614 100%) !important; }
body[data-evenement="saint-valentin"],
body[data-evenement="fete-des-meres"] { background: radial-gradient(1200px 600px at 50% -10%, #33101f 0%, #12060e 55%, #0a0408 100%) !important; }
body[data-evenement="printemps"], body[data-evenement="paques"] { background: radial-gradient(1200px 600px at 50% -10%, #12301f 0%, #081510 55%, #050d0a 100%) !important; }
body[data-evenement="ete"] { background: radial-gradient(1200px 600px at 50% -10%, #103048 0%, #081420 55%, #050c14 100%) !important; }
body[data-evenement="automne"] { background: radial-gradient(1200px 600px at 50% -10%, #2e1a0c 0%, #120a06 55%, #0a0604 100%) !important; }
body[data-evenement="mardi-gras"] { background: radial-gradient(1200px 600px at 50% -10%, #2a0f2e 0%, #0e0812 55%, #08050c 100%) !important; }