/*
 * Layer di compatibilita' Bootstrap 4 -> 5 per l'Area Riservata.
 * Ripristina classi/utility rinominate o rimosse in Bootstrap 5 in modo che il
 * markup legacy continui a rendersi correttamente sotto BS5.
 */

/* Pulsante di chiusura (in BS5 rinominato .btn-close) */
.close {
    box-sizing: content-box;
    padding: 0;
    color: #000;
    background: transparent;
    border: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    cursor: pointer;
}
.close:hover { color: #000; text-decoration: none; opacity: .75; }
.close:not(:disabled):not(.disabled) { cursor: pointer; }

/* Allineamento testo direzionale (BS5: text-start/text-end) */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

/* Float direzionali (BS5: float-start/float-end) */
.float-left { float: left !important; }
.float-right { float: right !important; }

/* Gutter azzerati (BS5: g-0) */
.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

/* Margin/padding direzionali left/right (BS5: ms-/me-/ps-/pe-) */
.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: .25rem !important; }
.ml-2 { margin-left: .5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }
.ml-auto { margin-left: auto !important; }
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: .25rem !important; }
.mr-2 { margin-right: .5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }
.mr-auto { margin-right: auto !important; }
.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: .25rem !important; }
.pl-2 { padding-left: .5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }
.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: .25rem !important; }
.pr-2 { padding-right: .5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }

/* Solo screen reader (BS5: visually-hidden) */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Residui BS3 e visibilita' dei pannelli fade attivi */
.fade.in { opacity: 1; }
.tab-content > .tab-pane.active { display: block; opacity: 1; }
.collapse.in { display: block; }

/* Griglia dei form (rimossa in BS5) */
.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
.form-row > .col,
.form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }