/* Ojerk 16.1.5 — definitive GTranslate selector hardening. */
.oj-language-button .oj-language-name {
    display: inline-block;
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.oj-language-button .oj-language-code { display: none; }

.oj-language-grid button {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-height: 54px;
    display: grid;
    grid-template-columns: 31px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 9px;
    margin: 0;
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 11px;
    background: rgba(255,255,255,.022);
    color: #babec6;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, color .18s ease;
}
.oj-language-grid button:hover,
.oj-language-grid button:focus-visible {
    border-color: rgba(var(--oj-accent-rgb),.35);
    outline: none;
    background: rgba(var(--oj-accent-rgb),.07);
    color: #fff;
}
.oj-language-grid button.is-active {
    border-color: rgba(var(--oj-accent-rgb),.48);
    background: rgba(var(--oj-accent-rgb),.12);
    color: #fff;
}
.oj-language-grid button > span {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 8px;
    background: rgba(255,255,255,.035);
    color: #f0f1f3;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .05em;
}
.oj-language-grid button strong {
    min-width: 0;
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.oj-language-grid button i {
    color: var(--oj-accent-hover);
    font-size: 11px;
    font-style: normal;
    text-align: center;
}

@media (max-width: 782px) {
    .oj-language-button .oj-language-name { max-width: 86px; }
}
@media (max-width: 520px) {
    .oj-language-button .oj-language-name { display: none; }
    .oj-language-button .oj-language-code { display: inline; }
    .oj-language-grid button {
        min-height: 54px !important;
        grid-template-columns: 31px minmax(0, 1fr) 16px;
    }
}