/* --- OPTION C: Boxed tabs with script indicator --- */
    .lang-switcher-wrap {
        text-align: center;
        margin: 18px 0 10px;
    }
    .lang-tabs {
        display: inline-flex;
        gap: 8px;
    }
    .lang-tab {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.12);
        color: rgba(255,255,255,0.5);
        font-size: 13px;
        font-weight: 600;
        padding: 8px 20px;
        border-radius: 10px;
        cursor: pointer;
        transition: all 0.2s ease;
        letter-spacing: 0.3px;
        text-decoration: none;
    }
    .lang-tab .lang-script {
        font-size: 17px;
        font-weight: 700;
        color: rgba(255,255,255,0.25);
        line-height: 1;
        transition: color 0.2s ease;
    }
    .lang-tab:hover {
        border-color: rgba(224,123,57,0.4);
        color: rgba(255,255,255,0.75);
    }
    .lang-tab:hover .lang-script { color: rgba(224,123,57,0.5); }
    .lang-tab.active,
    /* Page template (page.php) par bhasha URL se badalti hai: chalu tab ek
       <span> hai, link nahi. switchLang() sirf "active" class sambhalta hai
       (aur saved preference se use hata bhi sakta hai), isliye yahan alag class. */
    .lang-tab.is-current {
        background: rgba(224,123,57,0.15);
        border-color: #e07b39;
        color: #e07b39;
    }
    .lang-tab.active .lang-script,
    .lang-tab.is-current .lang-script { color: #e07b39; }
    .lang-tab.is-current { cursor: default; }

    /* --- OPTION B: Sticky Floating Bar --- */
    .lang-sticky-bar {
        display: none; /* DISABLED BY DEFAULT — set to flex to enable */
        position: fixed;
        top: 70px;
        right: 20px;
        z-index: 9999;
        background: rgba(20,20,30,0.92);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(224,123,57,0.3);
        border-radius: 10px;
        padding: 8px 12px;
        align-items: center;
        gap: 8px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.4);
    }
    .lang-sticky-label {
        color: #e07b39;
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
    }
    .lang-sticky-btn {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.12);
        color: rgba(255,255,255,0.5);
        font-size: 12px;
        font-weight: 600;
        padding: 5px 12px;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.2s ease;
    }
    .lang-sticky-btn .lang-script {
        font-size: 15px;
        font-weight: 700;
        color: rgba(255,255,255,0.25);
        line-height: 1;
        transition: color 0.2s ease;
    }
    .lang-sticky-btn:hover { border-color: rgba(224,123,57,0.4); color: rgba(255,255,255,0.75); }
    .lang-sticky-btn.active {
        background: rgba(224,123,57,0.15);
        border-color: #e07b39;
        color: #e07b39;
    }
    .lang-sticky-btn.active .lang-script { color: #e07b39; }

    /* --- Content visibility --- */
    .lang-content { transition: opacity 0.3s ease; }
    .lang-title   { transition: opacity 0.3s ease; }

    /* Page Content TOC: doosri language ke items chhupao. !important isliye ki
       dropdown open par minify.js jo inline display set karta hai wo isse na jeete. */
    ul.aroham_toc li.aroham-toc-lang-hidden { display: none !important; }

    /* --- Hide duplicate top Favourite/Share bar (plugin injects one at top + one in content) --- */
    .shiftbody > .sa-fav-wrap { display: none !important; }

    /* --- Favourite / Share buttons: shape both themes; colors dark-only
           (light colors style.css ke LIGHT MODE block mein) --- */
    .sa-fav-btn, .sa-share-btn { border-radius: 12px !important; min-width: 80px !important; }
    html.theme-dark .sa-fav-btn, html.theme-dark .sa-share-btn {
        background: rgba(255,255,255,0.05) !important;
        border: 1px solid rgba(255,255,255,0.12) !important;
        color: rgba(255,255,255,0.6) !important;
        box-shadow: none !important;
    }
    html.theme-dark .sa-fav-btn:hover, html.theme-dark .sa-share-btn:hover {
        border-color: rgba(224,123,57,0.5) !important;
        color: rgba(255,255,255,0.85) !important;
        transform: none !important;
        box-shadow: none !important;
    }
    html.theme-dark .sa-fav-btn.is-on {
        background: rgba(224,123,57,0.12) !important;
        border-color: #e07b39 !important;
        color: #e07b39 !important;
        box-shadow: none !important;
    }
    .sa-btn-text { color: inherit !important; font-weight: 600 !important; }
    .sa-ico { font-size: 18px !important; }

/* ------------------------------------------------------------
   Hidden language spans must stay hidden inside headings.
   The parent's generated CSS (temp/genratedcss.css) has
   `h1 span, h2 span, .entry-title span, ... { display:inline-block !important }`,
   which beats the inline `display:none` that switchLang() / the markup use, so a
   heading showed Hindi + English side by side. A more specific !important rule
   restores the hidden state (server markup writes `display:none`, JS writes
   `display: none`).
   ------------------------------------------------------------ */
span.lang-content[style*="display:none"],
span.lang-content[style*="display: none"],
span.lang-title[style*="display:none"],
span.lang-title[style*="display: none"] { display: none !important; }