/**
 * toggle.css — floating Lat/Ћир dugme.
 *
 * Stilovi su samostalni — koriste hardcoded boje (umesto CSS varijabli iz teme)
 * tako da plugin radi nezavisno od teme.
 */

.script-toggle {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 60;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	height: 44px;
	padding: 0 16px;
	border-radius: 999px;
	border: 1px solid oklch(0.30 0.06 265 / 0.6);
	background: oklch(0.13 0.05 265 / 0.8);
	font-family: inherit;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: oklch(0.97 0.005 60);
	box-shadow: 0 10px 40px -10px oklch(0.62 0.22 27 / 0.55);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	cursor: pointer;
	transition: background-color 0.25s ease;
}

.script-toggle:hover {
	background: oklch(0.13 0.05 265);
}

.script-toggle:focus-visible {
	outline: 2px solid oklch(0.65 0.22 27);
	outline-offset: 2px;
}

.script-toggle__lat,
.script-toggle__cyr,
.script-toggle__sep {
	color: oklch(0.72 0.04 260);
	transition: color 0.2s ease;
}

:root[data-script="lat"] .script-toggle__lat {
	color: oklch(0.65 0.22 27);
}

:root[data-script="cyr"] .script-toggle__cyr {
	color: oklch(0.65 0.22 27);
}