/* Gujarat Hospital - language switcher + Hindi/Gujarati typography. Loaded on every page. */
.site-header-topbar-inner { align-items: center; }
.gh-lang { display: inline-flex; align-items: center; gap: 2px; margin-right: auto; padding: 2px; border-radius: 999px; background: rgba(255,255,255,0.18); }
.gh-lang-btn { min-height: 30px; padding: 3px 12px; border: 0; border-radius: 999px; background: transparent; color: #fff; font: inherit; font-size: 13px; font-weight: 700; line-height: 1.2; cursor: pointer; transition: background 0.2s ease, color 0.2s ease; -webkit-tap-highlight-color: transparent; }
.gh-lang-btn:hover { background: rgba(255,255,255,0.22); }
.gh-lang-btn.is-active { background: #fff; color: #892728; }
.gh-lang-btn:focus-visible { outline: 3px solid #892728; outline-offset: 2px; }
/* Phones and small tablets (pass 102): one row - Emergency 24x7 on the left, the language switch on the right. Before, this file made
   the bar wrap and, below 420px, gave the switch a full row of its own, so the orange bar was two rows on every phone. */
@media (max-width: 768px) {
    .site-header-topbar-inner { flex-wrap: nowrap; justify-content: space-between; gap: 8px; }
    .gh-lang { margin-right: 0; margin-left: auto; order: 5; flex: 0 0 auto; }
    .gh-lang-btn { min-height: 34px; padding: 4px 14px; }
}
@media (max-width: 480px) { .gh-lang-btn { padding: 4px 9px; font-size: 12.5px; } }
@media (max-width: 349px) { .gh-lang { gap: 0; } .gh-lang-btn { padding: 4px 6px; font-size: 12px; } }
/* Latin text keeps Montserrat; Devanagari / Gujarati glyphs fall through to Noto Sans. */
html[data-gh-lang="hi"] body, html[data-gh-lang="hi"] button, html[data-gh-lang="hi"] input, html[data-gh-lang="hi"] select, html[data-gh-lang="hi"] textarea { font-family: 'Montserrat', 'Noto Sans Devanagari', 'Nirmala UI', 'Mangal', sans-serif; }
html[data-gh-lang="gu"] body, html[data-gh-lang="gu"] button, html[data-gh-lang="gu"] input, html[data-gh-lang="gu"] select, html[data-gh-lang="gu"] textarea { font-family: 'Montserrat', 'Noto Sans Gujarati', 'Nirmala UI', 'Shruti', sans-serif; }
/* Indic scripts carry marks above and below the line, so headings need more line height
   and no letter-spacing or forced capitals (neither exists in these scripts). */
html[data-gh-lang="hi"] h1, html[data-gh-lang="hi"] h2, html[data-gh-lang="hi"] h3, html[data-gh-lang="hi"] h4, html[data-gh-lang="hi"] .gh-hc-title,
html[data-gh-lang="gu"] h1, html[data-gh-lang="gu"] h2, html[data-gh-lang="gu"] h3, html[data-gh-lang="gu"] h4, html[data-gh-lang="gu"] .gh-hc-title { line-height: 1.45 !important; }
html[data-gh-lang="hi"] .gh-section-label, html[data-gh-lang="hi"] .gh-about-eyebrow, html[data-gh-lang="hi"] .gh-apptx-eyebrow, html[data-gh-lang="hi"] .gh-hc-eyebrow, html[data-gh-lang="hi"] .gh-apptx-clabel, html[data-gh-lang="hi"] .gh-apptx-formhead h3,
html[data-gh-lang="gu"] .gh-section-label, html[data-gh-lang="gu"] .gh-about-eyebrow, html[data-gh-lang="gu"] .gh-apptx-eyebrow, html[data-gh-lang="gu"] .gh-hc-eyebrow, html[data-gh-lang="gu"] .gh-apptx-clabel, html[data-gh-lang="gu"] .gh-apptx-formhead h3 { letter-spacing: 0 !important; font-size: 13px; line-height: 1.5; }
/* small explanatory notes added only in Hindi / Gujarati */
.gh-lang-note { max-width: 880px; margin: 0 auto 18px; padding: 10px 16px; border-radius: 10px; background: #FBF1E6; border: 1px solid rgba(238,125,5,0.3); color: #5a4a42; font-size: 14px; line-height: 1.6; text-align: center; }
.gh-lang-note-page { margin: 18px auto; }