/* Tibetan script (U+0F00–0FFF) renders in MonlamTBslim; all other characters keep the existing fonts. */
@font-face { font-family: 'MonlamTBslim'; src: url('MonlamTBslim.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('MonlamTBslim.ttf') format('truetype'); unicode-range: U+0F00-0FFF; font-display: swap; }
@font-face { font-family: 'Roboto-Bold'; src: url('MonlamTBslim.ttf') format('truetype'); unicode-range: U+0F00-0FFF; font-display: swap; }
@font-face { font-family: 'Roboto-Medium'; src: url('MonlamTBslim.ttf') format('truetype'); unicode-range: U+0F00-0FFF; font-display: swap; }
@font-face { font-family: 'Roboto-Black'; src: url('MonlamTBslim.ttf') format('truetype'); unicode-range: U+0F00-0FFF; font-display: swap; }

.lang-bo { font-family: 'MonlamTBslim', 'Roboto', sans-serif; }
html[lang="bo"] body { font-family: 'Roboto', 'MonlamTBslim', sans-serif; line-height: 1.9; }
html[lang="bo"] h1, html[lang="bo"] h2, html[lang="bo"] h3, html[lang="bo"] h4 { line-height: 1.5; }
/* The header is offset a fixed 70px below the news/top bars, so they must keep their original height. */
html[lang="bo"] .topsection, html[lang="bo"] .topsection * { line-height: 1.42857; }
html[lang="bo"] .topicon li { line-height: 30px; max-height: 30px; }
html[lang="bo"] .topicon li a { line-height: 30px; }
html[lang="bo"] .toplist li, html[lang="bo"] .topicon li:first-child { font-size: 13px; }
html[lang="bo"] .topsection .newstab, html[lang="bo"] .topsection marquee { line-height: inherit; }
html[lang="bo"] .topsection .lang-switch a { line-height: 20px; }

.toparea .topicon li a { border-radius: 50%; }
.toparea .topicon li.lang-switch-item .lang-switch { border-radius: 20px !important; overflow: hidden; }
.toparea .topicon li.lang-switch-item .lang-switch a { border-radius: 0 !important; width: auto !important; height: auto !important; border: 0 !important; }
.toparea .topicon li.lang-switch-item .lang-switch a:first-child { border-radius: 20px 0 0 20px !important; }
.toparea .topicon li.lang-switch-item .lang-switch a:last-child { border-radius: 0 20px 20px 0 !important; }
.lang-switch-item { margin-left: 14px; padding-left: 14px; border-left: 1px solid rgba(255,255,255,.35); }
.lang-switch { display: inline-flex; border: 1px solid rgba(255,255,255,.7); border-radius: 20px; overflow: hidden; vertical-align: middle; }
.topicon .lang-switch a, .lang-switch a { width: auto; height: auto; display: inline-block; padding: 2px 12px; font-size: 12px; font-weight: 600; color: #fff !important; text-decoration: none; line-height: 20px; background: transparent; border: 0 !important; border-radius: 0; white-space: nowrap; }
.topicon .lang-switch a:hover { background: rgba(255,255,255,.15); }
.topicon .lang-switch a.active, .lang-switch a.active { background: #fff; color: #bd0745 !important; }
.lang-switch a:lang(bo) { font-size: 13px; }
/* Mobile: the top bar is covered by the fixed header, so the switcher moves into the white header row. */
.lang-switch-mobile-item { display: none !important; }
@media (max-width: 767px) {
    .lang-switch-item { display: none !important; }
    .header-extras li.lang-switch-mobile-item { display: block !important; float: right; margin: 0 6px 0 0; }
    .header-extras li.lang-switch-mobile-item a.lang-toggle { display: inline-block; height: 40px; line-height: 38px; padding: 0 10px; border: 1px solid #bd0745; border-radius: 20px; color: #bd0745; font-size: 13px; font-weight: 600; white-space: nowrap; background: #fff; }
    .header-extras li.lang-switch-mobile-item a.lang-toggle i { font-size: 14px !important; margin: 0 3px 0 0 !important; border: 0 !important; color: #bd0745; border-radius: 0; }
}

.lang-badge { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 10px; margin-left: 6px; vertical-align: middle; background: #eef2ff; color: #3730a3; }
.lang-badge.bo { background: #fdf2f5; color: #bd0745; }
