/* Componente calendario disponibilita'.
   Usa le variabili del tema del sito quando ci sono, con valori di scorta:
   cosi' si adatta da solo alla grafica di ogni starter. */
.chips-calendario { margin-bottom: 3rem; }
.chips-cal-head { text-align: center; margin-bottom: 1.5rem; }
.chips-cal-sub { color: var(--text-light, #6b7280); max-width: 620px; margin: 0.5rem auto 0; }
.chips-cal-hint { color: var(--text-light, #6b7280); font-size: 0.9rem; margin-top: 0.75rem; }
.chips-cal-legenda { display: flex; gap: 1.25rem; justify-content: center; flex-wrap: wrap; margin-top: 1rem; font-size: 0.9rem; color: var(--text-light, #6b7280); }
.chips-cal-legenda span { display: inline-flex; align-items: center; gap: 0.45rem; }
.chips-cal-legenda .box { width: 14px; height: 14px; border-radius: 4px; display: inline-block; border: 1px solid var(--border, #e2e2e2); }
.chips-cal-legenda .box.libero { background: #fff; }
.chips-cal-legenda .box.occupato { background: var(--border, #ddd6c9); border-color: transparent; }
.chips-cal-legenda .box.scelto { background: var(--primary, #2563eb); border-color: transparent; }

.chips-cal-mesi { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1.5rem; }
.chips-cal-mese { background: #fff; border: 1px solid var(--border, #e6e2da); border-radius: 14px; padding: 1rem 1rem 1.25rem; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05); }
.chips-cal-titolo { text-align: center; font-family: var(--font-heading, inherit); font-size: 1.05rem; margin-bottom: 0.75rem; color: var(--text, #222); }
.chips-cal-tabella { width: 100%; border-collapse: collapse; }
.chips-cal-tabella th { font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted, #9aa0a6); padding-bottom: 0.4rem; }
.chips-cal-tabella td { text-align: center; padding: 0.35rem 0; font-size: 0.88rem; border-radius: 8px; color: var(--text, #222); }
.chips-cal-tabella td.occupato { background: var(--border, #ddd6c9); color: var(--text-muted, #8d8d8d); text-decoration: line-through; }
.chips-cal-tabella td.passato { color: #c8c8c8; }
.chips-calendario.selezionabile td[data-data] { cursor: pointer; transition: background 0.15s, color 0.15s; }
.chips-calendario.selezionabile td[data-data]:hover { background: var(--bg-alt, #f3f4f6); }
.chips-cal-tabella td.scelto,
.chips-calendario.selezionabile td.scelto:hover { background: var(--primary, #2563eb); color: #fff; font-weight: 600; }

.chips-cal-scelte { margin-top: 1.5rem; text-align: center; color: var(--text, #222); }
.chips-cal-elenco { color: var(--text-light, #555); }
.chips-cal-pulisci { margin-left: 0.75rem; background: none; border: 1px solid var(--border, #ddd); border-radius: 999px; padding: 0.2rem 0.75rem; font-size: 0.8rem; cursor: pointer; color: var(--text-light, #666); }
.chips-cal-pulisci:hover { border-color: var(--primary, #2563eb); color: var(--primary, #2563eb); }
.chips-cal-nota { text-align: center; color: var(--text-light, #6b7280); font-size: 0.9rem; margin-top: 1rem; }