/* Sélectionner uniquement l'élément contenant l'icône maison */
.nav-item a i.bi-house {
    color: #3a4781; /* Appliquer la couleur bleue à l'icône */
    font-size: 2rem; /* Agrandir l'icône */
    margin-bottom: 10px; /* Espacer l'icône du texte */
}

/* Appliquer le style colonne uniquement au menu Accueil */
.nav-item a:has(i.bi-house) {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none; /* Enlever le soulignement */
    color: inherit; /* Assurer que la couleur soit héritée */
    text-align: center; /* Centrer le texte */
    padding: 6px 0; /* Espacement autour du lien */
    position: relative;
}

/* Appliquer uniquement au texte sous l'icône maison */
.nav-item a i.bi-house + .link-text {
    font-size: 1rem !important; /* Ajuster la taille du texte uniquement pour ce lien */
    font-weight: bold !important; /* Mettre le texte en gras */
    text-align: center;
    margin: 0;
    padding-left: 10px;
    font-family: "Arial", sans-serif; /* Assurer que la police est la même que les autres */
    color: #3a4781; /* Appliquer la couleur bleue au texte */
}

/* Supprimer toute flèche avant l'icône */
.nav-item a::before {
    content: none !important; /* Pas de flèche avant l'icône */
}

/* Appliquer la ligne au survol uniquement pour cet élément */
.nav-item a:hover {
    color: #ffcd01 !important; /* Garder la couleur bleue au survol */
}

/* Ajouter une ligne centrée sous le lien au survol */
.nav-item a:hover::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%; /* Largeur de la ligne */
    height: 2px;
    background-color: #ffcd01; /* Couleur bleue de la ligne */
}