/* Desktop header layout: content width and menu alignment (Theme Settings > Header). */

/* Width: inside the page container, the same as the page content below. */
#navbar_top.header-width-container .main-header > div > .container,
#navbar_top.header-width-container .main-header > div > .custom-header-container {
    width: var(--storefront-shell-width) !important;
    max-width: var(--storefront-shell-width) !important;
    padding-left: calc(var(--bs-gutter-x, 1.5rem) * 0.5) !important;
    padding-right: calc(var(--bs-gutter-x, 1.5rem) * 0.5) !important;
}

/* Width: full screen width. */
#navbar_top.header-width-full .main-header > div > .container,
#navbar_top.header-width-full .main-header > div > .custom-header-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: clamp(14px, 2.5vw, 36px) !important;
    padding-right: clamp(14px, 2.5vw, 36px) !important;
}

/* Menu alignment. Auto margins keep the first item visible when the menu is wider than the bar. */
#navbar_top.header-nav-center .header-1-nav-menu > ul > li:first-child,
#navbar_top.header-nav-right .header-1-nav-menu > ul > li:first-child,
#navbar_top.header-nav-center .header-3-nav-center > div > .header-3-nav-item-wrapper:first-child,
#navbar_top.header-nav-right .header-3-nav-center > div > .header-3-nav-item-wrapper:first-child {
    margin-left: auto !important;
}
#navbar_top.header-nav-center .header-1-nav-menu > ul > li:last-child,
#navbar_top.header-nav-left .header-1-nav-menu > ul > li:last-child,
#navbar_top.header-nav-center .header-3-nav-center > div > .header-3-nav-item-wrapper:last-child,
#navbar_top.header-nav-left .header-3-nav-center > div > .header-3-nav-item-wrapper:last-child {
    margin-right: auto !important;
}
#navbar_top.header-nav-center .header-2-nav-links > nav {
    margin-left: auto;
    margin-right: auto;
}
#navbar_top.header-nav-right .header-2-nav-links > nav {
    margin-left: auto;
}

/* Language switch (desktop headers and the mobile side menu). */
.language-switch {display: inline-flex; align-items: center; flex-shrink: 0; gap: 2px; padding: 3px; border: 1px solid var(--store-border-color, #e2e8f0); border-radius: 999px; background: var(--store-surface-bg, #ffffff); line-height: 1;}
body.gotop .language-switch a,
html body.gotop #navbar_top .language-switch a {display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 30px; padding: 0 10px; border-radius: 999px; color: var(--store-text-color, #334155) !important; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background-color .2s ease, color .2s ease;}
body.gotop .language-switch a:hover,
html body.gotop #navbar_top .language-switch a:hover {color: var(--store-primary-color, #087f70) !important;}
body.gotop .language-switch a.active,
html body.gotop #navbar_top .language-switch a.active {background: var(--store-primary-color, #087f70); color: var(--store-button-text, #ffffff) !important;}
.language-switch a:focus-visible {outline: 2px solid var(--store-primary-color, #087f70); outline-offset: 2px;}
.mobile-menu .language-switch-mobile {display: flex; margin: 14px 15px;}
.mobile-menu .language-switch-mobile a {flex: 1 1 0;}