/*
 * Colonne fisse per la griglia "Disponibilità Abbonamenti" mentre si scorre orizzontalmente
 * tra le colonne-partita (potenzialmente ~19). Restano sempre visibili checkbox di selezione,
 * icona Credenziali J.com e Cognome (il punto di riferimento minimo per capire "di chi è la
 * riga" anche su schermi stretti); Nome, Macro Area, Settore-Fila-Posto, Tipologia e Gestione
 * restano fisse solo da tablet/desktop in su (>=769px), dove c'è margine per tenerle visibili
 * senza schiacciare le colonne-partita.
 *
 * Gli offset "left" sono calcolati sulle larghezze reali (misurate in browser) delle celle
 * checkbox/azione, che Filament renderizza con dimensioni leggermente diverse tra mobile e
 * desktop — per questo vivono qui (con valori diversi per breakpoint) e non come stile inline
 * per colonna in PHP.
 *
 * `background-color: inherit` non basta per rendere opache le colonne fisse: lo sfondo di
 * intestazione/righe in questo tema è un overlay semi-trasparente (es. bianco 5% in dark mode),
 * quindi il testo delle colonne scorrevoli sotto continuerebbe a intravedersi. I valori qui sotto
 * sono i colori realmente compositati (card scura + overlay riga), calcolati una volta e fissati:
 * non sono variabili CSS del tema, quindi non seguono automaticamente eventuali ricolorazioni del
 * pannello Filament — se il tema cambia andranno ricalcolati.
 */

/* --- Sticky sempre attivo: checkbox, azione J.com, Cognome --- */
table thead th:nth-child(1),
table tbody td:nth-child(1),
table thead th:nth-child(2),
table tbody td:nth-child(2),
.jc-sticky {
    position: sticky;
    background-clip: padding-box;
}

table thead th:nth-child(1),
table tbody td:nth-child(1) {
    left: 0;
}

table thead th:nth-child(2),
table tbody td:nth-child(2) {
    left: 44px;
}

.jc-col-cognome {
    left: 88px;
}

/* --- Sticky solo da tablet/desktop in su: Nome, Macro Area, Settore-Fila-Posto, Tipologia, Gestione --- */
@media (min-width: 769px) {
    .jc-sticky-md {
        position: sticky;
        background-clip: padding-box;
    }

    table thead th:nth-child(2),
    table tbody td:nth-child(2) {
        left: 52px;
    }

    .jc-col-cognome {
        left: 96px;
    }

    .jc-col-nome {
        left: 210px;
    }

    .jc-col-macro-area {
        left: 298px;
    }

    .jc-col-settore-fila-posto {
        left: 388px;
    }

    .jc-col-tipologia {
        left: 478px;
    }

    .jc-col-gestione {
        left: 570px;
    }
}

/* --- Colori pieni: senza questi, l'overlay semi-trasparente del tema lascia intravedere le
   colonne-partita scorrevoli sotto (vedi nota sopra). --- */
table thead th:nth-child(1),
table thead th:nth-child(2),
table thead th.jc-sticky,
table thead th.jc-sticky-md {
    z-index: 3;
    background-color: #f4f4f5;
}

.dark table thead th:nth-child(1),
.dark table thead th:nth-child(2),
.dark table thead th.jc-sticky,
.dark table thead th.jc-sticky-md {
    background-color: #232326;
}

table tbody td:nth-child(1),
table tbody td:nth-child(2),
table tbody td.jc-sticky,
table tbody td.jc-sticky-md {
    z-index: 2;
    background-color: #ffffff;
}

.dark table tbody td:nth-child(1),
.dark table tbody td:nth-child(2),
.dark table tbody td.jc-sticky,
.dark table tbody td.jc-sticky-md {
    background-color: #18181b;
}

/* Divisore visivo tra il blocco fisso e le colonne-partita scorrevoli, stile "freeze panes" —
   attivo solo dove jc-sticky-last è effettivamente sticky (desktop/tablet). */
@media (min-width: 769px) {
    .jc-sticky-last {
        box-shadow: 2px 0 4px -2px rgba(0, 0, 0, 0.35);
    }
}