/*
 * Marci — globální styly a overridy Astry.
 * Tokeny: tokens.css (načítá se první).
 */

/* Astra core váže hover/focus/active stavy tlačítek, odkazů, formulářových
   prvků, search bloku a file bloku na --ast-global-color-1 (výchozí modrá
   z Customizeru). Bez přemapování probleskuje modrá na desítkách selektorů,
   které nelze prakticky všechny dohledat. Selektor body má vyšší specificitu
   než Astřin :root blok, takže vyhraje bez !important. */
body {
	--ast-global-color-0: var(--color-black);
	--ast-global-color-1: var(--color-primary);        /* hover/focus tlačítek a odkazů */
	--ast-global-color-2: var(--color-primary-dark);
	--ast-global-color-3: var(--color-text);
	--ast-global-color-4: var(--color-bg);
	--ast-global-color-5: var(--color-primary);
	--ast-global-color-6: var(--color-primary-dark);
	--ast-global-color-7: var(--color-text);
	--ast-global-color-8: var(--color-white);
	--ast-global-color-9: var(--color-black);
}

/* === Kontejner sekcí (šířka z návrhu) === */
.marci-container {
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--space-6);
}

/* === Tlačítka ===
   Akcentové tlačítko má pozadí --color-accent-dark: bílý text na #d94f86
   z návrhu má kontrast 3,88:1 (WCAG AA vyžaduje 4,5:1), na #c23a70 5,08:1. */
.marci-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	padding: .8em 1.5em;
	border-width: 1.5px;
	border-style: solid;
	border-color: transparent;
	border-radius: var(--radius-full);
	font-family: var(--font-body);
	font-size: .95rem;
	font-weight: 600;
	line-height: var(--lh-snug);
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--transition-fast);
	-webkit-tap-highlight-color: transparent;
}
.marci-btn:hover { transform: translateY(-2px); }
.marci-btn:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.marci-btn--accent,
.marci-btn--accent:hover,
.marci-btn--accent:focus,
.marci-btn--accent:visited {
	background: var(--color-accent-dark);
	color: var(--color-white);
	box-shadow: 0 8px 22px color-mix(in srgb, var(--color-accent) 35%, transparent);
}
.marci-btn--ghost,
.marci-btn--ghost:hover,
.marci-btn--ghost:focus,
.marci-btn--ghost:visited {
	background: transparent;
	color: var(--color-white);
	border-color: color-mix(in srgb, var(--color-white) 55%, transparent);
}
/* Na tmavém podkladu musí být fokus světlý. */
.marci-btn--ghost:focus-visible { outline-color: var(--color-white); }

@media (prefers-reduced-motion: reduce) {
	.marci-btn { transition: none; }
	.marci-btn:hover { transform: none; }
}

/* === Chyba konfigurace — viditelná jen při WP_DEBUG === */
.marci-dev-error {
	padding: var(--space-4);
	border: 2px dashed var(--color-error);
	background: var(--color-error-bg);
	color: var(--color-error);
	font-family: var(--font-mono);
	font-size: var(--text-sm);
}

.ukryj { display: none !important; }