.center {
    display: block;
    margin: 0 auto;
    text-align: center; /* utile pour centrer le texte à l’intérieur */
}

/* Change la couleur de l'arrière-plan sombre du menu mobile */
#overlay {
    background: rgba(255, 255, 255, 0.95) !important; /* Exemple : un blanc très légèrement transparent */
}

/* Si vous voulez également ajuster la couleur du menu lui-même, qui utilise .treemenu dans Quark */
.treemenu {
    background-color: #f0f0f0; /* Exemple : un gris très clair */
}

/* Et changez la couleur du texte du menu pour qu'il soit lisible sur le nouvel arrière-plan */
.treemenu li a {
    color: #333333; /* Exemple : texte gris foncé */
}

/* Assurez-vous que l'icône de fermeture (le "X") est également visible */
.mobile-container .mobile-logo .button-collapse {
    color: #333333; /* Exemple : couleur du bouton de fermeture */
}