:root {

    --nav-h: 0px;

}



/* usa sempre l’altezza reale della navbar */

body {

    padding-top: var(--nav-h);

}



/* opzionale: quando usi ancore/scroll-to, evita che la navbar copra il titolo */

section, header + main, [id] {

    scroll-margin-top: var(--nav-h);

}



/* spazio per la fixed-top */



/* Navbar base */

.navbar {

    box-shadow: var(--shadow);

}



    .navbar .nav-link {

        font-weight: 600;

    }



.navbar-dark .nav-link,

.navbar-dark .navbar-brand {

    color: #fff;

}



    .navbar-dark .nav-link:hover {

        color: #e6e6e6;

    }



/* Mega menu container */

.mega-menu {

    width: 100%;

    max-width: 900px; /* puoi alzare/abbassare */

    border-radius: var(--radius);

}



    /* Link inside mega menu */

    .mega-menu .dropdown-item {

        color: #333;

        padding: .5rem 0;

    }



        .mega-menu .dropdown-item:hover {

            color: var(--primary);

            background: transparent;

        }



/* Rimuovi bordo/angolo del dropdown “mega” e allinea bene */

.navbar .dropdown-menu {

    border: 1px solid rgba(0,0,0,.06);

    border-radius: var(--radius);

}



/* Fix: dropdown mega full-width allineato al centro del nav */

.nav-item.position-static .dropdown-menu {

    left: 50%;

    transform: translateX(-50%);

}



/* MOBILE */

@media (max-width: 991.98px) {

    /* La collapse diventa un pannello */

    .navbar-collapse {

        position: fixed;

        top: 76px;

        left: 0;

        right: 0;

        background: #0d6efd; /* stesso blu della navbar */

        padding: 1rem;

        height: calc(100vh - 76px);

        overflow-y: auto;

    }



        .navbar-collapse .nav-link {

            color: #fff;

        }



    /* Mega menu a larghezza piena su mobile */

    .mega-menu {

        max-width: 100%;

        border-radius: var(--radius);

        background: #fff;

    }



    .nav-item.position-static .dropdown-menu {

        position: static;

        transform: none;

        width: 100%;

        margin-top: .5rem;

    }

}