/* SOFON Convertor PHASE02 – scoped UI overrides only */
.sofon-language-switch {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 3px;
    padding: 4px;
    min-height: 42px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface-strong);
}
.sofon-language-switch .sofon-language-option {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 32px;
    padding: 0 9px;
    gap: 5px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--text-soft);
    cursor: pointer;
    font-size: 0.77rem;
    font-weight: 800;
    line-height: 1;
}
.sofon-language-switch .sofon-language-option:hover { color: var(--primary); }
.sofon-language-switch .sofon-language-option.is-active {
    color: #fff;
    background: linear-gradient(115deg, var(--cyan), var(--primary) 54%, var(--purple));
    box-shadow: 0 4px 12px rgba(89,102,242,.2);
}
.sofon-language-option:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.sofon-language-flag { font-size: 1.06rem; line-height: 1; }
.media-mode-switch {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: min(100%, 840px);
}
.media-mode-button { min-width: 0; text-align: center; }
@media (max-width: 760px) {
    .media-mode-switch { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .media-mode-button { font-size: .77rem; gap: 4px; padding: 8px 6px; }
}
@media (max-width: 520px) {
    .media-mode-switch { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .media-mode-button { width: auto; font-size: .72rem; padding: 8px 4px; }
    .media-mode-button > span[aria-hidden="true"] { font-size: .83rem; }
    .sofon-language-switch .sofon-language-option { padding: 0 7px; }
}
@media (max-width: 620px) {
    .navbar-shell { flex-wrap: wrap; row-gap: 7px; }
    .navbar-shell .brand { min-width: 0; }
    .navbar-shell .header-actions { justify-content: flex-end; flex-wrap: wrap; width: 100%; }
}