.admin-bar header {
    top: calc(var(--wp--preset--spacing--6) + 32px);
}

header {
    position: sticky;
    top: var(--wp--preset--spacing--6);
    z-index: var(--z-index--menu);
}

main {
    margin-block-start: calc(-1 * var(--nav-bar-spacer-height));
}

.site-logo-container {
    position: relative;
    margin-block: var(--nav-bar-logo-spacing);
    margin-inline: var(--section-spacing);
    display: flex;
    justify-content: center;
}

.site-logo-link {
    position: relative;
    z-index: var(--z-index--logo);
    outline-offset: 4px;
    border-radius: var(--border-radius);
}

.site-logo-link--inverted {
    outline-color: var(--wp--preset--color--white-base);
}

.site-logo {
    position: relative;
    display: block;
    margin-inline: auto;
    height: var(--logo-height);
}

.mobile-language-select {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    color: var(--wp--preset--color--blueberry-base);
}

.mobile-language-select .language-select {
    color: var(--wp--preset--color--blueberry-base);
    font-weight: 600;
    border-radius: var(--border-radius);
}

.mobile-language-select--invert {
    color: var(--wp--preset--color--white-base);
}

.mobile-language-select--invert .language-select {
    color: var(--wp--preset--color--white-base);
    outline-color: var(--wp--preset--color--white-base);
}