/*
 * Correzioni di accessibilità (WCAG 2.1 AA).
 */

/* I pannelli laterali chiusi restano fuori schermo: vanno esclusi da focus e lettori di schermo (2.4.3, 2.4.7). */
.cbp-spmenu {
    visibility: hidden;
    transition: all 0.2s ease-out, visibility 0s linear 0.2s;
}

.cbp-spmenu.menu-open {
    visibility: visible;
    transition: all 0.2s ease-out, visibility 0s linear 0s;
}

/* Testi lunghi (URL, nomi di file) devono andare a capo invece di causare scorrimento orizzontale (1.4.10). */
#main-container a,
#main-container .badge {
    overflow-wrap: anywhere;
}

#main-container .badge {
    white-space: normal;
    max-width: 100%;
    text-align: left;
}

#main-container h1,
#main-container h2,
#main-container h3,
#main-container h4,
#main-container p,
#main-container li {
    overflow-wrap: break-word;
}

/* Card dei documenti: il contenuto testuale deve potersi restringere e andare a capo. */
#main-container .card-icon .card-body,
#main-container .card-icon-content {
    min-width: 0;
}

#main-container .card-icon-content p,
#main-container .card-icon-content small,
#main-container .card-icon-content strong {
    overflow-wrap: anywhere;
}

/* Tabelle inserite nei contenuti: scorrono dentro il proprio riquadro, non l'intera pagina. */
#main-container .article-wrapper table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

/* Link del footer più facili da toccare su schermi piccoli. */
@media (max-width: 991.98px) {
    .footer-list ul li a {
        display: inline-block;
        padding: 12px 0;
    }
}
