/* ===========================================
   GRID CHECKBOX - Custom styling per contentGrid
   =========================================== */

/* Contenitore card in posizione relativa per l'overlay */
.fi-ta-content-grid .fi-ta-record {
    position: relative;
}

/* Checkbox in overlay, nascosta di default */
.fi-ta-content-grid .fi-ta-record-checkbox {
    position: absolute !important;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    /* Background per visibilità sulla copertina */
    background: rgba(255, 255, 255, 0.95);
    border-radius: 4px;
    padding: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    /* Assicura che la checkbox sia visibile e cliccabile */
    margin: 0 !important;
}

/* Mostra checkbox su hover della card */
.fi-ta-content-grid .fi-ta-record:hover .fi-ta-record-checkbox {
    opacity: 1;
}

/* Mostra sempre checkbox se record è selezionato */
.fi-ta-content-grid .fi-ta-record.fi-selected .fi-ta-record-checkbox {
    opacity: 1;
}

/* Stato checked della checkbox - forzare visualizzazione */
.fi-ta-content-grid .fi-ta-record-checkbox:checked {
    opacity: 1;
}

/* Feedback visuale card selezionata */
.fi-ta-content-grid .fi-ta-record.fi-selected {
    outline: 2px solid rgb(var(--primary-500));
    outline-offset: 2px;
}

/* ===========================================
   PADDING E LAYOUT
   =========================================== */

/* Rimuovere padding laterale extra dalla card ma mantenere padding interno al contenuto */
.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-prefix {
    padding-left: 0 !important;
}

/* Ripristinare padding interno al contenuto */
.fi-ta-content-grid .fi-ta-record .fi-ta-record-content {
    padding: 1rem !important;
}

/* ===========================================
   IMMAGINE CENTRATA
   =========================================== */

.fi-ta-content-grid .fi-ta-record .fi-ta-image {
    display: flex;
    justify-content: center;
}

/* ===========================================
   ACTIONS A TUTTA LARGHEZZA (STACKED)
   =========================================== */

.fi-ta-content-grid .fi-ta-record .fi-ta-actions {
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 1rem 1rem 1rem !important;
    gap: 0.5rem !important;
}

.fi-ta-content-grid .fi-ta-record .fi-ta-actions > * {
    width: 100% !important;
}

.fi-ta-content-grid .fi-ta-record .fi-ta-actions .fi-btn {
    width: 100% !important;
    justify-content: center !important;
}

/* ===========================================
   SFONDI COLORATI PER STATO
   =========================================== */

/* Verde chiaro - Serie complete / Albi posseduti */
.fi-ta-content-grid .fi-ta-record.bg-green-50 {
    background-color: rgb(240 253 244) !important; /* green-50 */
}

/* Giallo chiaro - Serie in corso non complete */
.fi-ta-content-grid .fi-ta-record.bg-warning-50 {
    background-color: rgb(254 252 232) !important; /* yellow-50 */
}