/* assets/css/style.css */

/* Import del font Montserrat, opzionale */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
}

/* Layout di base per le tabelle, se usate */
table.table-bordered th, 
table.table-bordered td {
  vertical-align: middle;
}

/* Pallino colorato per i partecipanti (ingrandito a 11px) */
.user-color-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 0,2px solid #fff; /* bordo bianco sottile */
  border-radius: 50%;
  vertical-align: middle;
  margin-left: 4px;
}

/* Forza la griglia della vista settimana (timeGridWeek) a una larghezza minima 
   sufficiente per 7 colonne di 200px ciascuna (quindi ~1400px o più).
   In tal modo, appare la scrollbar orizzontale se la finestra è più stretta. */
.fc-timegrid-body {
  min-width: 1400px; /* Regola come preferisci (7 giorni × 200px). */
}

/* Forza ogni colonna (giorno) in timeGridWeek ad avere min-width 200px */
.fc-timegrid-col {
  min-width: 100px;
}

/* Garantisce lo scroll orizzontale */
.fc-scroller-harness,
.fc-scroller-harness-liquid {
  overflow-x: auto !important;
}


/* Se usi la struttura flex in header.php per il footer in fondo alla pagina */
body.d-flex.flex-column.min-vh-100 {
  /* Nessuna regola speciale necessaria, 
     la classe .d-flex.flex-column.min-vh-100 su <body> 
     basta per spingere il footer in basso */
}
