.text-balance {
    text-wrap: balance;
}

.text-not-balance {
    text-wrap: unset;
}


section.forfaits > div {
    transition: 250ms;
    --shadow-pos: 5px;
    box-shadow: var(--shadow-pos) var(--shadow-pos) var(--wp--preset--color--accent-2);
    &:hover {
        --shadow-pos: 10px;
        box-shadow: var(--shadow-pos) var(--shadow-pos) var(--wp--preset--color--accent-2);

        .star img {
            animation-iteration-count: 1;
            animation: rotate 1s ease-in-out;
        }
    }
}

@keyframes rotate {
    1% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}

section.temoignages > div > div {
    transition: 250ms;

    &:hover {
        --shadow-pos: 5px;
        box-shadow: var(--shadow-pos) var(--shadow-pos) var(--wp--preset--color--white);
    }
}




.columns-2 {
    column-count: 2;
}

/* when mobile, only one column*/
@media (max-width: 768px) {
    .columns-2 {
        column-count: 1;
    }
}

/* Top menu
   ========================================================================== */


header {
    position: absolute !important;
    width: 100%;
    z-index: 100;
}


/* Override the outline
   ========================================================================== */


.wp-block-button.is-style-outline .wp-block-button__link {
    border-style: solid;
    border-width: 1px;
    border-color: var(--wp--preset--color--primary);
    padding-inline: 1.5em;
    padding-block: .5em;
    background: linear-gradient(0deg, var(--wp--preset--color--primary), var(--wp--preset--color--primary)) no-repeat left / 0 var(--bg-h);
    transition: background-size 300ms, color 200ms;
    --bg-h: 100%;

    &:where(:hover, :focus-visible) {
        background-size: 100% var(--bg-h);
        background-position-x: left;
        color: var(--wp--preset--color--black);
    }
}

/* Override Unfill style
   ========================================================================== */

.wp-block-button.is-style-unfill .wp-block-button__link {
    --bg-h: 100%;
    --color-1: var(--wp--preset--color--text-100);
    --color-2: var(--wp--preset--color--text-100);

    border-style: solid;
    border-width: 1px;
    border-color: var(--color-1);

    padding-inline: var(--wp--preset--spacing--small);
    padding-block: var(--wp--preset--spacing--x-small);

    background: linear-gradient(0deg, var(--color-1), var(--color-2)) no-repeat right / 100% var(--bg-h);
    transition: background-size 300ms, color 200ms;


    &:where(:hover, :focus-visible) {
        border-color: var(--color-1);
        background-size: 0 var(--bg-h);
        background-position-x: right;
        color: var(--color-1);

    }
}

/* Add the slashes to the bottom menu
   ========================================================================== */

.bottom-menu {
    .wp-block-navigation__container {
        display: flex;
        flex-direction: row;
        max-width: 21em;
    }

    .wp-block-navigation-link::after {
        content:"/";
        padding-inline: 0.5em;
    }
}

@media (max-width: 768px) {
    .bottom-menu {
        .wp-block-navigation__container {
            display: flex;
            flex-direction: row;
            max-width: 15em;
        }

        .wp-block-navigation-link::after {
            content:"/";
            padding-inline: 0.3em;
        }
    }
}


/* Hamburger on tablet
   ========================================================================== */

body .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block !important;
}

body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
}

@media (min-width: 1000px) {
    body .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
    }
}

/*.wp-block-navigation__responsive-container.is-menu-open {*/
/*    position: fixed;*/
/*    top: calc(0px - var(--wp--preset--spacing--small));*/
/*    left: calc(0px - var(--wp--preset--spacing--x-small));*/
/*    padding: var(--wp--preset--spacing--small);*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*}*/


.wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--secondary) !important;
    padding: 2em;

    .wp-block-navigation__responsive-container-content {
        align-items: center;
       .wp-block-navigation-item {
           margin-inline: auto;
       }
    }

    .wp-block-navigation__responsive-container-close {
        top: -25px;
    }
}

#temoignages > *:hover {
    z-index:5;
}