/* Correzione per il Punto 3: Sidebar sticky che non va sopra il footer */
.petition-sidebar {
    /* Assicura che la sidebar abbia un contesto di stacking */
    position: relative;
}

.sticky-top-custom {
    /* Rende l'elemento sticky */
    position: -webkit-sticky; /* Per Safari */
    position: sticky;
    top: 20px; /* Distanza dall'alto */
    /* Aggiunge un margine inferiore per non sovrapporsi al footer */
    margin-bottom: 50px; /* Regola questo valore in base all'altezza del footer */
}

/* FORZA IL WORD WRAPPING SUI MODAL-BODY */
.modal-body {
    text-wrap: wrap !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
}


/* Assicurati che il footer abbia un z-index inferiore o che sia posizionato correttamente */
/* Questo potrebbe richiedere la modifica del file di layout o del CSS principale */
/* Per ora, ci affidiamo alla correzione del margine inferiore e alla posizione sticky */