/**
 * Theme Name: Arnkoe Repère
 * Template:   twentytwentyfive
 */

/* Suppression de l'outline au focus/clic sur tous les éléments */
*:focus,
*:active {
    outline: none !important;
    box-shadow: none !important;
}

.wpforms-block-c86f564a-4b03-4da2-b58c-2d8ccbc89a55{
    margin: 0 !important;
}

/* Menu Navigation : empêcher le soulignement des items avec sous-menu */
.wp-block-navigation .wp-block-navigation-item.has-child > a:hover,
.wp-block-navigation .wp-block-navigation-item.has-child > button:hover,
.wp-block-navigation .wp-block-navigation-submenu__toggle:hover {
    text-decoration: none !important;
}

/* Empêcher l'apparence de lien cliquable sur les items avec sous-menu (desktop uniquement) */
@media (min-width: 782px) {
    .wp-block-navigation .wp-block-navigation-item.has-child > a,
    .wp-block-navigation .wp-block-navigation-item.has-child > button {
        cursor: default;
    }
}

/* Sur mobile : le lien "Activités" doit être cliquable */
@media (max-width: 781px) {
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > a {
        cursor: pointer;
    }
}

/* Sur mobile : sous-menu ne s'ouvre qu'au clic (pas au survol) */
@media (max-width: 781px) {
    /* Afficher l'indicateur de sous-menu sur mobile (caché par défaut dans WordPress) */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon {
        display: inline-block !important;
    }

    /* Forcer l'alignement horizontal du lien et du bouton */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
    }

    /* Le lien "Activités" ne doit pas prendre toute la largeur */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > a {
        flex: 0 1 auto !important;
    }

    /* Le bouton chevron doit être collé au lien, pas à droite */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-icon {
        flex: 0 0 auto !important;
        margin-left: 0.5em !important;
    }

    /* Le sous-menu doit prendre toute la largeur (nouvelle ligne) */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {
        flex: 1 1 100% !important;
        width: 100% !important;
        display: none !important;
    }

    /* Afficher le sous-menu quand ouvert */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.is-open > .wp-block-navigation__submenu-container {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Rotation de la flèche quand le sous-menu est ouvert */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.is-open > .wp-block-navigation__submenu-icon svg {
        transform: rotate(180deg);
    }
}