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

header .wp-block-navigation__container {
    gap: 1.75rem;
}

header .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
    padding: 0 0.5rem;
    outline-offset: unset !important;
}

header .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:focus {
    outline-offset: unset !important;
    outline-width: unset !important;
    outline-style: unset !important;
}

header .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
    position: unset !important;
    margin-top: 0 !important;
}

header .wp-block-navigation__responsive-dialog {
    position: unset;
}

header .wp-block-navigation__responsive-container-close {
    padding: 1.5rem;
    top: 1rem;
    right: -4px;
}

@media(min-width: 600px) {
    header .wp-block-navigation__responsive-container-close {
        padding: 1.5rem;
        top: 4px;
    }
}


header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #F0EDFA;
    padding-left: 0;
    padding-right: 0;
}

header .wp-block-navigation__responsive-container-content {
    gap: 1rem !important;
    overflow: hidden;
}

@media(max-width: 1140px) {
    header .wp-block-navigation__container {
        width: 100%;
        overflow: hidden;
        gap: 0 !important;
        flex-direction: unset !important;

        .wp-block-navigation-item {
            padding: 0.5rem 1rem;
            width: 100%;
            font-size: 1rem !important;
            border-bottom: 1px solid #3535651A;
        }
    }

    header .wp-block-navigation .wp-block-navigation-item {
        &.current-menu-item {
            background-color: #ffffff !important;
        }
    }

    header .wp-block-buttons {
        &.is-layout-flex {
            &.wp-block-buttons-is-layout-flex {
                width: 100%;

                .wp-block-button {
                    width: 100%;
                    padding: 0 1rem;
                }
            }
        }
    }
}

@media(min-width: 1140px) {
    header .wp-block-navigation .wp-block-navigation-item {
        &.current-menu-item {
            background-color: var(--wp--preset--color--background-orange) !important;
            border-radius: 5px;
        }
    }
}