/* L'École de Do — décorations saisonnières (bandeau + habillage de l'agenda) */

/* ---------- Bandeau (agenda et « Mon compte ») ---------- */
.ld-deco-bandeau { text-align: center; border-radius: 12px; padding: 10px 14px; margin: 0 0 14px; font-size: 0.95rem; line-height: 1.4; }
.ld-deco-bandeau--octobre-rose { background: #fde4ef; color: #a3195b; }
.ld-deco-bandeau--halloween { background: #2a1a0f; color: #ffb347; }
.ld-deco-bandeau--noel { background: linear-gradient(135deg, #14532d, #166534); color: #fff; box-shadow: inset 0 -3px 0 #b91c1c; }
.ld-deco-bandeau--armada { background: linear-gradient(135deg, #0b2545, #13315c); color: #fff; box-shadow: inset 0 -3px 0 #e8c547; }

/* ---------- Pied décoratif sous l'agenda ---------- */
.lda-deco-pied { display: flex; justify-content: space-between; font-size: 1.6rem; margin: -14px 8px 0; position: relative; z-index: 5; pointer-events: none; }

/* ---------- Octobre Rose ---------- */
/* (le ruban du titre et des coins est injecté par decorations.php, en image SVG) */
.lda--octobre-rose .lda-corps { border-top: 4px solid #f06292; background-image: radial-gradient(circle at 50% 0, rgba(240,98,146,.08), transparent 55%); }
.lda-deco-pied--rose .ld-ruban { width: 1.6rem; height: 1.6rem; display: block; }
.lda-deco-pied--rose span:nth-child(1) { transform: rotate(-12deg); }
.lda-deco-pied--rose span:nth-child(3) { transform: rotate(12deg); }
.ld-ruban--texte { width: 1.1em; height: 1.1em; display: inline-block; vertical-align: -.2em; }
.lda--octobre-rose .lda-puce.is-actif { box-shadow: 0 0 0 2px #f06292; }
@media (max-width: 700px) { .lda--octobre-rose .lda-corps::before, .lda--octobre-rose .lda-corps::after { width: 30px; height: 30px; } }
.lda--octobre-rose .lda-entete.is-aujourdhui strong, .lda[data-lda].lda--octobre-rose .lda-mois__jour.is-aujourdhui .lda-mois__num { background: #e0457b; }

/* ---------- Halloween ---------- */
.lda--halloween .lda-corps { background-image: radial-gradient(circle at 100% 0, rgba(255,140,0,.07), transparent 40%); }
.lda--halloween .lda-corps::before, .lda--halloween .lda-corps::after { content: ""; position: absolute; width: 90px; height: 90px; z-index: 4; pointer-events: none; background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23553118' stroke-opacity='.45' stroke-width='1.2'%3E%3Cpath d='M0 0L100 100M0 0L50 100M0 0L100 50M0 0L0 100M0 0L100 0'/%3E%3Cpath d='M0 22Q12 18 22 0M0 44Q26 36 44 0M0 66Q40 54 66 0M0 88Q54 72 88 0'/%3E%3C/svg%3E"); }
.lda--halloween .lda-corps::before { top: 0; left: 0; }
.lda--halloween .lda-corps::after { top: 0; right: 0; transform: scaleX(-1); }
.lda--halloween .lda-titre::after { content: " 🎃"; }
.lda--halloween .lda-entete.is-aujourdhui strong, .lda[data-lda].lda--halloween .lda-mois__jour.is-aujourdhui .lda-mois__num { background: #e8590c; }

/* ---------- Noël ---------- */
.lda--noel { position: relative; }
.lda--noel .lda-titre::after { content: " 🎄"; }
.lda--noel .lda-entete.is-aujourdhui strong, .lda[data-lda].lda--noel .lda-mois__jour.is-aujourdhui .lda-mois__num { background: #b91c1c; }
/* Guirlande lumineuse en haut de l'agenda */
.lda--noel .lda-corps { border-top: 0; }
.lda--noel .lda-corps::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 6px; z-index: 4; pointer-events: none;
  background: radial-gradient(circle, #ef4444 3px, transparent 3.5px) 0 0 / 36px 6px, radial-gradient(circle, #facc15 3px, transparent 3.5px) 12px 0 / 36px 6px, radial-gradient(circle, #22c55e 3px, transparent 3.5px) 24px 0 / 36px 6px, #14532d;
  animation: lda-guirlande 1.6s steps(2) infinite; }
@keyframes lda-guirlande { 50% { filter: brightness(1.5) saturate(1.3); } }
/* Neige qui tombe doucement */
.lda-neige { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 6; }
.lda-neige i { position: absolute; top: -20px; color: #b6d4f0; font-style: normal; font-size: 14px; opacity: .8; animation: lda-flocon linear infinite; }
.lda-neige i:nth-child(3n)   { font-size: 10px; }
.lda-neige i:nth-child(4n)   { font-size: 18px; opacity: .6; }
.lda-neige i:nth-child(1)  { left: 3%;  animation-duration: 11s; animation-delay: -1s; }
.lda-neige i:nth-child(2)  { left: 9%;  animation-duration: 14s; animation-delay: -6s; }
.lda-neige i:nth-child(3)  { left: 15%; animation-duration: 9s;  animation-delay: -3s; }
.lda-neige i:nth-child(4)  { left: 21%; animation-duration: 13s; animation-delay: -9s; }
.lda-neige i:nth-child(5)  { left: 27%; animation-duration: 10s; animation-delay: -2s; }
.lda-neige i:nth-child(6)  { left: 33%; animation-duration: 15s; animation-delay: -12s; }
.lda-neige i:nth-child(7)  { left: 39%; animation-duration: 12s; animation-delay: -5s; }
.lda-neige i:nth-child(8)  { left: 45%; animation-duration: 9s;  animation-delay: -7s; }
.lda-neige i:nth-child(9)  { left: 51%; animation-duration: 14s; animation-delay: -1s; }
.lda-neige i:nth-child(10) { left: 57%; animation-duration: 11s; animation-delay: -10s; }
.lda-neige i:nth-child(11) { left: 63%; animation-duration: 13s; animation-delay: -4s; }
.lda-neige i:nth-child(12) { left: 69%; animation-duration: 10s; animation-delay: -8s; }
.lda-neige i:nth-child(13) { left: 75%; animation-duration: 15s; animation-delay: -2s; }
.lda-neige i:nth-child(14) { left: 81%; animation-duration: 12s; animation-delay: -11s; }
.lda-neige i:nth-child(15) { left: 87%; animation-duration: 9s;  animation-delay: -6s; }
.lda-neige i:nth-child(16) { left: 92%; animation-duration: 14s; animation-delay: -3s; }
.lda-neige i:nth-child(17) { left: 96%; animation-duration: 11s; animation-delay: -9s; }
.lda-neige i:nth-child(18) { left: 48%; animation-duration: 16s; animation-delay: -13s; }
@keyframes lda-flocon { to { transform: translate(30px, 110vh) rotate(180deg); } }

/* ---------- Armada ---------- */
.lda--armada .lda-titre::after { content: " ⛵"; }
.lda--armada .lda-entete.is-aujourdhui strong, .lda[data-lda].lda--armada .lda-mois__jour.is-aujourdhui .lda-mois__num { background: #13315c; }
/* Fanions de marine le long du haut de l'agenda */
.lda--armada .lda-corps::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 14px; z-index: 4; pointer-events: none;
  background:
    conic-gradient(from 135deg at 50% 0, #0b2545 0 90deg, transparent 0) 0 0 / 42px 14px repeat-x,
    conic-gradient(from 135deg at 50% 0, #e8c547 0 90deg, transparent 0) 14px 0 / 42px 14px repeat-x,
    conic-gradient(from 135deg at 50% 0, #c1121f 0 90deg, transparent 0) 28px 0 / 42px 14px repeat-x; }
/* Vagues en bas de l'agenda */
.lda--armada .lda-corps::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 18px; z-index: 4; pointer-events: none; opacity: .35;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 18'%3E%3Cpath d='M0 9 Q15 0 30 9 T60 9 V18 H0Z' fill='%2313315c'/%3E%3C/svg%3E") repeat-x 0 0 / 60px 18px;
  animation: lda-vagues 6s linear infinite; }
@keyframes lda-vagues { to { background-position: 60px 0; } }
.lda-deco-bateau { display: inline-block; animation: lda-tangage 3s ease-in-out infinite; }
@keyframes lda-tangage { 0%, 100% { transform: rotate(-6deg) translateY(0); } 50% { transform: rotate(6deg) translateY(-3px); } }

@media (prefers-reduced-motion: reduce) {
  .lda-neige { display: none; }
  .lda--noel .lda-corps::before, .lda--armada .lda-corps::after, .lda-deco-bateau { animation: none; }
}
@media (max-width: 700px) {
  .lda--halloween .lda-corps::before, .lda--halloween .lda-corps::after { width: 56px; height: 56px; }
}