/* ==========================================================================
   MENU ACTIF (page courante)
   ========================================================================== */

/* Page active et tous ses ancetres : couleur accent (orange) */
/* current-menu-item    = la page courante                          */
/* current-menu-parent  = son parent direct                        */
/* current-menu-ancestor = tous les ancetres (n niveaux)           */
.wp-block-navigation .current-menu-item>.wp-block-navigation-item__content,
.wp-block-navigation .current-menu-parent>.wp-block-navigation-item__content,
.wp-block-navigation .current-menu-ancestor>.wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"],
.wp-block-navigation [aria-current="page"],
body.home .wp-block-navigation .wp-block-navigation-item__content[href="/"] {
    color: var(--wp--preset--color--accent) !important;
}



/* ==========================================================================
   STICKY NAVBAR
   ========================================================================== */

.wp-block-template-part:has(>.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
    position: sticky;
    top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));
    z-index: 1000;
}

.wp-block-template-part .is-responsive button.wp-block-navigation__responsive-container-open> :first-child {
    width: 36px !important;
    height: 36px !important;
}







/* ==========================================================================
   SEUIL DE BASCULE DESKTOP 
   ========================================================================== */


/* À partir de 992px : FORCER LE MODE DESKTOP */

@media (min-width: 992px) {

    /* Masquer le bouton hamburger */
    .wp-block-navigation__responsive-container-open {
        display: none !important;
    }

    /* Afficher le menu horizontal normal */
    .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: block !important;
        position: static !important;
    }




    /* ==========================================================================
   Effet au survol sur chaque élément de sous-menu
   ========================================================================== */

    .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item__content {
        padding: 8px 12px !important;
        border-radius: 6px !important;
        transition: background-color 0.2s ease, color 0.2s ease !important;
    }

    .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item__content:hover {
        background-color: var(--wp--preset--color--light) !important;
    }



    /* ==========================================================================
   SOUS-MENUS DESKTOP (Dropdown flottant)
   ========================================================================== */

    /* Style du conteneur blanc du sous-menu */
    .wp-block-navigation .wp-block-navigation__submenu-container {
        min-width: 200px !important;
        width: max-content !important;
        padding: 12px 24px !important;
        border-radius: 8px !important;
        border: 1px solid var(--wp--preset--color--neutral) !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
        background-color: var(--wp--preset--color--base) !important;
    }

    /* Espacement vertical des liens a l'interieur du sous-menu */
    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
        margin-bottom: 8px !important;
    }

    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child {
        margin-bottom: 0 !important;
    }

    /* Effet au survol sur chaque élément de sous-menu */
    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        padding: 8px 12px !important;
        border-radius: 6px !important;
        transition: background-color 0.2s ease, color 0.2s ease !important;
    }

    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
        background-color: var(--wp--preset--color--light) !important;
    }




    /* ==========================================================================
    GESTION DU DÉBORDEMENT DES SOUS-MENUS (Niveau 3)
    ========================================================================== */

    /* 1. Aligner le sous-menu de niveau 2 sur la droite du bouton parent */
    .wp-block-navigation__container>.wp-block-navigation-item:last-child>.wp-block-navigation__submenu-container,
    .wp-block-navigation__container>.wp-block-navigation-item:nth-last-child(2)>.wp-block-navigation__submenu-container {
        right: 0 !important;
        left: auto !important;
    }

    /* Annule la largeur minimale pour les sous-menus imbriqués (niveau 3) */
    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        min-width: 150px !important;
        width: max-content !important;
    }

}

/* ==========================================================================
   EFFET SHRINK AU SCROLL (Header collant qui rétrécit)
   ========================================================================== */

/* 1. Transitions globales pour tous les éléments qui vont rétrécir */
.menu-header,
.menu-header .wp-block-site-logo,
.menu-header .wp-block-site-logo a,
.menu-header .wp-block-site-logo img,
.menu-header .custom-logo,
.menu-header .custom-mobile-toggle,
.menu-header .wp-block-social-links,
.menu-header .wp-block-social-links svg {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 2. État SCROLLÉ (classe ajoutée par JS) */
.menu-header.is-scrolled {
    /* Réduction drastique du padding vertical (écrase les variables WP) */
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Réduction du logo */
.menu-header.is-scrolled .wp-block-site-logo,
.menu-header.is-scrolled .wp-block-site-logo a,
.menu-header.is-scrolled .wp-block-site-logo img,
.menu-header.is-scrolled .custom-logo {
    width: 80px !important;
    height: auto !important;
}

/* Réduction du menu hamburger (mise à l'échelle pour préserver l'animation CSS) */
.menu-header.is-scrolled .custom-mobile-toggle {
    /* Combine le centrage natif et la réduction */
    transform: translateX(-50%) scale(0.85) !important;
}

/* Réduction des pictos réseaux sociaux (échelle) */
.menu-header.is-scrolled .wp-block-social-links {
    gap: 0.5rem !important;
    /* Rapproche les icônes */
}

.menu-header.is-scrolled .wp-block-social-links svg {
    width: 24px !important;
    /* Taille réduite */
    height: 24px !important;
}