/* Stili personalizzati per la navbar */
.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    padding-top: 0.3rem !important; /* Riduci padding superiore navbar */
    padding-bottom: 0.3rem !important; /* Riduci padding inferiore navbar */
}

.navbar-brand {
    font-weight: 600;
    letter-spacing: 0.5px;
}

.navbar-brand img {
    margin-right: 8px;
}

.navbar .navbar-brand span {
    font-size: 1.25rem !important; /* Riduci dimensione font del brand */
}

.navbar .navbar-brand i {
    font-size: 1.5rem !important; /* Riduci dimensione icona del brand */
}

.nav-link {
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    margin: 0 0.25rem;
    transition: all 0.2s ease;
}

.nav-link:hover {
    background-color: rgba(255,255,255,0.1);
}

.nav-link.active {
    background-color: rgba(255,255,255,0.15);
    color: white !important;
}

.navbar .nav-link {
    padding-top: 0.25rem !important; /* Riduci padding superiore link */
    padding-bottom: 0.25rem !important; /* Riduci padding inferiore link */
    font-size: 0.9rem !important; /* Riduci dimensione font link */
}

.navbar .navbar-toggler {
    padding: 0.2rem 0.5rem !important; /* Riduci padding del toggler */
    font-size: 1rem !important; /* Riduci dimensione icona toggler */
}

/* Stili specifici per la navbar collassata su mobile */
@media (max-width: 991.98px) { /* Breakpoint lg di Bootstrap, sotto il quale la navbar collassa */
    .navbar-collapse {
        padding-top: 0.5rem; /* Aggiunge un po' di spazio sopra le voci quando il menu è aperto */
        padding-bottom: 0.5rem; /* Aggiunge un po' di spazio sotto le voci */
        border-top: 1px solid rgba(255, 255, 255, 0.1); /* Linea separatrice opzionale */
        margin-top: 0.5rem; /* Spazio tra il toggler e le voci */
    }

    .navbar-nav .nav-item {
        margin-bottom: 0.5rem; /* Aumenta lo spazio verticale tra le voci del menu */
    }

    .navbar-nav .nav-link {
        padding: 0.8rem 1rem !important; /* Aumenta il padding per un target tattile più grande */
        font-size: 1.2rem !important;    /* Aumenta la dimensione del font */
        display: block; /* Assicura che il link occupi tutta la larghezza disponibile */
        width: 100%;
    }

    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link:hover {
        background-color: rgba(255, 255, 255, 0.15) !important; /* Sfondo leggermente più evidente per interazione */
    }
}