/* Widget Calendrier (themes/corps/inc_widgetCalendrier.php)
   Variantes "annuel" et "jour" : balisage historique, stylées par css.css (#calendar, .calendar, .shortlink).
   Ce fichier ne concerne que "prochaines" et "mois". */

/* ── Prochaines ouvertures ── */
.calendrierProchaines{ margin:20px 0; text-align:left; }
.calendrierProchaines h4{ color:var(--marron, #7e241c); margin:0 0 10px 0; }
.calendrierProchaines ul{ list-style:none; margin:0; padding:0; }
.calendrierProchaines li{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; padding:8px 0; border-bottom:1px solid rgba(126,36,28,.2); color:var(--marron, #7e241c); list-style:none; margin:0; }
.calendrierProchaines li::before{ display:none; }
.calendrierProchaines li:last-child{ border-bottom:none; }
.calendrierProchaines .pastille{ display:inline-block; flex:0 0 18px; width:18px; height:18px; border:1px solid var(--marron, #7e241c); }
.calendrierProchaines .dates{ font-weight:700; }
.calendrierProchaines .horaire{ font-weight:400; }
.calendrierProchaines small{ flex-basis:100%; padding-left:28px; font-size:.8em; opacity:.85; }
.calendrierProchaines li.aujourdhui .dates{ color:var(--rouge, #c0392b); }
.calendrierProchaines .calVide{ font-style:italic; }

/* ── Un mois navigable ── */
.calendrierMoisNav{ position:relative; display:inline-block; text-align:center; margin:20px auto; max-width:100%; }
.calendrierMoisNav .calMois[hidden]{ display:none; }
.calendrierMoisNav .calendar{ display:inline-block; }
.calendrierMoisNav .calNav{ position:absolute; top:0; left:50%; width:300px; margin-left:-150px; display:flex; justify-content:space-between; pointer-events:none; }
.calendrierMoisNav .calNav button{ pointer-events:auto; border:none; background:var(--marron, #7e241c); color:#fff; width:26px; height:26px; line-height:24px; border-radius:50%; font-size:20px; cursor:pointer; padding:0; }
.calendrierMoisNav .calNav button:disabled{ opacity:.3; cursor:default; }
.calendrierMoisNav .calendrierLegende{ margin-top:12px; text-align:center; }
.calendrierMoisNav .calendrierLegende .horText{ display:inline-block; margin:0 10px; line-height:26px; color:var(--marron, #7e241c); }