/* ── Layout ────────────────────────────────────────────────────────────────── */
/*.resa-page { max-width:960px; margin:0 auto; }*/
.resa-tabs-nav .nav-link { font-size:.9em; padding:.6rem 1rem; font-weight:500; }
.resa-tabs-nav .nav-link.active { font-weight:700; }
.resa-tab-pane { border:1px solid var(--bs-border-color,#dee2e6); border-top:none; border-radius:0 0 .5rem .5rem; background:#fff; padding:1.5rem; }

/* ── Stat cards ─────────────────────────────────────────────────────────────── */
.resa-stat-card { text-align:center; padding:12px 16px; border:1px solid var(--gray-200); border-radius:10px; background:var(--gray-100); min-width:82px;flex: 1 auto; }
.resa-stat-value { font-size:1.5em; font-weight:800; color:var(--green); line-height:1; }
.resa-stat-label { font-size:.7em; color:var(--navy); margin-top:3px; text-transform:uppercase; letter-spacing:.04em; }

/* ── Calendrier ─────────────────────────────────────────────────────────────── */
.resa-cal-nav { display:flex; align-items:center; justify-content:space-between; margin-bottom:.9rem; }
.resa-cal-nav .resa-cal-title { font-size:1.05em; font-weight:700; color:#1e293b; text-align:center; flex:1; }
.resa-grid { border-collapse:collapse; width:100%; table-layout:fixed; }
.resa-grid thead th { text-align:center; font-size:.72em; font-weight:700; color:#64748b; padding:7px 2px; background:#f1f5f9; border:1px solid #e2e8f0; text-transform:uppercase; letter-spacing:.04em; }
.resa-th-closed { color:#94a3b8 !important; }
.resa-cell { border:1px solid #e2e8f0; padding:4px 3px; vertical-align:top; height:clamp(44px,9vw,76px); overflow:hidden; }
.resa-cell-day { font-size:clamp(.7em,2vw,.86em); font-weight:700; margin-bottom:2px; line-height:1; }
.resa-cell-lbl { font-size:.6em; line-height:1.3; overflow:hidden; }
.resa-cell-time { font-size:.58em; color:inherit; opacity:.8; white-space:nowrap; overflow:hidden; }

/* États ────────────────────────────────────────────────────────────────────── */
.resa-free { background:#fff; }
.resa-booking { background:#fee2e2; }
.resa-booking .resa-cell-day { color:#b91c1c; }
.resa-booking .resa-cell-lbl { color:#7f1d1d; }
.resa-block { background:#fef3c7; }
.resa-block .resa-cell-day { color:#b45309; }
.resa-block .resa-cell-lbl { color:#78350f; }
.resa-event { background:#dbeafe; }
.resa-event .resa-cell-day { color:var(--bs-primary,#1d4ed8); }
.resa-event .resa-cell-lbl { color:#1e3a5f; }
.resa-past { background:#f1f5f9; }
.resa-past .resa-cell-day { color:#94a3b8; }
.resa-closed { background:#e9ecef; cursor:not-allowed; }
.resa-closed .resa-cell-day { color:#adb5bd; }

/* Légende ──────────────────────────────────────────────────────────────────── */
.resa-legend { display:flex; flex-wrap:wrap; gap:.75rem 1.5rem; margin-top:.75rem; font-size:.82em; color:#475569; }
.resa-legend-dot { display:inline-block; width:13px; height:13px; border-radius:3px; vertical-align:middle; margin-right:4px; border:1px solid rgba(0,0,0,.1); }

/* Équipements ──────────────────────────────────────────────────────────────── */
.resa-equip-grid { display:grid; grid-template-columns:1fr 1fr; gap:5px 24px; }
@media(max-width:480px) { .resa-equip-grid { grid-template-columns:1fr; } }

/* Infos contact ────────────────────────────────────────────────────────────── */
.resa-contact-box { background:#f8fafc; border:1px solid #e2e8f0; border-radius:.5rem; padding:1rem 1.25rem; }
.resa-contact-box dl { margin:0; display:grid; grid-template-columns:auto 1fr; gap:.3rem .75rem; align-items:baseline; }
.resa-contact-box dt { font-weight:600; white-space:nowrap; color:#475569; font-size:.88em; }
.resa-contact-box dd { margin:0; }

/* Flatpickr — jours occupés ────────────────────────────────────────────────── */
.flatpickr-day.fp-day-busy { background:rgba(245,158,11,.18) !important; }
.flatpickr-day.fp-day-busy:not(.flatpickr-disabled):not(.selected)::after {
    content:''; display:block; width:4px; height:4px; border-radius:50%;
    background:#f59e0b; position:absolute; bottom:3px; left:50%; transform:translateX(-50%);
}

/* Responsive ───────────────────────────────────────────────────────────────── */
@media(max-width:575px) {
    .resa-tabs-nav .nav-link { font-size:.76em; padding:.4rem .5rem; }
    .resa-tabs-nav .nav-link .fa { display:none; }
    .resa-cell-lbl, .resa-cell-time { display:none; }
    .resa-stat-card { padding:9px 11px; min-width:68px; }
    .resa-stat-value { font-size:1.2em; }
    .resa-tab-pane { padding:.75rem; }
    .resa-grid thead th { padding:5px 1px; font-size:.62em; }
    .resa-cal-nav .btn { padding:.25rem .4rem; font-size:.8em; }
}