/* Personalizzazioni aggiuntive per il calendario */
body {
    font-family: system-ui, -apple-system, sans-serif;
}

/* Nasconde gli elementi con x-cloak finché Alpine non è pronto (usato nei combobox) */
[x-cloak] {
    display: none !important;
}

/* Riserva sempre lo spazio della scrollbar verticale del contenuto
   principale, anche quando non serve: altrimenti il contenuto "salta" a
   sinistra ogni volta che compare la scrollbar (cambio mese, filtri, ecc). */
main {
    scrollbar-gutter: stable;
}

/* Esempio di transizioni o stili personalizzati per le card delle lezioni */
.lezione-card {
    transition: all 0.2s ease-in-out;
}
.lezione-card:hover {
    border-color: rgba(99, 102, 241, 0.4);
}
/* Scrollbar più sottile per la lista lezioni dentro ogni giorno */
.max-h-\[80px\]::-webkit-scrollbar {
    width: 4px;
}
.max-h-\[80px\]::-webkit-scrollbar-thumb {
    background: rgba(99, 102, 241, 0.4);
    border-radius: 4px;
}