/* 1. Stretch the menu container across the empty middle section */
#site-header .header-center,
#site-header .main-menu-wrap,
.header-center,
.main-menu-wrap {
    flex: 1 1 auto !important;
    display: flex !important;
    width: 100% !important;
}

/* 2. Ensure the menu list fills the full width of the container */
#site-header .main-menu,
.main-menu {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
}

/* 3. Push the last menu item (Language Switcher) to the far right */
#site-header .main-menu > li:last-child,
#site-header .main-menu > li.menu-item-language,
#site-header .main-menu > li.lang-item,
#site-header .main-menu > li.push-right-menu {
    margin-left: auto !important;
    margin-right: 25px !important;
}
/* Make the language switcher link slightly smaller and greyer */
#site-header .main-menu > li.menu-item-language > a,
#site-header .main-menu > li.lang-item > a,
#site-header .main-menu > li.push-right-menu > a,
#site-header .main-menu > li:last-child > a {
    font-size: 13px !important;
    color: #777777 !important;
    font-weight: 700 !important;
    opacity: 0.85;
}

/* Hover state so it turns clear when hovered */
#site-header .main-menu > li.menu-item-language > a:hover,
#site-header .main-menu > li.lang-item > a:hover,
#site-header .main-menu > li.push-right-menu > a:hover,
#site-header .main-menu > li:last-child > a:hover {
    color: #111111 !important;
    opacity: 1;
}
/* Dark Mode override for language switcher */
[data-theme="dark"] #site-header .main-menu > li.menu-item-language > a,
[data-theme="dark"] #site-header .main-menu > li.lang-item > a,
[data-theme="dark"] #site-header .main-menu > li.push-right-menu > a,
[data-theme="dark"] #site-header .main-menu > li:last-child > a,
body.is-dark #site-header .main-menu > li.menu-item-language > a,
body.is-dark #site-header .main-menu > li.lang-item > a,
body.is-dark #site-header .main-menu > li.push-right-menu > a,
body.is-dark #site-header .main-menu > li:last-child > a {
    color: #cccccc !important;
    opacity: 0.85;
}

/* Dark Mode hover state */
[data-theme="dark"] #site-header .main-menu > li.menu-item-language > a:hover,
[data-theme="dark"] #site-header .main-menu > li.lang-item > a:hover,
[data-theme="dark"] #site-header .main-menu > li.push-right-menu > a:hover,
[data-theme="dark"] #site-header .main-menu > li:last-child > a:hover,
body.is-dark #site-header .main-menu > li.menu-item-language > a:hover,
body.is-dark #site-header .main-menu > li.lang-item > a:hover,
body.is-dark #site-header .main-menu > li.push-right-menu > a:hover,
body.is-dark #site-header .main-menu > li:last-child > a:hover {
    color: #ffffff !important;
    opacity: 1;
}