/* Visibilita' per lingua: html[data-lang] viene impostato da uno script in <head> */
html[data-lang="it"] .lang-en,
html:not([data-lang="it"]) .lang-it { display: none !important; }

.lang-switch {
    display: inline-flex;
    margin-left: 12px;
    border: 1px solid currentColor;
    border-radius: 6px;
    overflow: hidden;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .05em;
    opacity: .85;
}
.lang-switch a { padding: 4px 9px; color: inherit; text-decoration: none; }
.lang-switch a.is-active { background: currentColor; }
.lang-switch a.is-active span { mix-blend-mode: difference; }
html:not([data-lang="it"]) .lang-switch-en,
html[data-lang="it"] .lang-switch-it { background: var(--ghost-accent-color); color: #fff; }
@media (max-width: 767px) { .lang-switch { margin-left: 0; margin-right: 8px; } }
