/* public/app/css/lang-flags-pro.css
 * Synopsis: Badges FREE / PRO sur langues STT.
 * Objectif: Pastilles distinctes à droite, non cliquables.
 */

.dash .dash-rail--langs .lang-flags button {
    align-items: center;
}

.dash .dash-rail--langs .lang-flags .lang-flags__label {
    flex: 1 1 auto;
    text-align: left;
}

.dash .dash-rail--langs .lang-flags .lang-flags__pro,
.dash .dash-rail--langs .lang-flags .lang-flags__free {
    border-radius: var(--dash-radius);
    color: #fff;
    flex: 0 0 auto;
    font-family: var(--display);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1;
    margin-left: auto;
    padding: .28rem .4rem;
    text-transform: uppercase;
}

.dash .dash-rail--langs .lang-flags .lang-flags__pro {
    background: color-mix(in srgb, var(--dash-hot) 88%, #000);
}

.dash .dash-rail--langs .lang-flags .lang-flags__free {
    background: color-mix(in srgb, var(--dash-accent) 78%, #000);
}

.dash .dash-rail--langs .lang-flags button.lang-flags__locked {
    cursor: not-allowed;
    opacity: .72;
}

.dash .dash-rail--langs .lang-flags button.lang-flags__locked:hover {
    background: var(--dash-elev);
    border-color: var(--dash-line);
}