/* Post (loop item) */
.wp-block-post {
    position: relative;
    display: flex;
    & > * {
        width: 100%;
    }
}

/* Post template - for queries without FacetWP and with multiple posts */
.wp-block-post-template.is-layout-flow:has(.wp-block-post:nth-child(2)):not(.facetwp-template) {
    position: relative;
    &::before {
        content: "";
        height: 24px;
        width: 100vw;
        position: absolute;
        left: -100vw;
        top: 92px;
        background: var(--wp--preset--color--secondary);
    }
    &::after {
        content: "";
        height: 24px;
        width: 100vw;
        position: absolute;
        right: -100vw;
        bottom: 92px;
        background: var(--wp--preset--color--secondary);
    }

    .wp-block-post:not(:last-child)::after {
        content: "";
        width: 24px;
        height: 24px;
        position: absolute;
        bottom: -24px;
        left: 12.5%;
        background: var(--wp--preset--color--secondary);
    }
}

.wp-block-group[class*="is-style-section"]:has(.wp-block-post-template.is-layout-flow) {
    overflow: hidden;
}

/* Slider */
.wp-block-post-template.keen-slider {
    display: flex;
    gap: 0;
}

.wp-block.wp-block-query.is-style-slider .wp-block-post-template-is-layout-grid {
    display: flex;

    &.columns-1 > .wp-block-post {
        min-width: 100%;
    }
    &.columns-2 > .wp-block-post {
        min-width: calc(50% - (var(--wp--preset--spacing--50) / 2));
    }
    &.columns-3 > .wp-block-post {
        min-width: calc((100% / 3) - (var(--wp--preset--spacing--50) * (2 / 3)));
    }
    &.columns-4 > .wp-block-post {
        min-width: calc((100% / 4) - (var(--wp--preset--spacing--50) * (3 / 4)));
    }
    &.columns-5 > .wp-block-post {
        min-width: calc((100% / 5) - (var(--wp--preset--spacing--50) * (4 / 5)));
    }

    &.is-selected,
    &.has-child-block-selected {
        overflow: scroll;
    }
}