body {
    max-width: 1920px;
    margin: 0 auto;
}

@media (max-width: 992px) {
    :root {
        --wp--preset--spacing--large: 2.25rem;
    }
}

main > .entry-content {
    margin: 0;
}

main > .entry-content > div.wp-block-group,
.is-root-container > div.wp-block-group,
.rosee-event,
.rosee-single {
    margin-block: 0;
    padding-block: var(--wp--preset--spacing--medium);

    @media (min-width: 992px) {
        padding-block: var(--wp--preset--spacing--large);
    }
}

:where(.wp-site-blocks) > * {
    margin-block-start: 0;
    margin-block-end: 0;
}

.wp-site-blocks {
    /* `clip` et non `hidden` : `hidden` ferait de cet élément un conteneur de
       défilement, ce qui casse `animation-timeline: view()` (scroll-reveal.css)
       et `position: sticky`. `clip` coupe le débordement sans créer de scrollport. */
    overflow-x: clip;
}

[class*=wp-container-core-group-is-layout] > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    @media (max-width: 992px) {
        max-width: 100% !important;
    }
}

.rosee-justify-content-center {
    display: flex;
    justify-content: center;
}

.rosee-justify-content-between {
    display: flex;
    justify-content: space-between;
}

.wp-block-group.wp-block-group-is-layout-constrained {
    position: static;
}

.rosee-position-sticky {
    position: sticky !important;
    top: 0;
    z-index: 2;
}

@media (max-height: 45rem) {
    .rosee-position-sticky {
        position: static !important;
    }
}

/* Motif ligné, en pleine surface. */
.rosee-has-background-lines,
.is-style-fond-lignes {
    background-image: url("../images/pattern-large.svg");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;

    /* Sur fond jaune, le motif standard disparaîtrait : variante dédiée. */
    &.has-jaune-background-color {
        background-image: url("../images/pattern-large-on-yellow.svg");
    }

    /* Sur fond jaune, le motif standard disparaîtrait : variante dédiée. */
    &.has-gris-clair-background-color {
        background-image: url("../images/pattern-large-black.svg");
    }
}

.rosee-points-line-bg,
.is-style-ligne-pointeurs {
    background-image: url("../images/points-line-mobile.svg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;

    @media (min-width: 576px) {
        background-image: url("../images/points-line.svg");
    }
}

.rosee-full-width-on-mobile {
    @media (max-width: 1024px) {
        margin-left: calc(-1*var(--wp--preset--spacing--medium));
        margin-right: calc(-1*var(--wp--preset--spacing--medium));
    }
}

.rosee-small-container {
    max-width: 800px;

    @media (min-width: 1200px) {
        margin-inline: auto;
    }
}


.rosee-number {
    position: relative;
    padding-top: 8.25rem !important;

    &::after {
        content: '';
        font-size: 1.95rem;
        font-family: var(--wp--preset--font-family--title),serif;
        position: absolute;
        top: 3rem;
        left: 50%;
        line-height: 1;
        transform: translateX(-50%);
        opacity: 0.3;

        @media (min-width: 1024px) {
            left: auto;
            font-size: 3rem;
            right: 2.1rem;
            top: 1.5rem;
            transform: translateX(0);
        }
    }
}
.rosee-number.rosee-one {
    &::after {
        content: 'Niveau 1';
    }
}
.rosee-number.rosee-two {
    &::after {
        content: 'Niveau 2';
    }
}
.rosee-number.rosee-three {
    &::after {
        content: 'Niveau 3';
    }
}

.editor-post-title {
    font-family: var(--wp--preset--font-family--body),serif !important;
}