/* Style pour la navigation fixe */
.is-style-header-fixed.nav-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Effet au survol pour les liens */
.wp-block-navigation-item .wp-block-navigation-item__content {
    padding: 10px 5px !important; /* Maintien de l'espacement */
}

/* Style pour les bouton et le lien inactif */
.wp-block-navigation-item .wp-block-navigation-item__content{
    border: solid 1px #6e4b3a !important;
    color: #6e4b3a !important;
    padding: 10px 15px !important;
    border-radius: 5px !important;
    
}

/* Style pour le bouton actif et le lien actif */
.wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
.wp-block-navigation-item.current_page_item .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-open {
    background-color: #6e4b3a !important;
    color: white !important;
    padding: 10px 15px !important;
    border-radius: 5px !important;
    border-bottom: 2px solid #6e4b3a !important;
}

/* Style pour le lien d'ancrage actif */
.wp-block-navigation-item .wp-block-navigation-item__content.anchor-active {
    background-color: #6e4b3a !important;
    color: white !important;
    padding: 10px 15px !important;
    border-radius: 5px !important;
    border-bottom: 2px solid #6e4b3a !important;
}

/* Effet au survol pour les liens */
.wp-block-navigation-item .wp-block-navigation-item__content:hover {
    background-color: #6e4b3a !important;
    color: white !important;
    padding: 10px 15px !important;
    border-radius: 5px !important;
    border-bottom: 2px solid #6e4b3a !important;
    transition: all 0.1s ease;
}

/* Effet de retour au normal lorsque la souris sort du lien */
.wp-block-navigation-item .wp-block-navigation-item__content {
    transition: all 0.1s ease;
}

/* Effet de survol pour le bouton hamburger */
.wp-block-navigation__responsive-container-open:hover {
    background-color: #6e4b3a !important;
    border-radius: 5px !important;
    padding: 10px 15px !important;
    transition: background-color 0.1s ease;
}

/* Ajustement pour l'admin bar de WordPress */
.admin-bar .is-style-header-fixed.nav-fixed {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    .admin-bar .is-style-header-fixed.nav-fixed {
        /* top: 46px !important; */
    }
}