/*
 * The navigation overlays the page image (or the home content background).
 * Its natural size is retained; it contributes no extra row before the image.
 * Keep these customizations outside the updateable Luxwine parent theme.
 */
body.terre-header-overlay header.site-header {
    position: relative;
    overflow: visible;
    background: transparent;
}

body.terre-header-overlay header.site-header .overlay-menu-container:not(.navbar-fixed-top) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    align-items: center;
    /* Never animate z-index: the menu close button must be clickable immediately. */
    transition-property: background-color;
}

/* Restore the original logo spacing without collapsing the navigation height. */
body.terre-header-overlay header.site-header .logo-wrapper img.brand {
    margin-block: 10px;
}

/* Luxwine's fullscreen menu is at z-index 9; its close button must stay above it. */
body.terre-header-overlay.overflow-hidden header.site-header .overlay-menu-container {
    z-index: 10;
}

/* Position our widget area independently of WP Multilang's CSS class names. */
.terre-header-language {
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 100;
}

.terre-header-language img {
    width: 25px;
    height: auto;
}
