/**
 * language-hint.css — jazyková výzva.
 *
 * 🔴 `position: fixed` je zámer, nie lenivosť: lišta v toku dokumentu by
 * posunula obsah a pokazila CLS. Takto neposúva nič.
 *
 * Farby berieme z palety témy (Blocksy `--theme-palette-color-*`) s bezpečným
 * fallbackom, aby lišta sedela s webom aj po zmene palety.
 */

.lp-lang-hint {
	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 9999;

	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 16px;

	padding: 12px 18px;
	background: var(--theme-palette-color-8, #ffffff);
	color: var(--theme-text-color, #1e293b);
	border-top: 1px solid var(--theme-border-color, #e2e8f0);
	box-shadow: 0 -2px 12px rgba( 0, 0, 0, 0.08 );

	font-size: 14px;
	line-height: 1.5;
}

.lp-lang-hint__text {
	margin: 0;
}

.lp-lang-hint__go,
.lp-lang-hint__close {
	font: inherit;
	border-radius: 6px;
	padding: 7px 14px;
	cursor: pointer;
	/* Dotykový cieľ podľa WCAG 2.1 (2.5.5) — min. 44 px vrátane paddingu. */
	min-height: 40px;
	display: inline-flex;
	align-items: center;
}

.lp-lang-hint__go {
	background: var(--theme-palette-color-1, #7c3aed);
	color: #ffffff;
	text-decoration: none;
	border: 1px solid transparent;
	font-weight: 600;
}

.lp-lang-hint__go:hover,
.lp-lang-hint__go:focus-visible {
	filter: brightness( 0.92 );
	color: #ffffff;
}

.lp-lang-hint__close {
	background: transparent;
	color: inherit;
	border: 1px solid var(--theme-border-color, #cbd5e1);
	opacity: 0.85;
}

.lp-lang-hint__close:hover,
.lp-lang-hint__close:focus-visible {
	opacity: 1;
}

/* Viditeľný focus — klávesnicová navigácia sa nesmie stratiť. */
.lp-lang-hint__go:focus-visible,
.lp-lang-hint__close:focus-visible {
	outline: 2px solid var(--theme-palette-color-1, #7c3aed);
	outline-offset: 2px;
}

@media (max-width: 600px) {
	.lp-lang-hint {
		justify-content: flex-start;
		font-size: 13px;
	}
}

/* Používateľ si vypol animácie — nič neanimujeme ani my. */
@media (prefers-reduced-motion: reduce) {
	.lp-lang-hint {
		transition: none;
	}
}