@charset "UTF-8";

    .cbp-langwrap { position: relative; display: inline-flex; }
    .cbp-langwrap .cbp-lang { display: inline-flex; align-items: center; gap: 7px; color: #e7eefa; font-weight: 800; font-size: 13px; letter-spacing: .3px;
        background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.28); border-radius: 10px; padding: 8px 11px; cursor: pointer;
        font-family: inherit; transition: border-color .16s, color .16s, background .16s; }
    .cbp-langwrap .cbp-lang:hover { color: #fff; border-color: rgba(255,255,255,.5); background: rgba(255,255,255,.1); }
    .cbp-lang-caret { opacity: .8; transition: transform .2s cubic-bezier(.22,1,.36,1); }
    .cbp-langwrap.open .cbp-lang-caret { transform: rotate(180deg); }
    .cbp-langwrap.open .cbp-lang { color: #fff; border-color: rgba(255,255,255,.5); background: rgba(255,255,255,.1); }
    .cbp-langmenu { position: absolute; right: 0; top: calc(100% + 9px); min-width: 182px; background: #fff; border: 1px solid #e3e8ef;
        border-radius: 13px; box-shadow: 0 22px 50px -18px rgba(8,22,40,.5); padding: 6px; z-index: 1200;
        opacity: 0; visibility: hidden; transform: translateY(-6px);
        transition: opacity .16s ease, transform .2s cubic-bezier(.22,1,.36,1), visibility .16s; }
    .cbp-langwrap.open .cbp-langmenu { opacity: 1; visibility: visible; transform: none; }
    .cbp-langopt { display: flex; align-items: center; gap: 10px; padding: 9px 11px; border-radius: 9px; text-decoration: none;
        color: #24344f; transition: background .14s, color .14s; }
    .cbp-langopt:hover { background: #eff4fb; color: #2f5496; }
    .cbp-langopt-abbr { font-weight: 800; font-size: 11.5px; min-width: 22px; color: #8190a6; }

    /* The trigger sits on the navy bar in both themes, but the menu drops onto
       the page -- so in dark mode it was the one header surface still painting
       a white panel with near-black text. */
    html[data-theme="dark"] .cbp-langmenu {
        background: var(--cbp-surface-2, #16345c);
        border-color: var(--cbp-line, #23446e);
        box-shadow: 0 22px 50px -18px rgba(0,0,0,.66);
    }
    html[data-theme="dark"] .cbp-langopt { color: var(--cbp-ink, #e8eef7); }
    html[data-theme="dark"] .cbp-langopt:hover { background: var(--cbp-hover, rgba(91,187,232,.12)); color: var(--cbp-sky, #5bbbe8); }
    html[data-theme="dark"] .cbp-langopt-abbr { color: var(--cbp-body, #b7c5d8); }
    .cbp-langopt:hover .cbp-langopt-abbr { color: #2f5496; }
    .cbp-langopt-name { font-weight: 700; font-size: 14px; flex: 1; }
    /* Georgian script renders heavier/darker than Latin/Cyrillic at the same weight; render the
       "ქართული" option in Noto at a lighter weight so it sits visually level with English / Русский. */
    .cbp-langopt[hreflang="ka"] .cbp-langopt-name { font-family: 'Noto Sans Georgian', 'Nunito Sans', system-ui, sans-serif; font-weight: 500; }
    .cbp-langopt.is-active { background: #f1f6fd; }
    .cbp-langopt.is-active .cbp-langopt-abbr, .cbp-langopt.is-active .cbp-langopt-name { color: #2f5496; }
    .cbp-langopt > svg { margin-left: auto; flex: 0 0 auto; }

    @media (max-width: 991px) {
        .cbp-langwrap { width: 100%; }
        .cbp-langwrap .cbp-lang { width: 100%; justify-content: center; padding: 13px; }
        .cbp-langmenu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; margin-top: 8px;
            width: 100%; background: var(--cbp-chrome-2, #0b2440); border-color: var(--cbp-chrome-edge, rgba(255,255,255,.14)); }
        .cbp-langwrap:not(.open) .cbp-langmenu { display: none; }
        .cbp-langopt, .cbp-langopt-name { color: #eaf1fb; }
        .cbp-langopt-abbr { color: #9fb3d4; }
        .cbp-langopt:hover { background: rgba(255,255,255,.08); color: #fff; }
        .cbp-langopt:hover .cbp-langopt-name, .cbp-langopt:hover .cbp-langopt-abbr { color: #fff; }
        .cbp-langopt.is-active { background: rgba(255,255,255,.07); }
        .cbp-langopt.is-active .cbp-langopt-name, .cbp-langopt.is-active .cbp-langopt-abbr { color: #fff; }
    }
    @media (prefers-reduced-motion: reduce) { .cbp-lang-caret, .cbp-langmenu { transition: none; } }