/* Stile per la barra di navigazione */

.navbar {

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombra sottile */

    background-color: #FFFDFE; /* Sfondo bianco */

    text-align: center; /* Allinea tutto il testo al centro */

    align-items: center;

}



.navbar-brand img {

    margin-top: 0%;

    height: 60px; /* Altezza del logo */

    width: auto; /* Mantiene le proporzioni */

}



.nav-link {

    color: #555; /* Colore del testo */

    font-weight: 500; /* Spessore medio */

    font-size: 18px; /* Aumenta la dimensione del testo */

    transition: color 0.3s ease; /* Transizione per il colore */

    position: relative; /* Necessario per la sottolineatura */

    display: inline-block; /* Mantiene la sottolineatura solo sotto il testo */

}



.nav-link:hover {

    color: #0085BE; /* Colore blu su hover */

    border-bottom: 3px solid #C74843;

}



.nav-link.active {

    color: #0085BE; /* Colore blu per il link attivo */

    font-weight: bold; /* Grassetto per il link attivo */

    font-size: 18px; /* Leggermente più grande per evidenziare il link attivo */

}





/* Dropdown menu */

.dropdown-menu {

    border-radius: 5px; /* Angoli arrotondati */

    border: 1px solid #ddd; /* Bordo sottile */

    width: max-content;

}



.dropdown-item {

    color: #555; /* Colore del testo */

    transition: background-color 0.3s ease, color 0.3s ease;

    text-align: center;

    display: block;

}



.dropdown-item:hover {

    background-color: white; /* Sfondo blu su hover */

    color: #C74843; /* Testo bianco su hover */

}



.dropdown-item.active {

    background-color: white; /* Sfondo blu su hover */

    color: #0085BE; /* Testo bianco su hover */

}



.container {

    margin-left: 0; /* Azzera il margine sinistro */

    margin-right: 0; /* Azzera il margine destro */

    padding-left: 0; /* Azzera il padding sinistro */

    padding-right: 0; /* Azzera il padding destro */

}



footer {

    width: 100%;

    max-width: 100%;

    overflow: hidden;

    background-color: rgba(0, 0, 0, 0.04);

}



.footer-brand img {

    margin-top: 0%;

    height: 100%;

    width: auto; /* Mantiene le proporzioni */

}



.social-icons a {

    color: #51636a; /* Colore icone social */

}









@media (max-width: 768px) {



    .social-icons {

        justify-content: center !important; /* Centra le icone */

        width: 100%; /* Occupa tutta la larghezza */

        margin-top: 1rem; /* Aggiunge spazio sopra */

    }



    /* Mobile toggle button */

    .navbar-toggler {

        border: none; /* Rimuove il bordo */

    }



    .navbar-toggler-icon {

        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%2885, 85, 85, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

    }



    .navbar-nav {

        text-align: center; /* Allinea il testo al centro */

    }



    .nav-link {

        padding: 10px; /* Spaziatura aggiuntiva per i link */

    }



    .dropdown-menu {

        position:relative !important; /* Assicura che il menu si posizioni in modo assoluto */

        left: 40% !important; /* Sposta il menu a destra */

        width: auto !important; /* Adatta la larghezza al contenuto */

        min-width: 200px; /* Imposta una larghezza minima */

        text-align: left; /* Mantiene il testo allineato a sinistra */

        border: none;

    }



    .dropdown-item {

        text-align: left !important; /* Allinea il testo a destra */

    }



    .remove-bg {

        display: none;

    }



    

}