/* The added language control uses the existing header's type and colors. */
.language-switcher {
    position: absolute;
    right: 58px;
    top: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 20px;
    font-size: 13px;
    white-space: nowrap;
}
.language-switcher a { color: #a9afc3; padding: 5px 0; }
.language-switcher a[aria-current] { color: #fff; text-decoration: underline; text-underline-offset: 5px; }
.language-switcher a:hover { color: #fff; }
.language-switcher a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media (min-width: 992px) {
    header .header-content { display: flex; align-items: center; column-gap: clamp(20px, 2.4vw, 40px); }
    header .logo { float: none; flex-shrink: 0; margin-top: 0; }
    header nav { float: none; padding-left: 0; margin-top: 0; }
    header nav ul { display: flex; align-items: center; gap: clamp(24px, 3vw, 50px); margin: 0; padding: 0; }
    header nav ul li { margin-right: 0; white-space: nowrap; }
    header .right-side-hd { float: none; display: flex; align-items: center; gap: clamp(20px, 3vw, 44px); margin-left: auto; }
    header .right-side-hd > span { margin-right: 0; white-space: nowrap; }
    header .right-side-hd .btn-default { white-space: nowrap; }
    header .language-switcher { position: static; flex-shrink: 0; padding-left: 22px; border-left: 1px solid rgba(169, 175, 195, .25); }
    header .header-content > .clearfix { display: none; }
}
@media (min-width: 992px) and (max-width: 1366px) {
    header .right-side-hd > span { font-size: 18px; }
    header .right-side-hd .btn-default { font-size: 18px; padding-right: 24px; padding-left: 24px; }
    header .language-switcher { padding-left: 16px; }
}