@charset "UTF-8";
/* Moved from inline <style> in _LanguagePartial.cshtml -> W3C-valid + CSP-clean. Behaviour preserved. */
    .language-toggle {
        display: inline-flex;
        align-items: center;
        /* GIGW 1.4.3 + theme-aware: white EN/म text on the old #007bff was only
           3.97:1. Use the theme's nav background (--nav-bg) — it is always dark
           enough for white text (the nav itself runs white-on-nav-bg) and changes
           with the selected theme, so the toggle matches the nav bar in every theme.
           Fallback #095a6f = the default (ocean) nav colour, ~7.8:1 with white. */
        background: var(--nav-bg, #095a6f);
        border-radius: 20px;
        padding: 2px;
        position: relative;
        font-size: 14px; /* increased for accessibility */
        height: 34px;
            margin-bottom: -3px;
    }

        /* GIGW: Hide radio inputs while keeping them focusable for scanners */
        .language-toggle input[type="radio"] {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }

        .language-toggle label {
            cursor: pointer;
            padding: 2px 8px; /* reduced padding */
            border-radius: 20px;
            font-weight: 500;
            color: #fff !important; /* white text for both */
             
            transition: all 0.3s ease;
            user-select: none;
            opacity: 1; /* unselected are lighter */
        }

.language-toggle input[type="radio"]:checked + label {
    background-color: #fff;
    /* Checked pill: theme nav colour on white — always dark enough to pass, and
       matches the toggle background above. */
    color: var(--nav-bg, #095a6f) !important;
}


        .language-toggle .slider {
            display: none; /* not needed for this compact design */
        }
        .language-toggle input[type="radio"] + label {
    font-size: 14px !important;
    /* color: #fff !important;      
    opacity: 1 !important;         */
    font-weight: 600;  
}

    .language-toggle input[type="radio"] + label {
    font-size: 14px !important;
     /* color: #fff !important;      
    opacity: 1 !important;         */
    font-weight: 600;             
}