/*gestion espacement blocs*/
.wp-block-post-content > .wp-block-group,
.wp-block-post-content > .wp-block-group.alignwide,
.wp-block-post-content > .wp-block-group.alignfull,
.archive main .wp-block-group.alignwide,
.archive main .wp-block-group.alignfull,
.wp-block-group.incitation-contact {
    margin-block-start: var(--wp--preset--spacing--xl) !important;
}

.wp-block-post-content {
    &.is-layout-constrained {
        /*margin-block-end: var(--wp--preset--spacing--xl);*/
    }
    >.wp-block-group:last-child {
        margin-block-end: var(--wp--preset--spacing--xl);
    }
    >.wp-block-group.is-style-group-octonary:last-child {
        margin-block-end: 0;
    }
}

.home .entry-content > *:first-child, .page .entry-content > *:first-child,
.archive main .wp-block-group.alignfull{
    margin-block-start: 0 !important;
}


.wp-block-group {

    /*grille par défaut*/
    &.is-layout-grid{
        @media screen and (max-width: 600px) {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }
    }


    /*bloc newsletter dans post-content*/
    &.is-style-group-primary, .wp-block-post-content > .wp-block-group.is-style-group-primary {
        position: relative;
        background: var(--wp--preset--color--primary);
        padding-top: var(--wp--preset--spacing--xxxxl);
        padding-bottom: var(--wp--preset--spacing--xxxxl);
        margin-block-start: calc(-1 * var(--wp--custom--margecoup--l)) !important;
        margin-block-end:calc(-1 * var(--wp--custom--margecoup--l))!important;
        z-index: 10;
        clip-path: polygon(0 0, 100% var(--wp--custom--margecoup--l), 100% calc(100% - var(--wp--custom--margecoup--l)), 0 100%);

        @media screen and (max-width: 782px) {
            margin-block-start: calc(-1 * var(--wp--custom--margecoup--m)) !important;
            clip-path: polygon(0 0, 100% var(--wp--custom--margecoup--m), 100% calc(100% - var(--wp--custom--margecoup--m)), 0 100%);
            padding-top: var(--wp--preset--spacing--xxxl);
            padding-bottom: var(--wp--preset--spacing--xxxl);
        }
        .gform_wrapper {
            max-width: 660px;
        }
    }

    /*Haut de page*/
    &.is-style-group-quinary{
        text-align: center;
        position: relative;
        padding-top: var(--wp--preset--spacing--l);
        padding-bottom: var(--wp--preset--spacing--xl);
        margin-bottom: var(--wp--preset--spacing--xl);
        background: var(--wp--preset--color--secondary) ;
        clip-path: polygon(0 0, 100% 0%, 100% calc(100% - var(--wp--custom--margecoup--l)), 0 100%);
        /*&::before {*/
        /*    content: "";*/
        /*    position: absolute;*/
        /*    bottom: 0;*/
        /*    left: 50%;*/
        /*    width: 131px;*/
        /*    height: 36px;*/
        /*    background: transparent url(../../../assets/img/eclaire4.svg) no-repeat top center;*/
        /*    transform: translateX(-50%) rotate(90deg) ;*/
        /*    z-index: 11;*/
        /*}*/
        .wp-block-post-title, .wp-block-query-title {
            position: relative;
            z-index: 50;
            line-height: 1.0em;
            text-transform: uppercase;
            font-size: var(--wp--preset--font-size--xxxl);
            margin-top: 0;

            & + p {
                position: relative;
                text-transform: uppercase;
                font-size: var(--wp--preset--font-size--l);
                letter-spacing: 0.03em;
                z-index: 50;
                font-family: var(--wp--preset--font-family--primary);
                color:var(--wp--preset--color--primary);
                @media screen and (max-width: 782px) {
                    font-size: var(--wp--preset--font-size--xl);
                }
            }
        }
        & + * {
            position:relative;
            &::before {
                content: "";
                position: absolute;
                top: -125px;
                left: 50%;
                width: 131px;
                height: 36px;
                background: transparent url(../../../assets/img/eclaire4.svg) no-repeat top center;
                transform: translateX(-50%) rotate(90deg) ;
                z-index: 11;
            }
        }
    }

    /*caché en mobile*/
    &.is-style-group-denary {
        @media screen and (max-width: 782px) {
            display: none !important;
        }
    }

    /*caché en bureau*/
    &.is-style-group-undecenary {
        @media screen and (min-width: 783px) {
            display: none !important;
        }
    }
}

.wp-block-post-content > .wp-block-group {

    /*bloc liste artistes*/
    &.is-style-group-secondary {
        position: relative;
        > .is-layout-flex {
            @media screen and (max-width: 993px) {
                gap: 0 var(--wp--preset--spacing--xs);
            }
        }

        p, li {
            position: relative;
            z-index: 10;
            line-height: 1.0em;
            font-family: var(--wp--preset--font-family--primary);
        }
    }

    /*bloc artistes en avant*/
    &.is-style-group-tertiary {
        padding-top: var(--wp--preset--spacing--m);
        padding-bottom: var(--wp--preset--spacing--xl);

        .wp-block-heading {
            color: var(--wp--preset--color--primary);
            font-size: var(--wp--preset--font-size--xxxxxl);
            text-transform: uppercase;
            position: relative;
            line-height: 1.0em;
            /*margin-top: var(--wp--preset--spacing--xl);*/
            margin-bottom: 350px;

            &::before {
                content: '';
                position: absolute;
                top: 95px;
                left: 50%;
                transform: translateX(-50%);
                display: block;
                background: transparent url(../../../assets/img/steeve-montagne.png) no-repeat bottom right;
                background-size: contain;
                width: 690px;
                height: 662px;
                z-index: -1;
                mask-image: linear-gradient(to top, transparent 0%, black 30%, black 100%);
                mask-size: 100% 100%;
                mask-repeat: no-repeat;
            }
            @media screen and (max-width: 993px) {
                &::before {

                }
            }
        }

        .wp-block-image img {
            border-radius: var(--wp--custom--radius--l);
            margin-bottom: var(--wp--preset--spacing--m);
        }

        p,li {
            font-family: var(--wp--preset--font-family--primary);
            color: var(--wp--preset--color--primary);
            text-transform: uppercase !important;
            font-size: var(--wp--preset--font-size--xxl);
            line-height: 1.0em;
            @media screen and (max-width: 782px) {
                font-size: var(--wp--preset--font-size--xxxxl);
            }
        }

        .wp-block-columns {
            .wp-block-column:nth-child(2) {
                margin-top: var(--wp--preset--spacing--l);
                @media screen and (max-width: 782px) {
                    margin-top: inherit;
                }
            }

            .wp-block-column {
                @media screen and (max-width: 782px) {
                    text-align: center;
                }
            }
        }
    }

    /*festival*/
    &.is-style-group-quaternary {
        padding-top: var(--wp--preset--spacing--xxxxl);
        padding-bottom: var(--wp--preset--spacing--xxxxl);
        /*margin-block-start: -50px !important;*/
        margin-block-start: calc(-1 * var(--wp--custom--margecoup--l)) !important;
        background:var(--wp--preset--color--secondary);
        clip-path: polygon(0 var(--wp--custom--margecoup--l), 100% 0%, 100% 100%, 0 calc(100% - var(--wp--custom--margecoup--l)));
        @media screen and (max-width: 782px) {
            margin-block-start: calc(-1 * var(--wp--custom--margecoup--m)) !important;
            clip-path: polygon(0 var(--wp--custom--margecoup--m), 100% 0%, 100% 100%, 0 calc(100% - var(--wp--custom--margecoup--m)));
            padding-top: var(--wp--preset--spacing--xxxl);
            padding-bottom: var(--wp--preset--spacing--xxxl);
        }
        .wp-block-heading {
            color: var(--wp--preset--color--white);
            font-size: var(--wp--preset--font-size--xxxxxl);
            text-transform: uppercase;
            position: relative;
            line-height: 1.0em;
            margin-top: 0;
            margin-bottom: 0;
        }
        .wp-block-group:first-of-type {
            margin-top: -85px!important;
            padding-bottom: var(--wp--preset--spacing--l);
            @media screen and (max-width: 1201px) {
                margin-top: -75px!important;
            }
            @media screen and (max-width: 993px) {
                margin-top: -65px!important;
            }
            @media screen and (max-width: 768px) {
                margin-top:0!important;
            }
        }

        p, li {
            font-family: var(--wp--preset--font-family--secondary);
            color: var(--wp--preset--color--black);
            font-size: var(--wp--preset--font-size--m);
            @media screen and (max-width: 782px) {
                font-size: var(--wp--preset--font-size--xl);
            }
        }
    }


    /* programmation jour*/

    &.is-style-group-senary {
        .wp-block-heading {
            text-transform: uppercase;
            font-size: var(--wp--preset--font-size--xxxl);
            margin-top: 0;
            @media screen and (max-width: 782px) {
                font-size: var(--wp--preset--font-size--xxxxl);
            }
        }

        .wp-block-image img {
            /*border: 7px solid var(--wp--preset--color--tertiary);*/
            border-radius: var(--wp--custom--radius--l);
            margin-bottom: var(--wp--preset--spacing--s);
        }

        p {
            font-size: var(--wp--preset--font-size--xxl);
            line-height: 1.0em;
            text-transform: uppercase;
            letter-spacing: 0.03em;
            font-family: var(--wp--preset--font-family--primary);
            color: var(--wp--preset--color--primary);
            @media screen and (max-width: 782px) {
                font-size: var(--wp--preset--font-size--xxxxl);
            }
        }

        .wp-block-social-links{
            margin-top: var(--wp--preset--spacing--xxxxs);
        }

        .wp-block-group {
            margin-bottom: var(--wp--preset--spacing--l);
        }

        .wp-block-columns {
            .wp-block-column {
                .wp-block-group-is-layout-flex {
                    gap: 0 var(--wp--preset--spacing--xl);
                    @media screen and (max-width: 992px) {
                        gap: 0 var(--wp--preset--spacing--l);
                    }

                    .wp-block-group {
                        width: calc(50% - var(--wp--preset--spacing--xl));
                        @media screen and (max-width: 992px) {
                            width: calc(50% - var(--wp--preset--spacing--l));
                        }
                        @media screen and (max-width: 600px) {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

    /*texte image*/
    &.is-style-group-septenary, &.is-style-group-octonary{
        h2{
            font-size: var(--wp--preset--font-size--xxxl);
            @media screen and (max-width: 782px) {
                font-size: calc(var(--wp--preset--font-size--xxxxl) + 0.3rem);
            }
        }
        h3{
            font-size: var(--wp--preset--font-size--xxl);
            @media screen and (max-width: 782px) {
                font-size: var(--wp--preset--font-size--xxxl);
            }
        }
        p, li{
            font-family: var(--wp--preset--font-family--secondary);
            color:var(--wp--preset--color--black);

        }
    }

    /*texte image fond jaune*/
    &.is-style-group-octonary{
        background:var(--wp--preset--color--secondary);
        padding-top: var(--wp--preset--spacing--xxxxl);
        padding-bottom: var(--wp--preset--spacing--xxxxl);
        clip-path: polygon(0 0, 100% var(--wp--custom--margecoup--l), 100% calc(100% - var(--wp--custom--margecoup--l)), 0 100%);
        @media screen and (max-width: 782px) {
            clip-path: polygon(0 0, 100% var(--wp--custom--margecoup--m), 100% calc(100% - var(--wp--custom--margecoup--m)), 0 100%);
            padding-top: var(--wp--preset--spacing--xxl);
            padding-bottom: var(--wp--preset--spacing--xxl);
        }
    }

    /*boutique bloc*/
    &.is-style-group-nonary {
        position: relative;
        padding-bottom:100px;

        &::before {
            content: '';
            position: absolute;
            left: 50%;
            bottom:0;
            transform: translateX(-50%);
            display: block;
            background:transparent url('../../../assets/img/fumee-test.png') no-repeat top center;
            background-size: cover;
            width: 100vw;
            height: 100%;
            z-index: -1;
            mix-blend-mode: darken;
        }
        .wp-block-heading {
            color: var(--wp--preset--color--primary);
            font-size: var(--wp--preset--font-size--xxxxxl);
            text-transform: uppercase;
            position: relative;
            line-height: 1.0em;
            margin-top: var(--wp--preset--spacing--xl);
            margin-bottom: 0;
            &::before {
                content: '';
                position: absolute;
                top: -60px;
                left: 50%;
                transform: translateX(-50%);
                display: block;
                background: transparent url(../../../assets/img/eclaire4.svg) no-repeat bottom right;
                background-size: contain;
                width: 155px;
                height: 36px;
            }
        }

        .wp-block-woocommerce-product-collection{
            margin-top: -65px;
            @media screen and (max-width: 1200px) {
                margin-top: -60px;
            }
            @media screen and (max-width: 992px) {
                margin-top: -50px;
            }
            @media screen and (max-width: 782px) {
                margin-top: 0;
            }
        }
    }

}

.entry-content > .wp-block-group:nth-child(2) {
    margin-block-start: calc(var(--wp--preset--spacing--l) + 40px) !important;
}