/**
 * Theme Name: Thème de blocs Mag2Health
 * Version: 0.0.1
 * Author: Zabé Informatique
 * Author URI: https://www.zabe.fr/
 * Description: Thème de blocs sur mesure pour Mag2Health
 * Text Domain mag2health
 */

html {
  scroll-behavior: smooth;
}

.wp-site-blocks>*,
.wp-block-group+.wp-block-group {
  margin-block-start: 0 !important;
}

/*
.wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
  left: auto;
  right: auto;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  color: inherit;
  background-color: transparent;
  border: none;
}

.current-menu-item>a>span {
    color: var(--wp--preset--color--custom-bleu);
}
*/

.mag2health_responsive-menu {
    summary::before {
        float: right;
    }

    &[open] {
        summary::before {
            content: '×';
            margin-right: 1rem;

            @media (min-width: 600px) {
                display: none;
            }
        }

        @media (max-width: 600px) {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
            background: var(--wp--preset--gradient--custom-haut-de-page);
            border-bottom: thin solid var(--wp--preset--color--custom-blanc);

            body.logged-in & {
                top: 46px;
            }
        }
    }

    &:not([open]) {
        summary::before {
            content: '≡';
        }
    }

    summary {
        cursor: pointer;
        font-size: 2rem;
        color: var(--wp--preset--color--white);
        &::marker {
            content: '';
        }
    }
}

.mag2health_menu {
    &, ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .sub-menu {
        padding-left: 1em;

        .menu-item>a {
            font-weight: normal;

            &.current-menu-item, &:hover, &:focus {
                font-weight: bold;
            }
        }
    }

    display: flex;
    justify-content: end;
    flex-wrap: wrap;

    @media (max-width: 600px) {
        flex-direction: column;
    }

    @media (min-width: 600px) {
        flex-direction: row;
        position: relative;
    }

    .menu-item>a {
        font-family: var(--wp--preset--font-family--poppins);
        font-style: normal;
        font-weight: 600;
        line-height: 1;
        text-transform: uppercase;
        text-decoration: none;
        color: var(--wp--preset--color--white);
    }

    a:hover, a:focus,
    .current-menu-item>a {
        color: var(--wp--preset--color--custom-bleu);
    }


    &>.menu-item {
        position: relative;
        padding: 0.5em 0.6em;

        @media (min-width: 600px) {
            &>.sub-menu {
                display: none;
                visibility: hidden;
            }
        }

        body:not(.js-mouse-hasnt-moved) &:hover>.sub-menu,
        body:not(.js-mouse-hasnt-moved) &>a:focus+.sub-menu {
            display: flex;
            visibility: visible;
        }

        &>.sub-menu {
            list-style: none;

            flex-direction: column;
            white-space: nowrap;

            @media (max-width: 600px) {
                margin: 0 !important;
                padding: 0 0 0 2rem !important;

                .menu-item>a {
                    font-weight: normal;
                }
            }

            @media (min-width: 600px) {
                margin: 0;
                padding: 0;

                position: absolute;
                z-index: 1;

                background-color: var(--wp--preset--color--white);

                a {
                    color: var(--wp--preset--color--custom-bleu);
                }
            }
        }
    }
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
&:hover,
&:focus {
color: var(--wp--preset--color--custom-bleu);
}
}
.wp-block-navigation-item__label {
    white-space: nowrap;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
    right: -50%;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: none;
}

body.sub-menu-hovered>.wp-site-blocks>*:not(header) {
    filter: blur(1em);
}

.decorated {
    position: relative;

    figure {
        margin-top: 0;

        position: absolute;
        top: 50%;
        right: 1em;
        transform: translateY(-50%);
    }
}

body>.wp-site-blocks {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    &>.wp-block-template-part:not(header):not(footer) {
        flex-grow: 1;
    }
}