/* ====== Hover “pill” + état actif (couleur #25AD9D) ====== */
.menu_header_divilogy {
    --pill-bg: rgba(37, 173, 157, 0.10);
    --pill-text: #25AD9D;
    --pill-radius: 14px;
    --pill-x: .9rem;
    --pill-y: .55rem;
    --pill-tr: 220ms cubic-bezier(.2, .7, .2, 1);
}

/* Espacement items */
.menu_header_divilogy .wp-block-navigation__container {
    gap: clamp(.6rem, 2vw, 2.2rem);
}

.menu_header_divilogy .wp-block-navigation-item__content {
    position: relative;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    line-height: 1.2;
    padding: var(--pill-y) var(--pill-x);
    border-radius: var(--pill-radius);
    transition: color var(--pill-tr);
    color: #5b5b5b;
}

.menu_header_divilogy .wp-block-navigation-item__content::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: var(--pill-bg);
    transform: scale(.92);
    opacity: 0;
    transition: opacity var(--pill-tr), transform var(--pill-tr);
    pointer-events: none;
}

.menu_header_divilogy .wp-block-navigation-item__content:hover,
.menu_header_divilogy .wp-block-navigation-item__content:focus-visible {
    color: var(--pill-text);
}

.menu_header_divilogy .wp-block-navigation-item__content:hover::before,
.menu_header_divilogy .wp-block-navigation-item__content:focus-visible::before {
    opacity: 1;
    transform: scale(1);
}

/* Actif (lien courant) via aria-current posé par le bloc Navigation */
.menu_header_divilogy .wp-block-navigation-item__content[aria-current] {
    color: var(--pill-text);
    font-weight: 600;
    text-decoration: none !important;
}

.menu_header_divilogy .wp-block-navigation-item__content[aria-current]::before {
    opacity: 1;
    transform: scale(1);
    background: rgba(37, 173, 157, 0.15);
}

/* ====== Smooth anchor + micro-highlight section ====== */
html:focus-within {
    scroll-behavior: auto;
}

/* natif, non-bloquant */

/* Offset auto pour header sticky (valeur JS) */
[id] {
    scroll-margin-top: var(--anchor-offset, 80px);
}

/* Micro-interaction premium à l’arrivée */
@keyframes anchorHighlight {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 173, 157, 0);
        background: transparent;
    }

    20% {
        box-shadow: 0 6px 28px -8px rgba(37, 173, 157, .25);
        background: rgba(37, 173, 157, .05);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 173, 157, 0);
        background: transparent;
    }
}

.anchor-hit {
    animation: anchorHighlight 900ms cubic-bezier(.2, .7, .2, 1);
    border-radius: 14px;
}

/* Motion-safe */
@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    .anchor-hit {
        animation: none;
    }
}

/* Mobile drawer du bloc Navigation (ne pas piller) */
@media (max-width:781px) {
    .menu_header_divilogy .wp-block-navigation-item__content {
        padding: .4rem 0;
        border-radius: 0;
    }

    .menu_header_divilogy .wp-block-navigation-item__content::before {
        display: none;
    }
}