/* ── LANGUAGE TOGGLE ── */ .lang-toggle { display: flex; align-items: center; gap: 5px; } .lang-btn { font-family: var(--font-mono, 'DM Mono', monospace); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; background: none; border: none; color: var(--text-muted, #767676); padding: 0; cursor: none; transition: color 0.2s ease; line-height: 1; } .lang-btn.active, .lang-btn:hover { color: var(--color-white, #FFFFFF); } .lang-sep { font-family: var(--font-mono, 'DM Mono', monospace); font-size: 10px; letter-spacing: 0; color: var(--text-disabled, #3A3A3A); pointer-events: none; line-height: 1; } /* ── LANGUAGE VISIBILITY ── data-lang-active="en" viene impostato sull'elemento da lang.js. Default (e data-lang-active="it"): IT visibile, EN nascosto. ── */ [data-lang="en"] { display: none; } [data-lang-active="en"] [data-lang="en"] { display: inline; } [data-lang-active="en"] [data-lang="it"] { display: none; }