/* InQlok language toggle button.
   In a standard header it also carries .theme-switcher and inherits that look.
   These rules cover pages without .theme-switcher styling and the floating fallback. */

#langSwitcher {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    font: inherit;
    line-height: 1;
    white-space: nowrap;
}

/* Standalone styling used only when the button is NOT a .theme-switcher. */
#langSwitcher.lang-switcher:not(.theme-switcher) {
    padding: 0.5rem 0.85rem;
    border: 1px solid var(--current-border, rgba(0, 0, 0, 0.15));
    border-radius: 0.5rem;
    background: var(--current-card-bg, #fff);
    color: var(--current-text-primary, #1e293b);
    font-size: 0.85rem;
    font-weight: 600;
}

#langSwitcher.lang-switcher:not(.theme-switcher):hover {
    background: var(--current-bg-hover, rgba(0, 0, 0, 0.05));
}

/* Floating fallback for pages with no .header-actions container. */
#langSwitcher.lang-switcher-floating {
    position: fixed;
    top: 12px;
    right: 12px;
    z-index: 10000;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    background: #ffffff;
    color: #1e293b;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2rem;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    font-weight: 600;
}