/**
 * FuuDobreTema — základné štýly a polish (prenesené z prototypu).
 * Tokeny sú v tokens.css, layout rieši theme.json. Tu je iba to,
 * čo theme.json nepokryje: prístupnosť, prechody, animácie, pomocné triedy.
 */

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	transition: background-color 0.2s ease, color 0.2s ease;
}

::selection { background: var(--wp--preset--color--gold-soft); }

:focus-visible {
	outline: 2px solid var(--wp--preset--color--gold);
	outline-offset: 2px;
	border-radius: 2px;
}

img { max-width: 100%; height: auto; }

/* Animácie z prototypu */
@keyframes fuu-fade-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes fuu-pulse-dot { 0%,100% { box-shadow: 0 0 0 0 var(--wp--preset--color--gold); } 50% { box-shadow: 0 0 0 6px transparent; } }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.001ms !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}

/* Sticky priehľadná hlavička (obdoba prototypu) */
.fuu-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: color-mix(in oklab, var(--wp--preset--color--surface) 86%, transparent);
	backdrop-filter: saturate(140%) blur(12px);
	border-bottom: 1px solid var(--wp--preset--color--line);
}

/* Pomocné triedy pre patterns / bloky */
.fuu-surface {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--fuu-radius-md);
}
.fuu-shadow { box-shadow: var(--fuu-shadow); }

.fuu-eyebrow {
	font-size: 10px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--text-mute);
	font-weight: 600;
}

/* Karta s hover zdvihom */
.fuu-card {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--fuu-radius-md);
	overflow: hidden;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.fuu-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--fuu-shadow);
}

/* Prepínač témy */
.fuu-theme-toggle {
	width: 38px; height: 38px;
	display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 50%;
	color: var(--wp--preset--color--text-soft);
	background: transparent;
	cursor: pointer;
}
.fuu-theme-toggle:hover { color: var(--wp--preset--color--text); }