/* Date du jour et calendrier scolaire 2026-2027 du CSSDA (26 oct. 2026),
   repris du site de l'ACBDA. Marine pour un jour de classe, orange pour une
   journee pedagogique, rouge pour un conge, bleu pour un jour special. */
.date-bande{ padding:22px 0 4px; }
.date-du-jour{ position:relative; border-radius:12px; padding:18px 22px 18px 64px; margin:0; color:#fff; background:#1B2340; box-shadow:0 0 0 0 var(--halo, rgba(27,35,64,.7)); animation:date-pouls 2.2s ease-out infinite; }
.date-du-jour:empty{ display:none; }
.date-du-jour::before{ content:""; position:absolute; left:22px; top:50%; width:22px; height:22px; margin-top:-11px; border-radius:50%; background:#fff; animation:date-clignote 1.1s ease-in-out infinite; }
.date-du-jour p{ margin:4px 0; color:inherit; }
.date-du-jour__date{ font-size:1.05rem; font-weight:bold; text-transform:uppercase; letter-spacing:.04em; }
.date-du-jour__titre{ font-size:1.9rem; font-weight:800; line-height:1.15; }
.date-du-jour__detail{ font-size:1.05rem; }
.date-du-jour__suite{ font-weight:bold; margin-top:10px; padding-top:8px; border-top:1px solid rgba(255,255,255,.55); }
.date-du-jour__note{ font-size:.85rem; opacity:.92; }
.date-classe{ background:#1B2340; --halo:rgba(27,35,64,.7); }
.date-pedago{ background:#D96A00; --halo:rgba(217,106,0,.8); }
.date-conge{ background:#C62828; --halo:rgba(198,40,40,.8); }
.date-special{ background:#1F5FA8; --halo:rgba(31,95,168,.8); }
.date-neutre{ background:#4A4F5C; --halo:rgba(74,79,92,.6); }
@keyframes date-pouls{ 0%{ box-shadow:0 0 0 0 var(--halo); } 70%{ box-shadow:0 0 0 16px rgba(0,0,0,0); } 100%{ box-shadow:0 0 0 0 rgba(0,0,0,0); } }
@keyframes date-clignote{ 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:.25; transform:scale(.7); } }
@media (prefers-reduced-motion:reduce){ .date-du-jour, .date-du-jour::before{ animation:none; } }
@media print{ .date-du-jour{ animation:none; color:#000; background:#fff; border:2px solid #000; } }
@media (max-width:600px){ .date-du-jour__titre{ font-size:1.5rem; } }
.page > .date-du-jour{ margin:0 0 16px; }