/* ==========================================================
   SPS MODERN 2027
   CALENDAR.CSS - FullCalendar moderno

   Restyling conservativo
   Nessuna modifica a dimensioni o funzionalita'
   ========================================================== */


/* ==========================================================
   01. CONTENITORE CALENDARIO
   ========================================================== */

.content-wrapper .fc .fc-scrollgrid {
    border-color: #e2e8f0;
    border-radius: 8px;
}

/* Separazioni della griglia */
.content-wrapper .fc .fc-scrollgrid td,
.content-wrapper .fc .fc-scrollgrid th {
    border-color: #e7ecf2;
}


/* ==========================================================
   02. INTESTAZIONI DEI GIORNI
   ========================================================== */

.content-wrapper .fc .fc-col-header-cell {
    background-color: #f7f9fc;
}

.content-wrapper .fc .fc-col-header-cell-cushion {
    padding: 9px 4px;

    color: #34465a;
    font-weight: 600;
    text-decoration: none;
}

/* Giorno corrente */
.content-wrapper .fc .fc-day-today {
    background-color: rgba(75, 135, 190, 0.045);
}


/* ==========================================================
   03. GRIGLIA ORARIA
   ========================================================== */

.content-wrapper .fc .fc-timegrid-slot {
    border-color: #edf0f5;
}

.content-wrapper .fc .fc-timegrid-slot-label {
    color: #758295;
    font-size: 11px;
}

/* Linee intermedie */
.content-wrapper .fc .fc-timegrid-slot-minor {
    border-top-style: dotted;
}


/* ==========================================================
   04. PULSANTI DI NAVIGAZIONE
   ========================================================== */

.content-wrapper .fc .fc-button {
    border-radius: 7px;

    font-weight: 500;

    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

/* Pulsanti raggruppati */
.content-wrapper .fc .fc-button-group > .fc-button {
    border-radius: 0;
}

.content-wrapper .fc .fc-button-group > .fc-button:first-child {
    border-radius: 7px 0 0 7px;
}

.content-wrapper .fc .fc-button-group > .fc-button:last-child {
    border-radius: 0 7px 7px 0;
}

/* Hover */
.content-wrapper .fc .fc-button:hover {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.09);
}


/* ==========================================================
   05. TITOLO CALENDARIO
   ========================================================== */

.content-wrapper .fc .fc-toolbar-title {
    font-weight: 600;
    letter-spacing: -0.3px;
}


/* ==========================================================
   06. LINK E INTERAZIONI
   ========================================================== */

.content-wrapper .fc .fc-col-header-cell-cushion:hover {
    text-decoration: none;
}

/* ==========================================================
   SPS MODERN 2027
   FULLCALENDAR - EVENTI
   ========================================================== */

/* Appuntamenti nella griglia settimanale */
.content-wrapper .fc .fc-timegrid-event {
    border-radius: 6px;
    border-width: 1px;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.10);

    transition: box-shadow 0.18s ease;
}

/* Hover senza spostare l'evento */
.content-wrapper .fc .fc-timegrid-event:hover {
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16);
}

/* Contenuto interno */
.content-wrapper .fc .fc-timegrid-event .fc-event-main {
    border-radius: inherit;
}

/* Testo degli appuntamenti */
.content-wrapper .fc .fc-timegrid-event .fc-event-title {
    font-weight: 500;
    line-height: 1.3;
}

/* Orario */
.content-wrapper .fc .fc-timegrid-event .fc-event-time {
    font-weight: 600;
}

/* Evidenziazione durante il trascinamento */
.content-wrapper .fc .fc-event-dragging {
    opacity: 0.85;
}

/* Maniglia per il ridimensionamento */
.content-wrapper .fc .fc-timegrid-event .fc-event-resizer {
    opacity: 0.7;
}

/* Maniglia più visibile al passaggio del mouse */
.content-wrapper .fc .fc-timegrid-event:hover .fc-event-resizer {
    opacity: 1;
}



/* ==========================================================
   SPS MODERN 2027
   CALENDARIO - CONTENUTO APPUNTAMENTI
   ========================================================== */

/* Contenuto degli eventi personalizzati SPS */
.content-wrapper .fc .fc-timegrid-event .fc-event-main {
    padding: 5px 7px;
    font-size: 11px;
    line-height: 1.35;

    overflow-wrap: break-word;
}

/* Etichette interne */
.content-wrapper .fc .fc-timegrid-event .fc-event-main b {
    font-weight: 700;
}

/* Mantiene visibile il contenuto negli eventi piccoli */
.content-wrapper .fc .fc-timegrid-event .fc-event-main {
    min-width: 0;
}


/* ==========================================================
   SPS MODERN 2027
   CALENDARIO - RIFINITURE VISTE

   Mensile, settimanale e giornaliera
   ========================================================== */


/* ==========================================================
   01. WEEKEND
   ========================================================== */

/*
   Riduce l'intensita' degli sfondi del weekend
   senza cambiare dimensioni o struttura.
*/

.content-wrapper .fc .fc-day-sat,
.content-wrapper .fc .fc-day-sun {
    --sps-weekend-background: #fff5f3;
}

/* Sfondo delle celle del mese */
.content-wrapper .fc .fc-daygrid-day.fc-day-sat,
.content-wrapper .fc .fc-daygrid-day.fc-day-sun {
    background-color: var(--sps-weekend-background);
}

/* Sfondo delle colonne orarie */
.content-wrapper .fc .fc-timegrid-col.fc-day-sat,
.content-wrapper .fc .fc-timegrid-col.fc-day-sun {
    background-color: var(--sps-weekend-background);
}


/* ==========================================================
   02. VISTA MENSILE
   ========================================================== */

/* Numeri dei giorni */
.content-wrapper .fc .fc-daygrid-day-number {
    padding: 5px 7px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
}

/* Eventi mensili */
.content-wrapper .fc .fc-daygrid-event {
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Spaziatura fra eventi */
.content-wrapper .fc .fc-daygrid-event-harness {
    margin-bottom: 2px;
}

/* Contenuto degli eventi mensili */
.content-wrapper .fc .fc-daygrid-event .fc-event-main {
    padding: 3px 4px;
    font-size: 10px;
    line-height: 1.3;
}

/* Evita di spezzare le parole lettera per lettera */
.content-wrapper .fc .fc-daygrid-event .fc-event-main {
    overflow-wrap: normal;
    word-break: normal;
}

/* Evidenziazione del giorno corrente */
.content-wrapper .fc .fc-daygrid-day.fc-day-today {
    background-color: #f1f7fd;
}


/* ==========================================================
   03. VISTA SETTIMANALE E GIORNALIERA
   ========================================================== */

/* Testo degli appuntamenti */
.content-wrapper .fc .fc-timegrid-event .fc-event-main {
    overflow-wrap: normal;
    word-break: normal;
}

/* Eventi piccoli: evitiamo padding eccessivo */
.content-wrapper .fc .fc-timegrid-event .fc-event-main {
    padding: 3px 4px;
}

/* Titoli e testi interni */
.content-wrapper .fc .fc-timegrid-event .fc-event-main b {
    font-weight: 700;
}

/* Separazione visiva degli appuntamenti */
.content-wrapper .fc .fc-timegrid-event {
    border-radius: 5px;
}

/* Nessuno spostamento al passaggio del mouse */
.content-wrapper .fc .fc-timegrid-event:hover {
    transform: none;
}


/* ==========================================================
   04. SCROLLBAR CALENDARIO
   ========================================================== */

.content-wrapper .fc .fc-scroller {
    scrollbar-width: thin;
    scrollbar-color: #bfcbd8 transparent;
}

.content-wrapper .fc .fc-scroller::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.content-wrapper .fc .fc-scroller::-webkit-scrollbar-thumb {
    background-color: #bfcbd8;
    border-radius: 8px;
}

.content-wrapper .fc .fc-scroller::-webkit-scrollbar-thumb:hover {
    background-color: #9cabbc;
}

/* ==========================================================
   SPS MODERN 2027 - CALENDAR HOVER
   ========================================================== */

/* Appuntamenti: transizione morbida */
.content-wrapper .fc .fc-timegrid-event,
.content-wrapper .fc .fc-daygrid-event {
    transition:
        box-shadow 0.18s ease,
        filter 0.18s ease,
        border-color 0.18s ease;
}

/* Hover: valorizza il colore originale */
.content-wrapper .fc .fc-timegrid-event:hover,
.content-wrapper .fc .fc-daygrid-event:hover {
    filter: brightness(1.06);

    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.25);

    cursor: pointer;
}

/* Focus da tastiera */
.content-wrapper .fc .fc-timegrid-event:focus-visible,
.content-wrapper .fc .fc-daygrid-event:focus-visible {
    outline: 2px solid #4c91d0;
    outline-offset: 2px;
}

/* Durante il trascinamento: niente effetti aggiuntivi */
.content-wrapper .fc .fc-event-dragging {
    filter: none;
    box-shadow: none;
}


/* ==========================================================
   SPS MODERN 2027 - HOVER GIORNI
   ========================================================== */

/* Evidenzia delicatamente le celle del mese */
.content-wrapper .fc .fc-daygrid-day-frame {
    transition: background-color 0.18s ease;
}

.content-wrapper .fc .fc-daygrid-day-frame:hover {
    background-color: rgba(80, 140, 195, 0.055);
}

/* Non alterare gli eventi contenuti nella cella */
.content-wrapper .fc .fc-daygrid-day-frame:hover .fc-event {
    filter: none;
}

/* Ripristina l'hover specifico degli appuntamenti */
.content-wrapper .fc .fc-daygrid-day-frame:hover .fc-event:hover {
    filter: brightness(1.06);
}



/* ==========================================================
   SPS MODERN 2027
   TOOLTIP CALENDARIO - RESTYLING
   ========================================================== */

/*
   Tooltipster:
   modifica esclusivamente l'aspetto dei tooltip,
   senza intervenire sugli eventi del calendario.
*/

/* Contenitore */
.tooltipster-base {
    border-radius: 9px !important;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.20) !important;
}

/* Aspetto del tooltip */
.tooltipster-base .tooltipster-box {
    background: #303946 !important;

    border: 1px solid #465365 !important;
    border-radius: 9px !important;
}

/* Contenuto */
.tooltipster-base .tooltipster-content {
    color: #f2f5f9 !important;

    font-size: 12px !important;
    line-height: 1.55 !important;

    padding: 12px 14px !important;

    max-width: 420px;

    overflow-wrap: break-word;
}

/* Testi in grassetto */
.tooltipster-base .tooltipster-content b,
.tooltipster-base .tooltipster-content strong {
    color: #ffffff;
    font-weight: 600;
}

/* Paragrafi */
.tooltipster-base .tooltipster-content p {
    margin: 4px 0;
}

/* Collegamenti */
.tooltipster-base .tooltipster-content a {
    color: #9bc9ff;
}

.tooltipster-base .tooltipster-content a:hover {
    color: #c5e1ff;
    text-decoration: underline;
}

/* Freccia Tooltipster */
.tooltipster-base .tooltipster-arrow-background {
    border-color: #303946;
}

/* Evita tooltip troppo larghi su schermi piccoli */
@media (max-width: 600px) {
    .tooltipster-base .tooltipster-content {
        max-width: calc(100vw - 40px);
        font-size: 11px !important;
    }
}

/* ==========================================================
   SPS MODERN 2027
   TOOLTIP - SCROLLBAR E ALTEZZA
   ========================================================== */

/* Evita scrollbar interne quando il contenuto può espandersi */
.tooltipster-base .tooltipster-content {
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
}

/* Mantiene il contenitore adattabile */
.tooltipster-base .tooltipster-box {
    height: auto;
    max-height: none;
}

/* Non alteriamo i colori originali */
/* ==========================================================
   FINE CALENDAR.CSS
   ========================================================== */