/* Sélectionner uniquement l'élément contenant l'icône maison */
.nav-item a i.bi-house {
    color: #316bce; /* Bleu de ton thème (harmonisé) */
    font-size: 22px; /* Agrandir l'icône sans être démesuré */
    margin-bottom: 8px; /* 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; 
    color: inherit; 
    text-align: center; 
    padding: 6px 0; 
    position: relative;
}

/* Appliquer uniquement au texte sous l'icône maison */
.nav-item a i.bi-house + .link-text {
    font-size: 0.9rem; /* Taille lisible et proportionnée à l'icône */
    font-weight: 540; /* Gras adouci (600 au lieu de bold/700) */
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: "Arial", sans-serif; 
    color: #316bce; /* Même bleu que l'icône */
}

/* Supprimer toute flèche avant l'icône */
.nav-item a:has(i.bi-house)::before {
    content: none !important; /* Ciblé uniquement sur ce lien pour ne pas casser les autres */
}

/* Appliquer la couleur au survol */
.nav-item a:has(i.bi-house):hover {
    color: #ffcd01 !important; /* Texte jaune au survol */
}

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