/* Forza il menu a restare dentro l'area blu e a rimpicciolirsi */
.container-header {
    display: flex;
    flex-wrap: wrap; /* Permette al menu di andare su una seconda riga SE necessario, restando nel blu */
    align-items: center;
}

.header-get {
    flex: 1; /* Forza la navigazione a prendersi lo spazio disponibile */
    min-width: 0; /* Evita che il contenitore "esploda" verso destra */
}

.mod-menu {
    justify-content: flex-start; /* Allinea le voci a sinistra */
    flex-wrap: wrap; /* Se non entrano, vanno a capo ma restano nel blu */
}

.mod-menu li a {
    padding-left: 10px;  /* Riduce lo spazio tra una voce e l'altra */
    padding-right: 10px; 
    font-size: 0.95rem;  /* Rimpicciolisce leggermente il testo */
}

/* Cambia il colore della testata da blu a grigio */
.container-header {
    background-color: #666666 !important; /* Grigio medio. Puoi usare #333333 per un grigio scuro o #f4f4f4 per uno chiaro */
    background-image: none !important;    /* Rimuove eventuali sfumature di default */
}

/* Opzionale: Assicurati che le voci di menu siano ben leggibili */
.mod-menu li a {
    color: #ffffff !important; /* Testo bianco */
}

.mod-menu li a:hover {
    background-color: #555555 !important; /* Grigio leggermente diverso quando ci passi sopra col mouse */
    color: #ffffff !important;
}