/* Custom styles goes here */
/* --- Colori Principali (Bottoni, Link, Elementi Attivi) --- */
:root {
    --bs-primary: #F16522;
    --bs-primary-rgb: 241, 101, 34;
}

.btn-primary {
    background-color: #F16522 !important;
    border-color: #F16522 !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(241, 101, 34, 0.4) !important;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background-color: #D14D14 !important;
        border-color: #D14D14 !important;
    }

/* --- Sidebar e Menu di Navigazione --- */
.menu-vertical .menu-item.active > .menu-link {
    color: #F16522 !important;
    background-color: rgba(241, 101, 34, 0.1) !important;
}

/* La linea verticale che indica l'elemento attivo nel menu */
.menu-vertical .menu-item.active:not(.open) > .menu-link::before {
    background-color: #F16522 !important;
}

/* --- Badge e Altri elementi --- */
.bg-label-primary {
    background-color: rgba(241, 101, 34, 0.1) !important;
    color: #F16522 !important;
}

/* --- Focus degli Input (Form) --- */
.form-control:focus, .form-select:focus {
    border-color: #F16522 !important;
}
.bg-light {
    /* Arancione chiarissimo, quasi un bianco panna caldo */
    background-color: #fff9f0 !important;
    /* Se vuoi mantenere il controllo dell'opacità di Bootstrap */
    --bs-bg-opacity: 1;
    background-color: rgba(255, 249, 240, var(--bs-bg-opacity)) !important;
}
/* --- MODAL COMUNI --- */
.modal-brand-error, .modal-brand-success {
    border: none !important;
}

/* --- MODAL ERRORE (#errorModal) --- */
.border-left-brand {
    border-left: 5px solid #FF7900 !important;
}

.text-brand-error {
    color: #FF7900;
}

.title-brand-error {
    letter-spacing: 1px;
    font-size: 0.9rem;
}

.badge-brand-error {
    background-color: rgba(255, 121, 0, 0.1);
    color: #FF7900;
}

/* --- MODAL SUCCESSO (#successModal) --- */
.border-top-brand {
    border-top: 4px solid #F47920 !important;
}

.badge-brand-success {
    background-color: rgba(244, 121, 32, 0.1);
    color: #F47920;
}

.title-brand-success {
    color: #333;
}

.btn-brand-success {
    background-color: #F47920;
    border: none;
    transition: background-color 0.2s ease-in-out;
}

    .btn-brand-success:hover,
    .btn-brand-success:focus {
        background-color: #d66315; /* Arancione leggermente più scuro al passaggio del mouse */
        color: #ffffff !important;
    }



/* --- Sfondo del Modale Aperto --- */
.modal-backdrop-custom {
    display: block;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
}

/* --- Header Modale --- */
.modal-header-brand {
    background-color: #FF7900;
}

/* --- Elementi della Lista (Card) --- */
.seriale-item {
    background-color: #fff;
    border-color: #eeeeee;
    cursor: pointer;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

    /* Effetto Hover gestito interamente in CSS per i seriali validi */
    .seriale-item:not(.seriale-scaduto):hover {
        border-color: #FF7900 !important;
        transform: scale(1.01);
    }

    /* --- Stato Scaduto --- */
    .seriale-item.seriale-scaduto {
        background-color: #fff5f5 !important;
        border-color: #ffcccc !important;
        cursor: not-allowed;
        opacity: 0.8;
    }

.text-danger-custom {
    color: #dc3545;
}

.text-dark-custom {
    color: #333;
}

/* --- Icone --- */
.icon-brand-color {
    color: #FF7900;
}
/* Struttura e sfondo della modale */
.modal-custom-backdrop {
    display: block;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
}

.modal-header-orange {
    background-color: #FF7900;
}

/* Card base per i seriali */
.seriale-item-card {
    background-color: #ffffff;
    border-color: #eeeeee;
    cursor: pointer;
    transition: transform 0.2s, border-color 0.2s;
}

    /* Effetto hover solo per card attive */
    .seriale-item-card:not(.seriale-scaduto):hover {
        border-color: #FF7900 !important;
        transform: scale(1.01);
    }

    /* Stato scaduto */
    .seriale-item-card.seriale-scaduto {
        background-color: #fff5f5;
        border-color: #ffcccc;
        cursor: not-allowed;
        opacity: 0.8;
    }

/* Dettagli testo */
.seriale-titolo {
    color: #333333;
}

.seriale-scaduto .seriale-titolo {
    color: #dc3545;
}

.seriale-icon-calendar {
    color: #FF7900;
}