/* ---------------------------------------------------------------------------------------------
   Selector de limbă — .ps-lang
   Comutator în capsulă din colțul din dreapta sus al barei de navigație: limba activă este un
   buton alb ridicat, cealaltă rămâne text. Starea activă se citește din [aria-pressed="true"]
   (DESIGN-SYSTEM.md §11.1), nu dintr-o clasă.
   --------------------------------------------------------------------------------------------- */

.ps-lang {
    display: inline-flex;
    flex: none;
    margin: 0;
}

.ps-lang__grup {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--ps-border-soft);
    border-radius: var(--ps-radius-full);
    background: color-mix(in srgb, var(--ps-surface-muted) 70%, transparent);
}

.ps-lang__glob {
    margin-inline: 6px 2px;
    color: var(--ps-icon);
    font-size: 18px;
}

.ps-lang__optiune {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-inline-size: 38px;
    min-block-size: 30px;
    padding: 0 var(--ps-space-10);
    border: 0;
    border-radius: var(--ps-radius-full);
    background: transparent;
    color: var(--ps-text-ui);
    font: var(--ps-fw-semibold) 12.5px/1 var(--ps-font-sans);
    letter-spacing: .04em;
    cursor: pointer;
    transition: var(--ps-transition-color), box-shadow var(--ps-duration) var(--ps-ease);
}

.ps-lang__optiune:hover { color: var(--ps-text); }

.ps-lang__optiune:focus-visible {
    outline: var(--ps-focus-width) solid var(--ps-focus-color);
    outline-offset: 2px;
}

.ps-lang__optiune[aria-pressed="true"] {
    background: var(--ps-surface);
    box-shadow: 0 0 0 1px var(--ps-border-soft), var(--ps-shadow-xs);
    color: var(--ps-green-dark);
    cursor: default;
}

/* Pe telefon, în primul rând al barei, rămân doar codurile limbilor. */
@media (max-width: 767.98px) {
    .ps-lang__glob { display: none; }
    .ps-lang__optiune {
        min-inline-size: 32px;
        min-block-size: 28px;
        padding: 0 var(--ps-space-6);
    }
}
