/* ============================================================
   Veste "Portale Rettorato" per Filament
   Identità: blu istituzionale #233a64 · oro #ff9500 · titoli serif
   ============================================================ */

:root {
    --rett-blu: #233a64;
    --rett-blu-scuro: #1a2c4e;
    --rett-oro: #ff9500;
    --rett-oro-tenue: #e9a94a;
    --rett-carta: #f7f8fb;
}

/* ---- Titoli in serif blu (la firma del portale) ---- */
.fi-header-heading,
.fi-section-header-heading,
.fi-modal-heading,
.fi-wi-stats-overview-stat-label {
    font-family: Georgia, 'Times New Roman', serif !important;
    color: var(--rett-blu) !important;
    letter-spacing: .01em;
}

/* Testatina: titolo pagina con filo d'oro sotto */
.fi-header-heading {
    font-size: 1.9rem !important;
    padding-bottom: .35rem;
    border-bottom: 3px solid var(--rett-oro);
    display: inline-block;
}

/* ---- Sfondo generale leggermente caldo (come la carta del portale) ---- */
.fi-body,
.fi-main {
    background-color: var(--rett-carta);
}

/* ---- Topbar con sottile filo blu ---- */
.fi-topbar nav {
    border-bottom: 2px solid var(--rett-blu);
}

/* ---- Sidebar: voce attiva con accento oro ---- */
.fi-sidebar-item-active .fi-sidebar-item-button {
    border-inline-start: 3px solid var(--rett-oro);
    border-radius: 0 .5rem .5rem 0;
}
.fi-sidebar-group-label {
    font-family: Georgia, 'Times New Roman', serif !important;
    color: var(--rett-blu) !important;
    font-size: .82rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* ---- Tabelle: intestazione blu tenue, testo blu scuro ---- */
.fi-ta-header-cell {
    background-color: #eef1f7;
}
.fi-ta-header-cell .fi-ta-header-cell-label {
    color: var(--rett-blu) !important;
    font-weight: 700;
}

/* Righe alternate leggermente azzurrate (striped più "portale") */
.fi-ta-row:nth-child(even) {
    background-color: #fafbfe;
}

/* ---- Bottone primario: blu pieno con hover più scuro ---- */
.fi-btn-color-primary {
    background-color: var(--rett-blu) !important;
}
.fi-btn-color-primary:hover {
    background-color: var(--rett-blu-scuro) !important;
}

/* ---- Login: card centrata con filo d'oro in alto ---- */
.fi-simple-main {
    border-top: 4px solid var(--rett-oro);
    box-shadow: 0 8px 30px rgba(35, 58, 100, .12);
}

/* ---- Badge un filo più pieni (come le etichette del portale) ---- */
.fi-badge {
    font-weight: 600;
}

/* ---- Tab (barra anni Prenotazioni): a capo su piu' righe, come i bottoni del portale ---- */
.fi-tabs {
    flex-wrap: wrap !important;
    row-gap: .4rem;
    column-gap: .35rem;
}

/* Ogni anno = bottone ben visibile (prima erano grigi troppo tenui) */
.fi-tabs-item {
    border: 1px solid #cbd3e1 !important;
    border-radius: .5rem !important;
    background: #f4f6fb !important;
    padding: .4rem .8rem !important;
    transition: all .12s ease;
}
.fi-tabs-item .fi-tabs-item-label {
    color: #233a64 !important;      /* blu Santuario, ben leggibile */
    font-weight: 600 !important;
}
.fi-tabs-item:hover {
    background: #e7ecf6 !important;
    border-color: var(--rett-oro) !important;
}
/* Anno selezionato: pieno, colore Santuario */
.fi-tabs-item[aria-selected="true"],
.fi-tabs-item.fi-active {
    background: #233a64 !important;
    border-color: #233a64 !important;
    box-shadow: 0 2px 6px rgba(35, 58, 100, .25);
}
.fi-tabs-item[aria-selected="true"] .fi-tabs-item-label,
.fi-tabs-item.fi-active .fi-tabs-item-label {
    color: #fff !important;
}