h1 {
color: var(--main-color);
text-align: center;
/*
    animation: slideInLeft 1s ease-out; 

    animazione in entrata rimossa per agevolare velocita 
    attenzione a ripristinare perchè su evento quando salvi da animazione e non va bene, in caso cambiare classe ad H1 del form EventoForm.php 
*/
}


h2 {
    border-bottom: 2px solid var(--main-color);
    
}

label {
    font-size: 14px;
    color: var(--text-color);
    margin-bottom: 5px;
    display: block;
    
}

#mobileContainer {
    display: none;
}




/* Stile di base per il div del risultatoSettings */
.risultatoSettings {
    width: 100%; /* Puoi regolare la larghezza */
    padding: 10px;
    text-align: center;
    font-size: 16px;
    color: white; /* Colore del testo */
    border-radius: 5px;
    display: none; /* Inizialmente nascosto */
    transition: background-color 1s ease; /* Transizione per il cambio di colore */
}

/* Quando il risultatoSettings è positivo (verde) */
.risultatoSettings.successo {
    background-color: green;
}

/* Quando il risultatoSettings è negativo (rosso) */
.risultatoSettings.errore {
    background-color: red;
}

.azioni {
    display: flex;
    gap: 10px;
    display: none;
}

.settingsP {
    color: #808080;
}

@media (max-width: 768px) {

    .inputContainer {
        padding: 0;
    }

    .settingsContainer {
        height: 90%;
    }

    #mobileContainer{
    display: flex;
    
    }

    #password_form,
    #targa_form {
        display: none;
    }


    #nuovoUsername,
    #confNuovoUsername,
    #password_corrente,
    #nuova_password,
    #conferma_password,
    #targa_corrente {
    width: auto;
    size: 50px;
    }

    #UsernChangeBtn,
    #PaswChangeBtn {
        display: block;
        margin: auto;
        font-size: 15px;    
    }
    .settingsP{
        font-size: 11px;
    }
}

@media (max-width: 350px) {
    #password_form {
        display: none;
    }
    .inputSettings {
        width: auto;
    }

    .username_form {
    font-size: 10px;
    }

}

@media (max-width: 370px) {
    .container{
        font-size: 10px;
    } 
}