/* Commeire – compléments à Bootstrap 5 */
body { background:#f4f6f8; padding-bottom:3rem; }
.table > :not(caption) > * > * { padding-left:.5rem; padding-right:.5rem; }
.jour-passe { opacity:.6; }

/* Pastille de couleur des membres (page Admin) */
.point-couleur { display:inline-block; width:.75rem; height:.75rem;
                 border-radius:50%; vertical-align:middle; }

/* Calendrier mensuel (page Mes réservations) : une ligne par semaine */
.cal { table-layout:fixed; }
.cal th { padding:.3rem 0; font-size:.75rem; font-weight:600; text-align:center; }
.cal .cal-cell { height:4.6rem; vertical-align:top; padding:.25rem;
                 border-left:1px solid #e3e7ea; }
.cal .cal-weekend { background:#eef2f5; }
.cal .cal-num { font-size:.75rem; color:#495057; }
.cal .cal-today .cal-num { display:inline-block; width:1.3rem; text-align:center;
                           color:#fff; background:#2c5f7c; border-radius:50%; }
.cal .cal-membre { display:block; font-size:.72rem; margin-top:.15rem;
                   overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Smartphones */
@media (max-width: 575.98px) {
  .table { font-size:.9rem; }
  .container { padding-left:.6rem; padding-right:.6rem; }
}