/* Load Sky without changing the active interface font. */
@font-face {
    font-family: 'Sky';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/sky/sky.ttf') format('truetype');
}
@font-face {
    font-family: 'Sky';
    font-style: normal;
    font-weight: 600 900;
    font-display: swap;
    src: url('../fonts/sky/sky-bold.ttf') format('truetype');
}
.language-switch-link {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
}
/* The English interface keeps the globe on the physical left. */
html:lang(en) #header .language-switch-link,
html:lang(en) #navMobile .language-switch-link {
    direction: ltr;
}
html:lang(en) #header .language-switch-link > span,
html:lang(en) #navMobile .language-switch-link > span {
    font-size: calc(1em + 3px);
}
.language-switch-link:lang(ar) {
    font-family: 'Sky', Tahoma, Arial, sans-serif !important;
}
#header .language-switch-link .language-switch-icon,
#navMobile .language-switch-link .language-switch-icon {
    font-size: 18px;
    line-height: 1;
    margin: 0 !important;
}
/* Arabic header actions place the icon before the label from the right. */
html:lang(ar) #header .language-switch-link,
html:lang(ar) #navMobile .language-switch-link,
html:lang(ar) #header .li-main-nav-right > a {
    display: inline-flex !important;
    align-items: center;
    direction: rtl;
    gap: 5px;
}
html:lang(ar) #header .language-switch-link > span,
html:lang(ar) #navMobile .language-switch-link > span {
    font-size: 1em !important;
}
html:lang(ar) #header .li-main-nav-right > a > .label-nav-icon,
html:lang(ar) #header .profile-dropdown > .a-profile {
    font-size: calc(1em + 1px) !important;
}
html:lang(ar) #header .li-main-nav-right > a > i {
    margin: 0 !important;
}
html:lang(ar) #header .li-main-nav-right > a > .label-nav-icon {
    top: 0;
}
html:lang(ar) #header .language-switch-link .language-switch-icon,
html:lang(ar) #navMobile .language-switch-link .language-switch-icon {
    font-size: 21px !important;
}
#navMobile .language-switch-link {
    justify-content: flex-start;
    min-height: 44px;
    font-size: 13px !important;
    line-height: 1.4;
    padding: 8px 12px;
}

#navMobile .language-switch-link .language-switch-icon {
    order: 1;
}