/* Stramonio Selettore Lingua v1.0.0 */

:root {
	--sslg-primary: #092238;
	--sslg-accent: #ffc843;
	--sslg-radius: 0;
}

/* ---- Nascondere la lingua non attiva ----
   Senza JavaScript l'attributo data-sslg-lang non esiste:
   in quel caso entrambe le lingue restano visibili.
   Nel Visual Builder lo script non viene caricato, quindi
   l'attributo non c'è e i due moduli restano sempre visibili. */
html[data-sslg-lang="it"] .lang-en,
html[data-sslg-lang="en"] .lang-it {
	display: none !important;
}

/* ---- Selettore ---- */
.sslg-switcher {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	margin: 0 0 20px 0;
	padding: 0;
}

.sslg-switcher .sslg-btn {
	appearance: none;
	-webkit-appearance: none;
	min-width: 52px;
	height: 40px;
	padding: 0 16px;
	margin: 0;
	border: 2px solid var(--sslg-primary);
	border-radius: var(--sslg-radius);
	background: transparent;
	color: var(--sslg-primary);
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.04em;
	text-transform: none;
	cursor: pointer;
	transition: background-color 0.2s, color 0.2s;
}

.sslg-switcher .sslg-btn:hover,
.sslg-switcher .sslg-btn[aria-pressed="true"] {
	background: var(--sslg-primary);
	color: var(--sslg-accent);
}

.sslg-switcher .sslg-btn:focus-visible {
	outline: 3px solid var(--sslg-primary);
	outline-offset: 2px;
}
