.navbar-mobile-contenitore {

    padding: 8px;

}

#hp_menu_mobile {
    position: absolute;
    background-color: white;
    width: 316px;
    border: 1px solid black;
    z-index: 1000;
    padding-left: 16px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    /* Ombra */
}

#bottone-menu-mobile {
    background-color: #7d8b97;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 8px;
    margin: 4px;
    border: 1px solid #ffffff;
    border-radius: 4px;
    ;
}

.menu-desktop {
    width: 400px !important;
    padding-left: 16px
}

.mega-menu-row {
    margin: 8px
}

@media (min-width: 992px) {
    .hp_menu {
        width: 100%
    }
}

.menu_sfondo {
    background-color: #e2e2e2;
}

.menu_sfondo li a:link {
    font-family: 'Montserrat', sans-serif;
}

.menu_sfondo li a:visited {
    font-family: 'Montserrat', sans-serif;
}

.menu_sfondo li a:hover {
    font-family: 'Montserrat', sans-serif;
    text-decoration: underline;
}


/* Stile di base per le colonne */
.colonna-sotto-menu {
    display: inline-block;
    vertical-align: top;
    min-width: 280px;
    padding: 0 15px;
}


.contenitore-megamenu {
    min-width: max-content;
    /* Mantiene la larghezza minima in base ai contenuti */
    position: absolute;
    /* Permette di gestire lo spostamento dinamico */
    top: 100%;
    /* Posiziona la dropdown sotto il menu */
    left: -200%;
    /* Allinea di default al lato sinistro */
    z-index: 1000;
    /* Porta l'elemento sopra altri contenuti */
    transform: translateX(-30%);
    /* Inizializza la trasformazione orizzontale a 0 */
}

.contenitore {
    min-width: max-content;
    /* Mantiene la larghezza minima in base ai contenuti */
    position: absolute;
    /* Permette di gestire lo spostamento dinamico */
    top: 100%;
    /* Posiziona la dropdown sotto il menu */
    left: 0;
    /* Allinea di default al lato sinistro */
    z-index: 1000;
    /* Porta l'elemento sopra altri contenuti */
    transform: translateX(0);
    /* Inizializza la trasformazione orizzontale a 0 */
}

#hp_menu .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
}

#hp_menu .dropdown-menu {
    transition: opacity 0.3s ease, visibility 0.3s ease;
    visibility: hidden;
    opacity: 0;
    display: block;
    /* Mantenere il layout */
}


/* Stile per i pulsanti genitori del menu (link con sottomenu) */
.primo-livello-dropdown>a.nav-link {
    color: #333;
    /* Colore iniziale del testo */
    background-color: transparent;
    /* Sfondo iniziale */
    transition: color 0.3s ease, background-color 0.3s ease;
    /* Transizioni per un effetto fluido */
}

/* Cambia colore al passaggio del mouse o quando il dropdown è attivo */
.primo-livello-dropdown:hover>a.nav-link,
.primo-livello-dropdown:focus>a.nav-link,
.primo-livello-dropdown.show>a.nav-link {
    color: #fff;
    /* Colore del testo al passaggio del mouse */
    background-color: #787777;
    /* Sfondo al passaggio del mouse (esempio: blu) */
}

/* Mantiene lo sfondo attivo quando si passa sul sottomenu */
.primo-livello-dropdown:hover .dropdown-menu,
.primo-livello-dropdown.show .dropdown-menu {
    display: block;
}

.titoli-mega-menu {

    font-size: 1rem;
    color: #993333;
    font-family: "Montserrat", serif;
    font-style: normal;
    font-weight: 500;
    padding: 8px 0px 16px 0px;
    text-underline-offset: 4px;
    text-transform: uppercase;


}

.titoli-mega-menu a {

    color: #993333;
}

.titoli-mega-menu a:hover {

    color: #993333;
}

.titoli-mega-menu a:visited {
    color: #993333;
    text-decoration: none;

}

ul.menu-categories {
    margin: 0;
    padding: 0;
    min-height: 176px;
}

.menu-categories li {
    list-style: none;
    font-family: "Montserrat", serif;
    font-style: normal;
    font-weight: 400;
    padding-bottom: 8px;
}

.menu-categories li a {

    color: black;
    font-family: "Montserrat", serif;
    font-style: normal;
    font-weight: 400;

}

.menu-categories li a:hover {

    color: black;
    font-family: "Montserrat", serif;
    font-style: normal;
    font-weight: 400;

}

.menu-categories li a:visited {

    color: black;
    font-family: "Montserrat", serif;
    font-style: normal;
    font-weight: 400;

}

.fine_colonna {
    width: 180px
}