:root {
    --gobig-navbar-transparent-text-color: #000000;
    --gobig-navbar-scrolled-text-color: #111111;
    --gobig-navbar-scrolled-background-color: #ffffff;
    --gobig-navbar-scrolled-shadow: 0 4px 10px rgba(0, 0, 0, .08);
    --gobig-navbar-gutter: 24px;
}

.gobig-navbar-page-setting {
    display: none !important;
}

.gobig-navbar-active,
.gobig-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: background .3s ease, box-shadow .3s ease, color .3s ease;
}

.gobig-navbar-container[data-transparent="0"],
.gobig-navbar-active:not(.gobig-navbar-transparent) {
    background: #ffffff;
    box-shadow: var(--gobig-navbar-scrolled-shadow);
    color: #111111;
}

.gobig-navbar-container[data-transparent="0"] a,
.gobig-navbar-container[data-transparent="0"] .wp-block-navigation a,
.gobig-navbar-container[data-transparent="0"] .wp-block-site-title a,
.gobig-navbar-container[data-transparent="0"] .wp-block-navigation__responsive-container-open,
.gobig-navbar-active:not(.gobig-navbar-transparent) a,
.gobig-navbar-active:not(.gobig-navbar-transparent) .wp-block-navigation a,
.gobig-navbar-active:not(.gobig-navbar-transparent) .wp-block-site-title a,
.gobig-navbar-active:not(.gobig-navbar-transparent) .wp-block-navigation__responsive-container-open {
    color: inherit;
}

.gobig-navbar-container[data-transparent="0"] .wp-block-navigation svg,
.gobig-navbar-container[data-transparent="0"] .wp-block-site-logo svg,
.gobig-navbar-active:not(.gobig-navbar-transparent) .wp-block-navigation svg,
.gobig-navbar-active:not(.gobig-navbar-transparent) .wp-block-site-logo svg {
    fill: currentColor;
    color: currentColor;
    stroke: currentColor;
}

.gobig-navbar__inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    width: calc(100% - (var(--gobig-navbar-gutter) * 2));
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 0;
    transition: padding .3s ease, min-height .3s ease;
    box-sizing: border-box;
}

.gobig-navbar__inner .wp-block-navigation {
    margin-left: auto;
    justify-content: flex-end;
}

.gobig-navbar__inner .wp-block-navigation .wp-block-navigation__container {
    justify-content: flex-end;
}

.gobig-navbar__inner > *:has(.wp-block-navigation) {
    display: flex;
    align-items: center;
    gap: inherit;
    width: 100%;
}

.gobig-navbar-layout-full .gobig-navbar__inner {
    max-width: calc(100% - (var(--gobig-navbar-gutter) * 2));
}

.gobig-navbar-layout-content .gobig-navbar__inner {
    max-width: var(--wp--style--global--content-size, 960px);
}

.gobig-navbar-layout-wide .gobig-navbar__inner {
    max-width: var(--wp--style--global--wide-size, 1200px);
}

.gobig-navbar-transparent:not(.is-scrolled) {
    background: transparent !important;
    box-shadow: none !important;
    color: var(--gobig-navbar-transparent-text-color) !important;
}

.gobig-navbar-transparent:not(.is-scrolled) a,
.gobig-navbar-transparent:not(.is-scrolled) .wp-block-navigation a,
.gobig-navbar-transparent:not(.is-scrolled) .wp-block-navigation-item__content,
.gobig-navbar-transparent:not(.is-scrolled) .wp-block-navigation-item__label,
.gobig-navbar-transparent:not(.is-scrolled) .wp-block-site-title a,
.gobig-navbar-transparent:not(.is-scrolled) .wp-block-navigation__responsive-container-open,
.gobig-navbar-transparent:not(.is-scrolled) .wp-block-navigation__responsive-container-open svg {
    color: var(--gobig-navbar-transparent-text-color) !important;
}

.gobig-navbar-transparent:not(.is-scrolled) .wp-block-navigation svg,
.gobig-navbar-transparent:not(.is-scrolled) .wp-block-site-logo svg {
    fill: var(--gobig-navbar-transparent-text-color) !important;
    color: var(--gobig-navbar-transparent-text-color) !important;
    stroke: var(--gobig-navbar-transparent-text-color) !important;
}

.gobig-navbar-transparent.is-scrolled {
    background: var(--gobig-navbar-scrolled-background-color) !important;
    box-shadow: var(--gobig-navbar-scrolled-shadow);
    color: var(--gobig-navbar-scrolled-text-color) !important;
}

.gobig-navbar-transparent.is-scrolled a,
.gobig-navbar-transparent.is-scrolled .wp-block-navigation a,
.gobig-navbar-transparent.is-scrolled .wp-block-navigation-item__content,
.gobig-navbar-transparent.is-scrolled .wp-block-navigation-item__label,
.gobig-navbar-transparent.is-scrolled .wp-block-site-title a,
.gobig-navbar-transparent.is-scrolled .wp-block-navigation__responsive-container-open,
.gobig-navbar-transparent.is-scrolled .wp-block-navigation__responsive-container-open svg {
    color: var(--gobig-navbar-scrolled-text-color) !important;
}

.gobig-navbar-transparent.is-scrolled .wp-block-navigation svg,
.gobig-navbar-transparent.is-scrolled .wp-block-site-logo svg {
    fill: var(--gobig-navbar-scrolled-text-color) !important;
    color: var(--gobig-navbar-scrolled-text-color) !important;
    stroke: var(--gobig-navbar-scrolled-text-color) !important;
}

.gobig-navbar-transparent.is-scrolled .gobig-navbar__inner {
    padding-top: 0;
    padding-bottom: 0px;
}

body.admin-bar .gobig-navbar-active,
body.admin-bar .gobig-navbar {
    top: 32px;
}

@media screen and (max-width: 782px) {
    :root {
        --gobig-navbar-gutter: 16px;
    }

    body.admin-bar .gobig-navbar-active,
    body.admin-bar .gobig-navbar {
        top: 46px;
    }

    .gobig-navbar__inner {
        width: calc(100% - (var(--gobig-navbar-gutter) * 2));
    }
}