/* EVENTI: caricato solo nell'archivio e nel dettaglio degli eventi, dopo style.css. Regole limitate al contenitore .eventi-section */

/* Card: il link "Scopri di più" prende il colore del testo della card come la CTA delle Esperienze (la regola globale a:link lo renderebbe bronzo) */
.eventi-section .evento-card-link{color:inherit;}
.eventi-section .evento-card-link:focus-visible{outline:2px solid var(--tertiary-color);outline-offset:4px;}
/* Card: stesso effetto dell'hover anche con la navigazione da tastiera */
.eventi-section .evento-card:focus-within{transform:translateY(-4px);box-shadow:0 18px 40px rgba(24,32,43,.08);}

/* Card in evidenza: sotto i 992px è in colonna e l'immagine prende l'altezza delle card normali (420px su schermi stretti mostrerebbe quasi solo cielo) */
@media (max-width:991.98px){.eventi-section .experience-archive-card-featured .experience-archive-image{height:280px;}}

/* Articolo: immagini inserite nel testo entro la colonna */
.eventi-section .evento-content img{max-width:100%;height:auto;}
/* Articolo: i titoli raggiunti dall'indice non finiscono attaccati al bordo superiore */
.eventi-section .evento-content h2{scroll-margin-top:30px;}

/* Indice laterale: distanza dal bordo quando resta fisso durante lo scorrimento (sticky-lg-top di Bootstrap lo attacca a 0) */
.eventi-section .evento-indice{top:30px;}

/* Paginazione: colori della palette al posto del blu di Bootstrap */
.eventi-section .evento-pagination{--bs-pagination-color:var(--tertiary-color);--bs-pagination-hover-color:var(--tertiary-color);--bs-pagination-focus-color:var(--tertiary-color);--bs-pagination-hover-bg:var(--quaternary-color);--bs-pagination-active-bg:var(--tertiary-color);--bs-pagination-active-border-color:var(--tertiary-color);--bs-pagination-focus-box-shadow:0 0 0 .25rem rgba(82,117,99,.25);}
.eventi-section .evento-pagination a.page-link{color:var(--tertiary-color);}