/* Helper classes
   ========================================================================== */

.fusilier-blur {
    backdrop-filter: blur(3px);
}

/* Footer
   ========================================================================== */

@media screen and (min-height: 800px) and (min-width: 782px) {
    body.home {
        main {
            z-index: 2;
            position: relative;
            background-color: var(--wp--preset--color--primary);
        }

        footer {
            position: sticky;
            bottom: 0;
        }
    }
}

/* Header
   ========================================================================== */

/* Sticky header */

body:not(.wp-admin) header:has(>.is-position-sticky) {
    position: fixed;
    top: calc( 0px + var( --wp-admin--admin-bar--height, 0px ) );
    z-index: 100;
    width: 100%;

    @media (max-width: 600px) {
        top: 0;
    }
}

.wp-block-navigation__responsive-container.is-menu-open {
    height: 100lvh;
    position: fixed;

    & .wp-block-navigation__responsive-container-content {
        padding-inline: var(--wp--preset--spacing--small);
    }
}

/* Prev/next arrows
   ========================================================================== */
*:has(>.wp-block-group.is-style-carousel) .sym-carousel-controls,
.wp-block-query.is-style-carousel .sym-carousel-controls {
    & .sym-carousel-prev,
    & .sym-carousel-next {
        background: color-mix(in srgb, var(--wp--preset--color--accent-2) 40%, transparent);
        backdrop-filter: blur(3px);
        box-shadow: var(--wp--preset--shadow--light);
        top: 27%;

        &:hover:not(:disabled) {
            background: var(--wp--preset--color--accent-2);
        }
    }
}