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

header {
    transition: padding 0.1s ease-in;

    & > div {
        background-color: var(--wp--preset--color--accent) !important;
        transition: background-color, border-radius 0.1s ease-in;
    }

    &.soccors-header-scrolled {
        padding: 3px;

        & > div {
            background-color: var(--wp--preset--color--tertiary) !important;
            border-radius: var(--wp--preset--border-radius--medium);

            & .wp-block-site-logo {
                filter: brightness(0) invert(1);
            }
        }
    }
}

/* Hamburger
   ========================================================================== */

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

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

/* Scroll
   ========================================================================== */


html {
    scroll-padding-top: var(--wp--preset--spacing--xxx-large);
}

/* Form
   ========================================================================== */

.wpforms-submit-container button[type=submit] {
    width: 100%;
}