/* Style pour le logo */
.navbar-brand img {
    height: 120px;
}

/* Centrage des liens */
.navbar-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* Couleur pour les liens actifs */
.nav-link.active {
    color: #f8a5a5 !important; /* Couleur de "accueil" */
}

/* Couleur des autres liens */
.nav-link {
    color: #5a4631 !important;
    margin: 0 1.5vw;
    font-family: 'Times New Roman', Times, serif;
    font-size: 3.5vh;
    margin-top: 0.3vh;
}

.nav-link:hover {
    transform: translateY(-3px); /* Soulève la carte au survol */
}

/* Ajustement pour que le bouton "Menu" se place bien */
.navbar-collapse .navbar-nav {
    text-align: center; /* Centre les liens en mode collapse */
}

.navbar-collapse .navbar-end {
    margin-left: 0; /* Supprime l'alignement à droite */
}

.menu {
    margin-top: 45vh;
}

@media (min-width: 992px) {
    .navbar-collapse .navbar-end {
        margin-left: auto; /* Sur les grands écrans, garde "Menu" aligné à droite */
        margin-top: 0;
    }

    .nav-link {
        color: #5a4631 !important;
        margin: 0 1.5vw;
        font-family: 'Times New Roman', Times, serif;
        font-size: 2vw;
        margin-top: 0.3vh;
    }
}

@media (min-width: 1400px) {
    .navbar-collapse .navbar-end {
        margin-left: auto; /* Sur les grands écrans, garde "Menu" aligné à droite */
        margin-top: 0;
    }

    .nav-link {
        color: #5a4631 !important;
        margin: 0 1.5vw;
        font-family: 'Times New Roman', Times, serif;
        font-size: 1.6vw;
        margin-top: 0.3vh;
    }
}