/*
 Theme Name:   Frost Child
 Template:     frost
 Author:       Libor
 Description:  Custom css frost-child.
 Version:      2.11.21
*/

strong {
	font-weight: bold;
}

/* Vypnutí modrého podbarvení při dotyku na mobilu/tabletu (WebKit tap highlight). */
html {
	-webkit-tap-highlight-color: transparent;
}
a, button, input, label, select, textarea, [role="button"], [tabindex] {
	-webkit-tap-highlight-color: transparent;
}

/* Barevný pattern MS 2026 — pozadí hero + vícebarevný proužek místo jednobarevného borderu. */
:root {
	/*




	 */
	--fundial-pattern: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400"><rect width="400" height="400" fill="%23D92121" /><rect x="50" y="50" width="120" height="120" rx="60" fill="%233A4CFF" /><rect x="220" y="50" width="130" height="80" rx="40" fill="%23B2E000" /><rect x="50" y="230" width="120" height="120" rx="40" fill="%231FBB55" /><path d="M 220 350 a 65 65 0 0 1 130 0 z" fill="%233A4CFF" /><circle cx="200" cy="200" r="15" fill="%23B2E000" /></svg>');
	--fundial-pattern: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400"><rect width="400" height="400" fill="%23b385ff" /><rect x="45" y="45" width="110" height="110" rx="55" fill="%23ff3e09" /><rect x="245" y="45" width="110" height="110" rx="30" fill="%233451ff" /><rect x="45" y="245" width="110" height="110" rx="40" fill="%23afea06" /><rect x="245" y="245" width="110" height="110" rx="55" fill="%23ff3e09" /><circle cx="200" cy="200" r="25" fill="%233451ff" /><rect x="185" y="45" width="30" height="60" rx="15" fill="%23afea06" /><rect x="45" y="185" width="60" height="30" rx="15" fill="%233451ff" /><rect x="295" y="185" width="60" height="30" rx="15" fill="%23afea06" /><rect x="185" y="295" width="30" height="60" rx="15" fill="%233451ff" /></svg>');
	--fundial-pattern: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400"><rect width="400" height="400" fill="%23121319" /><rect x="45" y="45" width="110" height="110" rx="55" fill="%23ff3e09" /><rect x="245" y="45" width="110" height="110" rx="30" fill="%233451ff" /><rect x="45" y="245" width="110" height="110" rx="40" fill="%23afea06" /><rect x="245" y="245" width="110" height="110" rx="55" fill="%23b385ff" /><circle cx="200" cy="200" r="16" fill="%23ff3e09" /><rect x="190" y="45" width="20" height="60" rx="10" fill="%23afea06" /><rect x="45" y="190" width="60" height="20" rx="10" fill="%23b385ff" /><rect x="295" y="190" width="60" height="20" rx="10" fill="%23ff3e09" /><rect x="190" y="295" width="20" height="60" rx="10" fill="%233451ff" /></svg>');
	--fundial-pattern: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1000 600" preserveAspectRatio="xMidYMid slice"><rect width="1000" height="600" fill="%23D92121" /><rect x="400" y="50" width="800" height="500" rx="250" fill="%231FBB55" /><rect x="-200" y="-100" width="700" height="700" rx="350" fill="%233A4CFF" /><rect x="250" y="150" width="350" height="300" rx="150" fill="%23B2E000" /></svg>');
	--fundial-pattern: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><rect width="1000" height="1000" fill="%23b385ff"/><circle cx="0" cy="200" r="500" fill="%233451ff"/><circle cx="1000" cy="200" r="500" fill="%233451ff"/><circle cx="800" cy="900" r="450" fill="%23afea06"/><circle cx="-200" cy="900" r="450" fill="%23afea06"/><circle cx="450" cy="550" r="350" fill="%23ff3e09"/><circle cx="150" cy="750" r="200" fill="%23b385ff"/><circle cx="1150" cy="750" r="200" fill="%23b385ff"/><circle cx="750" cy="250" r="180" fill="%23ff3e09"/><circle cx="-250" cy="250" r="180" fill="%23ff3e09"/><circle cx="400" cy="100" r="150" fill="%23afea06"/><circle cx="700" cy="650" r="150" fill="%233451ff"/></svg>');
}

/* Nadpisy zarovnané doleva. Výjimky se vyšší specificitou (.fundial-section__heading--center, has-text-align-center) i centrovaný hero zůstávají vycentrované. */
h1, h2, h3, h4, h5, h6 {
	text-align: left;
	margin-block-end: 0.4em
}

.home-hero__title {
	text-align: center;
}

/* === Buttons === */

/* WP kompiluje is-style-outline CSS se scope třídou is-style-outline--N, kterou nedostanou non-button bloky (wp:group, wp:read-more). */
.wp-block-button.is-style-outline .wp-element-button {
	background-color: transparent !important;
	color: var(--wp--preset--color--primary) !important;
	border: 2px solid var(--wp--preset--color--primary) !important;
	border-radius: var(--wp--custom--button--radius);
	padding: var(--wp--custom--button--padding--block) var(--wp--custom--button--padding--inline);
	font-weight: var(--wp--custom--button--font-weight);
}

.wp-block-button.is-style-outline .wp-element-button:hover {
	background-color: var(--wp--preset--color--primary) !important;
	color: #ffffff !important;
}

/* === Site Header (sticky behavior) === */
header.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	transition: transform 0.3s ease;
}

.site-header--hidden {
	transform: translateY(-100%);
}

.admin-bar header.site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar header.site-header {
		top: 46px;
	}
}

/* === Sticky footer === */
/* Při nízkém obsahu drží patičku dole: wrapper na výšku okna, main vyplní zbytek. */
.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.wp-site-blocks > main {
	flex-grow: 1;
}

/* === Site Footer === */
.site-footer {
	background-color: var(--wp--preset--color--heading);
	font-size: var(--wp--preset--font-size--small);
}

.site-footer p {
	color: var(--wp--preset--color--base);
}

.site-footer__legal {
	font-size: var(--wp--preset--font-size--small);
	margin-block-start: 0;
	margin-block-end: var(--wp--preset--spacing--xs);
	text-align: left;
}

.site-footer__legal:last-child {
	margin-block-end: 0;
}

.site-footer__credit {
	text-align: center;
	padding: var(--wp--preset--spacing--xs);
	color: var(--wp--preset--color--accent-light) !important;
	font-size: var(--wp--preset--font-size--small);
}

.site-footer__credit-link {
	color: inherit;
	text-decoration: underline;
	transition: color 0.2s ease;
}

.site-footer__credit-link:hover {
	color: var(--wp--preset--color--base);
	text-decoration: none;
	text-underline-offset: 4px;
}

@media (max-width: 992px) {
	.site-footer__nav {
		row-gap: 10px;
	}
}


@media (max-width: 781px) {
	.site-footer__nav {
		margin-block-end: var(--wp--preset--spacing--sm);
	}
}

.site-footer__secondary-nav {
	margin-block-start: var(--wp--preset--spacing--xs);
}

@media (max-width: 992px) {
	.site-footer__secondary-nav {
		row-gap: 10px;
	}
}

.site-footer__secondary-nav a {
	color: var(--wp--preset--color--base);
	text-decoration: none;
}

.site-footer__secondary-nav a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.site-footer .wp-block-navigation a,
.site-footer .wp-block-navigation .wp-element-button {
	color: var(--wp--preset--color--base) !important;
	text-decoration: none;
	font-weight: 400 !important;
	font-size: inherit !important;
	background-color: transparent !important;
	padding: 0 !important;
	border-radius: 0 !important;
}

.site-footer .wp-block-navigation a:hover,
.site-footer .wp-block-navigation .wp-element-button:hover {
	color: var(--wp--preset--color--base) !important;
	background-color: transparent !important;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.site-footer .wp-block-navigation__submenu-container,
.site-footer .wp-block-navigation-submenu__toggle {
	display: none !important;
}

@media (max-width: 992px) {
	.site-footer__info {
		row-gap: 10px;
	}
}

/* === Site Header === */
/* Pozadí (dark) řeší blok přes paletu v parts/header.html — tady jen layout. */
.wp-block-group.site-header {
	padding-block: 8px;
}

.site-header .site-header__inner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between;
	min-height: 60px;
}

.site-header .site-header__inner .wp-block-site-logo {
	display: flex;
	align-items: center;
	align-self: center !important;
}

.site-header .wp-block-site-logo .components-resizable-box__container {
	height: auto !important;
}

.site-header .wp-block-site-logo img {
	height: 54px;
	width: auto;
	display: block;
}

.site-header__brand {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	position: relative;
}

.site-header__brand a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: var(--wp--preset--color--base);
}

.site-header__brand img {
	height: 54px;
	width: auto;
	display: block;
}

/* Ikona poháru MS (world-cup.svg) jako součást odkazu na úvod. */
.site-header__brand a::before {
	content: "";
	display: block;
	flex-shrink: 0;
	width: 1.6em;
	height: 1.6em;
	background: url('assets/icons/world-cup.svg') center / contain no-repeat;
}

.site-header .wp-block-navigation-item.wp-element-button,
.site-header .wp-block-navigation .wp-element-button {
	background-color: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--base) !important;
	padding: 0 !important;
	border-radius: var(--wp--custom--button--radius) !important;
	font-weight: var(--wp--custom--button--font-weight) !important;
}

.site-header .wp-block-navigation-item.wp-element-button .wp-block-navigation-item__content,
.site-header .wp-block-navigation .wp-element-button .wp-block-navigation-item__content,
.site-header .wp-block-navigation-item.wp-element-button .wp-block-navigation-item__content:hover,
.site-header .wp-block-navigation .wp-element-button .wp-block-navigation-item__content:hover,
.site-header .wp-block-navigation-item.wp-element-button .wp-block-navigation-item__content:focus,
.site-header .wp-block-navigation .wp-element-button .wp-block-navigation-item__content:focus {
	display: block;
	padding: var(--wp--custom--button--padding--block) var(--wp--custom--button--padding--inline);
	text-decoration: none;
}

.site-header .wp-block-navigation-item.wp-element-button:hover,
.site-header .wp-block-navigation .wp-element-button:hover {
	background-color: color-mix(in srgb, var(--wp--preset--color--primary) 75%, #000) !important;
	color: var(--wp--preset--color--base) !important;
}

.site-header .wp-block-navigation .wp-block-navigation-item:not(.wp-element-button) .wp-block-navigation-item__content {
	position: relative;
	color: var(--wp--preset--color--base);
}

.site-header .wp-block-navigation .wp-block-navigation-item:not(.wp-element-button) .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 2px;
	background-color: currentColor;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.25s ease;
}

.site-header .wp-block-navigation .wp-block-navigation-item:not(.wp-element-button) .wp-block-navigation-item__content:hover::after,
.site-header .wp-block-navigation .wp-block-navigation-item.current-menu-item:not(.wp-element-button) > .wp-block-navigation-item__content::after,
.site-header .wp-block-navigation .wp-block-navigation-item.current-menu-ancestor:not(.wp-element-button) > .wp-block-navigation-item__content::after,
.site-header .wp-block-navigation .wp-block-navigation-item.current-menu-parent:not(.wp-element-button) > .wp-block-navigation-item__content::after {
	transform: scaleX(1);
}

.site-header .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item:not(.wp-element-button) .wp-block-navigation-item__content::after {
	transform: scaleX(1) !important;
}

/* === Nav submenu === */
.site-header .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--background-cool) !important;
	color: var(--wp--preset--color--text) !important;
	border: none;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	padding-inline: 0;
}

.site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	color: var(--wp--preset--color--text) !important;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	display: none;
	box-shadow: none;
	background-color: transparent !important;
	padding: 0;
	min-width: 0;
	width: 100%;
	grid-column: 1 / -1;
	grid-row: 2;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
	display: flex;
	flex-direction: column;
	padding-top: 8px;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	width: fit-content;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after {
	transform: scaleX(0) !important;
}

@media (min-width: 992px) {
	.site-header .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container,
	.site-header .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
		display: flex !important;
	}


}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: stretch;
	width: 100%;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child {
	display: grid !important;
	grid-template-columns: 1fr auto;
	grid-template-rows: auto auto;
	align-self: stretch;
	box-sizing: border-box;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
	grid-column: 1;
	grid-row: 1;
	align-self: center;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon {
	display: flex !important;
	grid-column: 2;
	grid-row: 1;
	align-self: center;
	position: static;
	transform: none;
}

/* === Nav hamburger === */
@media (max-width: 991px) {
	.site-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;
	}
	.site-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex !important;
		align-items: center;
		justify-content: center;
		color: var(--wp--preset--color--base);
		background: transparent;
		border: none;
		cursor: pointer;
		width: 44px;
		height: 44px;
	}
}

.site-header .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--dark) !important;
	color: var(--wp--preset--color--base) !important;
	padding: var(--wp--preset--spacing--sm) !important;
}

/* Položky mobilního menu bílé na tmavém pozadí. */
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	color: var(--wp--preset--color--base) !important;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-element-button {
	background-color: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--base) !important;
	padding: 0 !important;
	border-radius: var(--wp--custom--button--radius) !important;
	font-weight: var(--wp--custom--button--font-weight) !important;
	align-self: flex-start;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-element-button .wp-block-navigation-item__content {
	color: var(--wp--preset--color--base) !important;
	text-decoration: none !important;
}

.site-header .wp-block-navigation__responsive-container-open svg {
	display: none;
}

.site-header .wp-block-navigation__responsive-container-open::before {
	content: '';
	display: block;
	width: 22px;
	height: 17px;
	background-image:
		linear-gradient(currentColor, currentColor),
		linear-gradient(currentColor, currentColor),
		linear-gradient(currentColor, currentColor);
	background-size: 22px 3px;
	background-position: 0 0, 0 7px, 0 14px;
	background-repeat: no-repeat;
}

/* === Layout — jednotný svislý rytmus (mezi sekcemi 2× --fundial-section-pad-y, nadpis→obsah 16px) ===
   Jediný zdroj mezer mezi sekcemi = svislý padding sekcí (jeden knob --fundial-section-pad-y).
   Parent blockGap (30px) mezi top-level sekcemi vypínáme — jinak by se přičítal a mezery
   by byly nejednotné (pattern stránky 78px, obsahové stránky 30px). */
:root {
	--fundial-section-pad-y: 32px; /* svislý padding sekce; mezera mezi dvěma sekcemi = 2× = 64px */
}

.wp-site-blocks > main {
	margin-block-start: 0;
}

.section {
	padding: var(--fundial-section-pad-y) var(--wp--preset--spacing--xs);
	margin: 0;
}

/* Vypnout blockGap mezi top-level sekcemi na section-container wrapperech
   (ne na home.html, které je samo jednou .section). */
.page-content > * + *,
.stadium-page > * + *,
.team-page > * + *,
.home-main > * + * {
	margin-block-start: 0;
}

/* Obsahové stránky (H1 hlavička + tělo): jednotný odstup shora i zdola. */
.page-content,
.stadium-page,
.team-page {
	padding-top: var(--wp--preset--spacing--md);
	padding-bottom: var(--wp--preset--spacing--md);
}

/* První/poslední sekce nedubluje svislou mezeru — tu dává wrapper (md). */
.page-content > .section:first-child,
.page-content > .fundial-section:first-child,
.stadium-page > .section:first-child,
.stadium-page > .fundial-section:first-child,
.team-page > .section:first-child,
.team-page > .fundial-section:first-child {
	padding-top: 0;
}
.page-content > .section:last-child,
.page-content > .fundial-section:last-child,
.stadium-page > .section:last-child,
.stadium-page > .fundial-section:last-child,
.team-page > .section:last-child,
.team-page > .fundial-section:last-child {
	padding-bottom: 0;
}

/* Hlavička stránky s H1 (page/single) → tělo: mezera jako mezi sekcemi. */
.page-content__header {
	padding-bottom: calc(var(--fundial-section-pad-y) * 2);
}

/* Vertikální rytmus v těle stránky (nadpisy + shortcode sekce ve wp:post-content):
   nadpis blízko svého obsahu (16px), větší mezera před novou sekcí (48px). */
.wp-block-post-content > * + * {
	margin-block-start: var(--wp--preset--spacing--sm);
}
.wp-block-post-content > :is(h2, h3) {
	margin-block-start: calc(var(--fundial-section-pad-y) * 2);
}
.wp-block-post-content > :is(h2, h3) + * {
	margin-block-start: var(--wp--preset--spacing--xs);
}
.wp-block-post-content > :first-child {
	margin-block-start: 0;
}

/* Editorský post-content vložený MEZI sekcemi (detail stadionu/týmu) nemá vlastní padding sekce,
   takže mezera k sousedním sekcím by spadla na půl (32px). Když má obsah, dostane svislý padding
   sekce → k sousedům opět plných 64px. :has(> *) = jen když obsahuje aspoň jeden blok (prázdný ne). */
.stadium-page > .wp-block-post-content:has(> *),
.team-page > .wp-block-post-content:has(> *) {
	padding-top: var(--fundial-section-pad-y);
	padding-bottom: var(--fundial-section-pad-y);
}

.error-404 {
	padding: var(--wp--preset--spacing--md) var(--wp--preset--spacing--xs);
	text-align: center;
}

.error-404__message {
	font-size: var(--wp--preset--font-size--large);
	margin-block-end: var(--wp--preset--spacing--md);
}

/* === Blog (post listing — home.html) === */
.blog-section {
	background-color: var(--wp--preset--color--background-light);
}

.blog-cards {
	margin-top: var(--wp--preset--spacing--md);
}

.blog-cards__grid {
	gap: 30px;
}

@media (max-width: 992px) {
	.blog-cards__grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 599px) {
	.blog-cards__grid {
		grid-template-columns: 1fr !important;
	}
}

.blog-card {
	background-color: var(--wp--preset--color--base);
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	overflow: hidden;
}

.blog-card__image {
	margin: 0;
	flex-shrink: 0;
	width: 100%;
}

.blog-card__image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
}

.blog-card__title {
	color: var(--wp--preset--color--heading) !important;
	font-size: var(--wp--preset--font-size--large) !important;
	line-height: 1.3;
	margin: 0 !important;
	padding: 20px 28px 8px;
}

.blog-card__title a {
	color: inherit;
	text-decoration: none;
}

.blog-card__title a:hover {
	color: var(--wp--preset--color--primary);
}

.blog-card__excerpt {
	color: var(--wp--preset--color--text);
	line-height: 1.7;
	margin: 0;
	padding: 0 28px 28px;
	font-style: normal;
}

.blog-card__cta {
	padding: 0 var(--wp--preset--spacing--sm) var(--wp--preset--spacing--sm);
}

.blog-pagination {
	margin-top: 40px;
}

.blog-pagination__prev,
.blog-pagination__next,
.blog-pagination__numbers .page-numbers {
	min-height: var(--wp--preset--spacing--md);
	min-width: var(--wp--preset--spacing--sm);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
}
/* ============================================================
   FUNDIAL — komponenty MS 2026
   ============================================================ */

/* === Atomy:
, fact-card, focus, motion === */

.badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	/* Jako grid/flex položka se badge nesmí roztáhnout na šířku sloupce (stretch se uplatní jen při width: auto) — pilulka vždy obepíná obsah. */
	width: fit-content;
	/* Verzálky nemají dolní dotahy — prázdný prostor pod účařím posouvá text opticky nahoru. Kompenzace ~1 px asymetrickým paddingem funguje ve všech prohlížečích stejně (na rozdíl od text-box, které neumí Firefox). */
	padding: 5px 12px;
	border-radius: 50px;
	font-family: var(--wp--preset--font-family--display);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	background: var(--wp--preset--color--background-cool);
	color: var(--wp--preset--color--heading);
	white-space: nowrap;
}

.badge__icon {
	width: 14px;
	height: 14px;
	filter: brightness(0) invert(1);
}

.badge--stage { background: var(--wp--preset--color--accent-light); color: var(--wp--preset--color--primary); }
.badge--group { background: var(--wp--preset--color--primary); color: #fff; }
a.badge--group:hover { background: var(--wp--preset--color--navy-soft); color: #fff; }
.badge--code { background: var(--wp--preset--color--heading); color: #fff; }
.badge--live { background: var(--wp--preset--color--accent-red); color: #fff; animation: fundial-pulse 1.4s infinite; }
.badge--finished { background: var(--wp--preset--color--heading); color: #fff; }
.badge--upcoming { background: var(--wp--preset--color--accent-mint); color: var(--wp--preset--color--heading); }
.badge--opening { background: var(--wp--preset--color--accent-green); color: #fff; }
.badge--final { background: var(--wp--preset--color--accent-yellow); color: var(--wp--preset--color--heading); }
.badge--final .badge__icon { filter: none; }
.badge--capacity { background: var(--wp--preset--color--background-soft); color: var(--wp--preset--color--text); }

@keyframes fundial-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.65; }
}

/* Stejný rytmus jako fundial-pulse, ale jen pro červený prstenec (opacity by zeslabila celý řádek). 65% alfa odpovídá opacity 0.65 badge. */
@keyframes fundial-pulse-ring {
	0%, 100% { box-shadow: 0 0 0 1px var(--wp--preset--color--accent-red); }
	50% { box-shadow: 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--accent-red) 65%, transparent); }
}

.fact-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: var(--wp--preset--spacing--xs);
}

.fact-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--xs);
	background: var(--wp--preset--color--base);
	border-radius: var(--wp--custom--card--radius);
	text-align: center;
	text-decoration: none;
	color: var(--wp--preset--color--text);
}

a.fact-card { transition: transform 0.15s ease; }
a.fact-card:hover { transform: translateY(-3px); }

.fact-card__icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--wp--preset--color--base);
}

.fact-card__icon img { width: 26px; height: 26px; }

.fact-card__value {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 800;
	color: var(--wp--preset--color--heading);
	line-height: 1.2;
}

.fact-card__label {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--text);
}

:is(a, button, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
	border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
}

/* === Match team (sdílené: řádky, karty, pavouk) === */

.match-team {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	text-decoration: none;
	color: var(--wp--preset--color--heading);
	font-weight: 500;
	line-height: normal;
}

a.match-team:hover .match-team__name { text-decoration: underline; }

.match-team__flag {
	width: 54px;
	height: 36px;
	object-fit: cover;
	border-radius: 3px;
	flex-shrink: 0;
}

.match-team--tbd { color: var(--wp--preset--color--text); font-weight: 500; font-style: italic; }
.match-team--tbd .match-team__flag { opacity: 0.35; }

.match-team--winner { font-weight: 700; }

.match-result {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.2;
	color: var(--wp--preset--color--heading);
}

.match-result__sep {
	padding: 0 4px;
}
.match-result-stack {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}
.match-result__pens { font-size: 12px; font-weight: 600; line-height: 1; color: var(--wp--preset--color--text); font-family: var(--wp--preset--font-family--body); }
.match-result__aet { font-size: 12px; font-weight: 600; line-height: 1; color: var(--wp--preset--color--text); font-family: var(--wp--preset--font-family--body); }
.match-result--upcoming {
	color: var(--wp--preset--color--black);
	font-weight: 400;
}
.match-result--awaiting { font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--small); font-weight: 600; color: var(--wp--preset--color--accent-orange); }

/* === Match list (FIFA styl) === */

/* Tlačítko „skok na dnešek" na začátku výpisu (PHP ho po skončení MS nevypíše). */
.match-list__today-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: var(--wp--preset--spacing--xs);
	padding: 8px 18px;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	border-radius: var(--wp--custom--button--radius);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
}
.match-list__today-link:hover {
	background: color-mix(in srgb, var(--wp--preset--color--primary) 85%, #000);
}

.match-list__date-divider {
	padding: var(--wp--preset--spacing--sm) 0 0;
	margin-bottom: 0.8rem;
	/* Offset pod sticky hlavičku, aby skok na #den-… nezajel pod ni. */
	scroll-margin-top: 90px;
	font-size: var(--wp--preset--font-size--medium);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--wp--preset--color--text);
	line-height: normal;
}

/* Dnešní oddělovač: flex zarovná puntík, text i badge na společný svislý střed. */
.match-list__date-divider--today {
	display: flex;
	align-items: center;
}

/* Pulzující zelený puntík před datem dnešního dne. */
.match-list__date-divider--today::before {
	content: "";
	flex-shrink: 0;
	width: 10px;
	height: 10px;
	margin-right: 8px;
	border-radius: 50%;
	background: var(--wp--preset--color--accent-green);
	animation: fundial-today-pulse 1.4s ease-in-out infinite;
}
@keyframes fundial-today-pulse {
	0%, 100% { box-shadow: 0 0 0 0 rgba(15, 190, 90, 0.6); opacity: 1; }
	50%      { box-shadow: 0 0 0 6px rgba(15, 190, 90, 0); opacity: 0.7; }
}

/* Badge „Dnes" u dnešního hracího dne. */
.match-list__today-badge {
	display: inline-block;
	margin-left: 10px;
	padding: 2px 10px;
	border-radius: 999px;
	background: var(--wp--preset--color--accent-green);
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.03em;
	vertical-align: middle;
}

.match-list__row {
	display: grid;
	grid-template-columns: 130px 1fr 280px;
	align-items: center;
	gap: var(--wp--preset--spacing--xs);
	padding: 12px var(--wp--preset--spacing--xs);
	background: var(--wp--preset--color--background-light);
	border-radius: 14px;
	margin-bottom: 8px;
}

.match-list__row--live { box-shadow: 0 0 0 1px var(--wp--preset--color--accent-red); animation: fundial-pulse-ring 1.4s infinite; }

.match-list__row .badge--stage { background: var(--wp--preset--color--background-cool); color: #000; }
a.badge--stage:hover { background: var(--wp--preset--color--gray); color: var(--wp--preset--color--heading); }

/* Badge skupiny barevně podle skupiny — stejná paleta c1–c6 jako karty skupin. */
.badge--stage.badge--group-c1 { background: var(--wp--preset--color--accent-green); color: #fff; }
.badge--stage.badge--group-c2 { background: var(--wp--preset--color--accent-red); color: #fff; }
.badge--stage.badge--group-c3 { background: var(--wp--preset--color--accent-purple); color: #fff; }
.badge--stage.badge--group-c4 { background: var(--wp--preset--color--accent-orange); color: #fff; }
.badge--stage.badge--group-c5 { background: var(--wp--preset--color--accent-cyan); color: var(--wp--preset--color--heading); }
.badge--stage.badge--group-c6 { background: var(--wp--preset--color--primary); color: #fff; }
/* Hover barevného badge — ztmaví vlastní barvu (přebíjí šedý a.badge--stage:hover). */
a.badge--stage.badge--group-c1:hover { background: color-mix(in srgb, var(--wp--preset--color--accent-green) 82%, #000); color: #fff; }
a.badge--stage.badge--group-c2:hover { background: color-mix(in srgb, var(--wp--preset--color--accent-red) 82%, #000); color: #fff; }
a.badge--stage.badge--group-c3:hover { background: color-mix(in srgb, var(--wp--preset--color--accent-purple) 82%, #000); color: #fff; }
a.badge--stage.badge--group-c4:hover { background: color-mix(in srgb, var(--wp--preset--color--accent-orange) 82%, #000); color: #fff; }
a.badge--stage.badge--group-c5:hover { background: color-mix(in srgb, var(--wp--preset--color--accent-cyan) 82%, #000); color: var(--wp--preset--color--heading); }
a.badge--stage.badge--group-c6:hover { background: color-mix(in srgb, var(--wp--preset--color--primary) 82%, #000); color: #fff; }

.match-list__teams {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 20px;
}

.match-list__teams .match-team { justify-content: flex-end; text-align: right; }
.match-list__teams .match-team--b { justify-content: flex-start; text-align: left; }

.match-list__stadium {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	justify-content: flex-end;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--text);
	text-decoration: underline;
}

.match-list__stadium:hover {
	text-decoration: none;
}
.match-list__stadium-icon { width: 18px; height: 18px; opacity: 0.7; }

.match-list__date { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--text); }
.match-list__empty { color: var(--wp--preset--color--text); }

/* Pravý sloupec řádku: stadion + ikonky (sestřih YouTube + detail zápasu). */
.match-list__meta { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.match-list__highlight,
.match-list__detail { display: inline-flex; flex-shrink: 0; }
.match-list__highlight { transition: transform 0.15s ease; }
.match-list__highlight:hover { transform: scale(1.12); }
.match-list__highlight-icon { height: 20px; width: auto; display: block; }
.match-list__detail-icon { height: 16px; width: auto; display: block; opacity: 0.5; transition: opacity 0.15s ease; }
.match-list__detail:hover .match-list__detail-icon { opacity: 1; }

/* Detail zápasu. */
.match-detail__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--xx-large);
	color: var(--wp--preset--color--heading);
	margin-bottom: var(--wp--preset--spacing--sm);
}
.match-detail__match { margin-bottom: var(--wp--preset--spacing--md); }
/* Sestřih: nadpis blíž k videu; pod sekcí mezera, ať na ni nasedá tabulka skupiny. */
.match-detail .highlights-section { margin-top: var(--wp--preset--spacing--md); margin-bottom: var(--wp--preset--spacing--md); }
.match-detail .highlights-section .fundial-section__heading { padding-bottom: var(--wp--preset--spacing--xs); }

/* Samostatná sekce sestřihů (stránka týmu / skupiny). */
.highlights-section { margin-top: var(--wp--preset--spacing--lg); }
.highlights {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: var(--wp--preset--spacing--sm);
}
.highlights__item { margin: 0; scroll-margin-top: 90px; }
.highlights__frame {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: var(--wp--custom--card--radius);
}
.highlights__caption {
	margin-top: 8px;
	font-weight: 600;
	color: var(--wp--preset--color--heading);
}

@media (max-width: 781px) {
	.match-list__row { grid-template-columns: 1fr; gap: 8px; }
	/* Řádek stoupne do sloupce — odkaz na skupinu i stadion na střed. */
	.match-list__row .badge--stage { justify-self: center; }
	.match-list__stadium { justify-content: center; justify-self: center; }
	.match-list__meta { justify-content: center; justify-self: center; }
	.match-list__teams { gap: 6px; }
	.match-team__flag { width: 22px; height: 16px; }
}

/* === Match service (homepage) === */


.match-service{
	margin-block-start: 0;
}

.match-service__track {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	gap: var(--wp--preset--spacing--xs);
	align-items: stretch;
}

.match-card {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--xs);
	padding: var(--wp--preset--spacing--sm);
	/* Stejné pozadí jako řádky ve výpisech zápasů (.match-list__row). */
	background: var(--wp--preset--color--background-light);
	border-radius: var(--wp--custom--card--radius);
}

/* Spodní vícebarevný pruh se vzorem — sdílené pro karty, bento dlaždice i mapu.
   Velký background-size + pozice z --pattern-pos = u různých prvků jiná barva.
   Prvek musí být position:relative + overflow:hidden (kvůli zaoblení rohů). */
.match-card--upcoming::before,
.match-card--finished::before,
.bento__tile::before,
.stadium-map__osm::before,
.stadium-facts .fact-card::before,
.team-facts .fact-card::before,
.team-hero::before,
.ai-mascot::before,
.flag-card::before,
.stadium-card::before,
.fame-card::before,
.successes-group::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 8px;
	background: var(--fundial-pattern) var(--pattern-pos, center) / 250% no-repeat;
}

/* Fact-card na detailu stadionu i týmu jako karta zápasového servisu — šedé pozadí + spodní pruh. */
.stadium-facts .fact-card,
.team-facts .fact-card {
	position: relative;
	overflow: hidden;
	background: var(--wp--preset--color--background-light);
}

.match-card--live { border-top: 4px solid var(--wp--preset--color--accent-red); }

/* Badge labelu (Poslední výsledek / Další zápas) na střed karty — bez tohoto sedí vlevo jako flex potomek. */
.match-card__label { align-self: center; }

.match-card__teams {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 10px;
	flex-grow: 1;
}

.match-card__teams .match-team { flex-direction: column; text-align: center; justify-self: center; gap: 6px; }
.match-card__teams .match-team__flag { width: 52px; height: 36px; border-radius: 6px; }
.match-card__center .match-result { font-size: var(--wp--preset--font-size--xx-large); }
/* Velké xx-large jen pro číselné skóre/čas; textové stavy (Čeká na výsledek / Hraje se) zmenšit, ať nepřerostou kartu. */
.match-card__center .match-result--awaiting,
.match-card__center .match-result--live { font-size: var(--wp--preset--font-size--medium); }
.match-card__meta {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--text);
	text-align: center;
}
.match-card__meta a {
	color: var(--wp--preset--color--text);
	text-decoration: underline;
}
.match-card__meta a:hover {
	text-decoration: none;
}

.match-service__cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 170px;
	padding: var(--wp--preset--spacing--sm);
	background: var(--wp--preset--color--deep-blue);
	border-radius: var(--wp--custom--card--radius);
	color: #fff;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--large);
	text-decoration: none;
	text-align: center;
	transition: background 0.15s ease;
}

.match-service__cta:hover { background: color-mix(in srgb, var(--wp--preset--color--accent-blue) 80%, #000); }
.match-service__cta-icon { width: 28px; height: 28px; filter: brightness(0) invert(1); }

@media (max-width: 991px) {
	.match-service__track {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 8px;
	}
	.match-service__track > * { flex: 0 0 85%; scroll-snap-align: start; }
	.match-service__track > .match-service__cta { flex: 0 0 50%; }
}

/* === Bento dlaždice (homepage rozcestník) === */

.bento__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--wp--preset--spacing--xs); }
/* WP flow-layout přidává potomkům margin-block-start (kromě prvního), což v gridu posouvá 2./3. dlaždici dolů. Mezery řeší gap. */
.bento__grid > * { margin-block: 0; }

.bento__grid { align-items: stretch; }

.bento__tile {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 8px;
	/* height:100% vynutí, aby všechny dlaždice vyplnily nejvyšší řádek gridu (stejná výška i při různě dlouhých popiscích). */
	height: 100%;
	min-height: 210px;
	padding: var(--wp--preset--spacing--sm);
	border-radius: var(--wp--custom--card--radius);
	/* Barvu dlaždice nese proměnná --tile-bg (nastaví ji modifikátor); pozadí i hover pak řeší jediné pravidlo pro všechny varianty. */
	background: var(--tile-bg);
	transition: transform 0.15s ease, background 0.15s ease;
}

.bento__tile:hover {
	transform: translateY(-4px);
	background: color-mix(in srgb, var(--tile-bg) 80%, #000);
}

.bento__tile--green { --tile-bg: var(--wp--preset--color--black); --pattern-pos: 12% 22%; }
.bento__tile--red { --tile-bg: var(--wp--preset--color--black); --pattern-pos: 64% 8%; }
.bento__tile--purple { --tile-bg: var(--wp--preset--color--black); --pattern-pos: 38% 76%; }

.bento__icon {
	position: absolute;
	top: var(--wp--preset--spacing--xs);
	right: var(--wp--preset--spacing--xs);
	width: 50px;
	height: 50px;
	padding: 12px;
	box-sizing: border-box;
	border-radius: 50%;
	background: var(--wp--preset--color--base);
	pointer-events: none;
}

/* Celá dlaždice je odkaz (<a>). */
.bento__tile { text-decoration: none; color: var(--wp--preset--color--black); }
.bento__tile:focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 2px; }

.bento__title {
	position: relative;
	font-size: var(--wp--preset--font-size--x-large);
	color: var(--wp--preset--color--base);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

/* Rezervace 2 řádků pro popisek — obsah je přilepený dole, takže stejně vysoký popisek drží nadpisy na jedné lince napříč dlaždicemi. */
.bento__desc {
	position: relative;
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--small);
	min-height: 2lh;
}
.bento__tile .bento__title, .bento__tile .bento__desc { margin: 0; }

@media (max-width: 781px) {
	.bento__grid { grid-template-columns: 1fr; }
	.bento__tile { min-height: 150px; }
}

/* === Mapa stadionů (Leaflet + OpenStreetMap) === */

.stadium-map {
	margin-block-start: 0;
}

.stadium-map__osm {
	height: clamp(360px, 55vw, 620px);
	border-radius: var(--wp--custom--card--radius);
	box-shadow: var(--wp--custom--card--shadow);
	/* Leaflet panely mají vysoké z-indexy — izolace, ať mapa nepřekrývá sticky header. */
	isolation: isolate;
	z-index: 0;
	--pattern-pos: 70% 30%;
}

/* Proužek nad dlaždicemi mapy (z-index 401 > tiles 200), ale pod ovládáním/atribucí Leafletu (1000). */
.stadium-map__osm::before { z-index: 401; }

/* Marker jako divIcon — stejný vzhled jako dřívější SVG tečky. */
.stadium-map__pin {
	border-radius: 50%;
	background: var(--wp--preset--color--primary);
	border: 4px solid #fff;
	box-shadow: 0 2px 8px rgba(11, 18, 36, 0.35);
	transition: transform 0.15s ease, background 0.15s ease;
}

.stadium-map__pin:hover { transform: scale(1.3); background: var(--wp--preset--color--accent-red); }

/* Aktuální stadion: červený pin s pomalým pulzem + rozpínajícím se prstencem, ať je na mapě mezi 16 markery k nenalezení nemožný. */
.stadium-map__pin--current {
	background: var(--wp--preset--color--accent-red);
	transform: scale(1.2);
	animation: fundial-pulse-pin 2s infinite;
}

@keyframes fundial-pulse-pin {
	0%, 100% { box-shadow: 0 2px 8px rgba(11, 18, 36, 0.35), 0 0 0 0 rgba(255, 59, 71, 0.8); opacity: 1; }
	50% { box-shadow: 0 2px 8px rgba(11, 18, 36, 0.35), 0 0 0 14px rgba(255, 59, 71, 0); opacity: 0.8; }
}

.stadium-map .leaflet-popup-content { font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--small); }
.stadium-map__popup-link { display: block; font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--medium); color: var(--wp--preset--color--primary); }
.stadium-map__popup-city { display: block; color: var(--wp--preset--color--text); padding-top: 2px; }
.stadium-map__popup-country { display: block; color: var(--wp--preset--color--text); font-weight: 600; }
.stadium-map__popup-badges { display: flex; gap: 6px; flex-wrap: wrap; padding-top: 6px; }

.stadium-map__legend {
	display: flex;
	justify-content: center;
	gap: var(--wp--preset--spacing--sm);
	list-style: none;
	padding: var(--wp--preset--spacing--xs) 0 0;
	margin: 0;
}

.stadium-map__legend-item a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	color: var(--wp--preset--color--heading);
	text-decoration: none;
}

.stadium-map__legend-item a:hover { color: var(--wp--preset--color--primary); }
.stadium-map__legend-flag { width: 28px; height: 20px; object-fit: cover; border-radius: 3px; box-shadow: 0 0 0 1px rgba(11, 18, 36, 0.12); }

@media (max-width: 600px) {
	.stadium-map__osm { height: 320px; }
}

/* === Rozcestník vlajek === */

.flags-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.flags-nav__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: var(--wp--preset--color--background-light);
	border-radius: 50px;
	text-decoration: none;
	color: var(--wp--preset--color--heading);
	transition: transform 0.12s ease, border-color 0.12s ease;
}

.flags-nav__link:hover { transform: translateY(-2px); border-color: var(--wp--preset--color--primary); }

.flags-nav__flag {
	width: 30px;
	height: 21px;
	object-fit: cover;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(11, 18, 36, 0.12);
}

.flags-nav__code {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.03em;
}

/* === Home hero === */

.home-hero {
	position: relative;
	text-align: center;
	background-image: var(--fundial-pattern);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Tmavý gradient shora i zdola, průhledný uprostřed (za obsahem). */
.home-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7) 100%);
	pointer-events: none;
	z-index: 0;
}

.home-hero > * {
	position: relative;
	z-index: 1;
}

/* Nadpis + tagline ve společném bloku, vedle sebe (inline). */
.home-hero__heading {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	gap: var(--wp--preset--spacing--xs);
}

.home-hero__title {
	font-size: var(--wp--preset--font-size--large);
	text-transform: uppercase;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--base);
}

.home-hero__tagline {
	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--base);
	margin-block-start: 0;
}

/* Oddělovač | mezi nadpisem a tagline (jen když jsou vedle sebe). */
.home-hero__heading .home-hero__tagline::before {
	content: "|";
	margin-right: var(--wp--preset--spacing--xs);
	color: var(--wp--preset--color--base);
}

@media (max-width: 575px) {
	.home-hero__heading .home-hero__tagline::before {
		display: none;
	}
}

/* Galerie 12-sloupcový grid: 3 / 3 / 6 */
.home-hero__gallery {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: var(--wp--preset--spacing--xs);
	margin-top: var(--wp--preset--spacing--sm);
}

.home-hero__media {
	position: relative;
	margin: 0;
	overflow: hidden;
	border-radius: var(--wp--custom--card--radius);
}

/* Gradient odspodu + popisek přes obrázek */
.home-hero__media--overlay::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, #000 100%);
	pointer-events: none;
}

.home-hero__caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--xs);
	color: #fff;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--xx-large);
	text-align: left;
	line-height: 1.2;
}

.home-hero__media--3 { grid-column: span 3; }
.home-hero__media--6 { grid-column: span 6; }

.home-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 781px) {
	.home-hero__media--3 { grid-column: span 6; }
	.home-hero__media--6 { grid-column: span 12; }
}

/* === Standings table === */

.standings-table-wrap { overflow-x: auto; }

.standings-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--wp--preset--color--base);
	border-radius: 14px;
	overflow: hidden;
	font-size: var(--wp--preset--font-size--small);
}

.standings-table th {
	padding: 10px 8px;
	background: var(--wp--preset--color--heading);
	color: #fff;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: center;
}

.standings-table th.standings-table__team-head { text-align: left; }

.standings-table td {
	padding: 10px 8px;
	border-bottom: 1px solid var(--wp--preset--color--background-soft);
	text-align: center;
}

.standings-table__row--qualified td { background: color-mix(in srgb, var(--wp--preset--color--accent-green) 12%, #fff); }

.standings-table__pos { font-family: var(--wp--preset--font-family--display); font-weight: 800; color: var(--wp--preset--color--heading); }

.standings-table__team { text-align: left !important; }

.standings-table__team a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	color: var(--wp--preset--color--heading);
	text-decoration: none;
}

.standings-table__team a:hover span { text-decoration: underline; }
.standings-table__flag { width: 24px; height: 17px; object-fit: cover; border-radius: 3px; box-shadow: 0 0 0 1px rgba(11, 18, 36, 0.12); }
.standings-table__pts { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: var(--wp--preset--font-size--medium); color: var(--wp--preset--color--primary); }
.standings-table__score { white-space: nowrap; }
.standings-table__empty { color: var(--wp--preset--color--text); font-size: var(--wp--preset--font-size--small); }

/* === Group cards (Skupiny a Pavouk) === */

.group-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: var(--wp--preset--spacing--sm); }

.group-card {
	border-radius: var(--wp--custom--card--radius);
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--gray);
	background: var(--wp--preset--color--base);
	box-shadow: var(--wp--custom--card--shadow);
}

.group-card__header { padding: 0; }

.group-card__letter {
	display: block;
	padding: 12px var(--wp--preset--spacing--xs);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--large);
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}

a.group-card__letter:hover { text-decoration: underline; }

.group-card--c1 .group-card__letter { background: var(--wp--preset--color--accent-green); }
.group-card--c2 .group-card__letter { background: var(--wp--preset--color--accent-red); }
.group-card--c3 .group-card__letter { background: var(--wp--preset--color--accent-purple); }
.group-card--c4 .group-card__letter { background: var(--wp--preset--color--accent-orange); }
.group-card--c5 .group-card__letter { background: var(--wp--preset--color--accent-cyan); color: var(--wp--preset--color--heading); }
.group-card--c6 .group-card__letter { background: var(--wp--preset--color--primary); }

.group-card .standings-table { border-radius: 0; }

@media (max-width: 600px) {
	.group-grid { grid-template-columns: 1fr; }
}

/* === Pavouk (bracket) === */

.bracket__scroll {
	overflow-x: auto;
	scroll-snap-type: x proximity;
	-webkit-overflow-scrolling: touch;
	padding-bottom: var(--wp--preset--spacing--xs);
}

.bracket { display: flex; gap: var(--wp--preset--spacing--sm); align-items: stretch; min-width: min-content; --bx-gap: var(--wp--preset--spacing--sm); --bx-line: var(--wp--preset--color--gray); }

.bracket__round { display: flex; flex-direction: column; min-width: 250px; scroll-snap-align: start; }

.bracket__round-title {
	position: sticky;
	top: 0;
	padding: 8px 0;
	font-size: var(--wp--preset--font-size--medium);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background: var(--wp--preset--color--background-light);
	z-index: 1;
}

.bracket__matches { display: flex; flex-direction: column; flex-grow: 1; }

/* Každý zápas vyplní stejně velký slot — tak se kola navzájem zarovnají
   (zápas v dalším kole leží svisle uprostřed mezi svou dvojicí). */
.bracket__slot {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1 1 0;
	padding: 8px 0;
}

/* === Spojovací čáry pavouka ===
   ::after na slotech kreslí vodorovný pahýl od karty do středu mezery + svislou
   půlku spojnice dvojice (horní polovina dvojice dolů, dolní nahoru — potkají se
   na hraně slotů, kde leží zápas dalšího kola). ::before kreslí vodorovný pahýl
   od středu mezery k navazujícímu zápasu. Finále a zápas o 3. místo se nespojují
   dopředu; šestnáctifinále a zápas o 3. místo nemají co přivádět zleva. */
.bracket__round:not(.bracket__round--final):not(.bracket__round--third_place) .bracket__slot::after {
	content: "";
	position: absolute;
	right: calc( var(--bx-gap) / -2 );
	width: calc( var(--bx-gap) / 2 );
	border-right: 2px solid var(--bx-line);
	box-sizing: border-box;
}
.bracket__round:not(.bracket__round--final):not(.bracket__round--third_place) .bracket__slot:nth-child(odd)::after {
	top: 50%;
	height: 50%;
	border-top: 2px solid var(--bx-line);
}
.bracket__round:not(.bracket__round--final):not(.bracket__round--third_place) .bracket__slot:nth-child(even)::after {
	bottom: 50%;
	height: 50%;
	border-bottom: 2px solid var(--bx-line);
}
.bracket__round:not(.bracket__round--round_32):not(.bracket__round--third_place) .bracket__slot::before {
	content: "";
	position: absolute;
	left: calc( var(--bx-gap) / -2 );
	width: calc( var(--bx-gap) / 2 );
	top: 50%;
	border-top: 2px solid var(--bx-line);
	box-sizing: border-box;
}

.bracket__match {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 10px 12px;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--gray);
	border-radius: 12px;
}

.bracket__match--live { border-color: var(--wp--preset--color--accent-red); }

.bracket__match-number {
	position: absolute;
	top: -8px;
	left: 10px;
	padding: 0 8px;
	border-radius: 8px;
	background: var(--wp--preset--color--background-cool);
	font-size: 11px;
	font-weight: 700;
	color: var(--wp--preset--color--text);
}

.bracket__team {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 4px 0;
	color: var(--wp--preset--color--heading);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
}

a.bracket__team:hover .bracket__name { text-decoration: underline; }
.bracket__flag { width: 22px; height: 16px; object-fit: cover; border-radius: 3px; box-shadow: 0 0 0 1px rgba(11, 18, 36, 0.12); }
.bracket__name { flex-grow: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bracket__team--tbd { color: var(--wp--preset--color--text); font-weight: 400; font-style: italic; }
.bracket__team--tbd .bracket__flag { opacity: 0.35; }
.bracket__team--winner { font-weight: 800; }
.bracket__team--winner .bracket__score { color: var(--wp--preset--color--accent-green); }
.bracket__score { font-family: var(--wp--preset--font-family--display); font-weight: 800; }
.bracket__score small { font-size: 11px; color: var(--wp--preset--color--text); padding-left: 3px; }
.bracket__kickoff { font-size: 12px; color: var(--wp--preset--color--text); }
.bracket__hint { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--text); text-align: center; }

@media (min-width: 1200px) {
	.bracket__hint { display: none; }
}

/* === Team hero === */

.team-hero {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--sm);
	padding: var(--wp--preset--spacing--sm);
	border-radius: var(--wp--custom--card--radius);
	background: var(--wp--preset--color--background-light);
}

.team-hero__flag img {
	width: 180px;
	height: auto;
	max-height: 130px;
	object-fit: cover;
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(11, 18, 36, 0.25);
}

.team-hero__name { font-size: var(--wp--preset--font-size--display); line-height: 1; text-transform: uppercase; }
.team-hero__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}
.team-hero__meta { display: flex; gap: 8px; flex-wrap: wrap; }
.team-hero__body .team-hero__name, .team-hero__body .team-hero__meta { margin: 0; }

/* Přehrávač hymny v hero týmu. */
.team-anthem { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.team-anthem__label { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--wp--preset--color--heading); }
.team-anthem__label img { width: 20px; height: 20px; }
.team-anthem__player {
	height: 40px;
	max-width: 320px;
	width: 100%;
	/* Vynutí světlý ovládací prvek i v tmavém režimu OS (Firefox/Chrome). */
	color-scheme: light;
	border: 1px solid var(--wp--preset--color--black);
	border-radius: var(--wp--custom--card--radius);
	background-color: var(--wp--preset--color--background-light);
}
/* Šedé pozadí ovládacího panelu (jako u elementu zápasu) — WebKit/Blink. */
.team-anthem__player::-webkit-media-controls-enclosure,
.team-anthem__player::-webkit-media-controls-panel {
	background-color: var(--wp--preset--color--background-light);
	border-radius: var(--wp--custom--card--radius);
}


@media (max-width: 781px) {
	.team-hero { flex-direction: column; text-align: center; }
	.team-hero__meta { justify-content: center; }
	.team-anthem { justify-content: center; }
	.team-hero__name {
		font-size: var(--wp--preset--font-size--xxx-large);
		text-align: center;
	}
}

/* === AI maskot === */

.ai-mascot {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--xs);
	padding: var(--wp--preset--spacing--sm);
	background: var(--wp--preset--color--background-light);
	border-radius: var(--wp--custom--card--radius);
}

.ai-mascot__avatar { width: 110px; height: 110px; flex-shrink: 0; }

.ai-mascot__bubble {
	position: relative;
	flex-grow: 1;
	padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--sm);
	background: var(--wp--preset--color--base);
	border-radius: 16px;
	box-shadow: var(--wp--custom--card--shadow);
}

.ai-mascot__bubble::after {
	content: "";
	position: absolute;
	left: -10px;
	top: 36px;
	border: 10px solid transparent;
	border-right-color: var(--wp--preset--color--base);
	border-left: none;
}

.ai-mascot__intro {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.05em;
	color: var(--wp--preset--color--primary);
}

.ai-mascot__stats { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }

.ai-mascot__stat { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.ai-mascot__stat-label { font-weight: 700; color: var(--wp--preset--color--heading); }
.ai-mascot__stat-icons { display: inline-flex; gap: 4px; }
.ai-mascot__icon { width: 26px; height: 26px; }
.ai-mascot__icon--off { opacity: 0.18; filter: grayscale(1); }

/* Aktivní ikony (síla útoku/obrany/rychlosti) jemně pulzují, mírně rozfázované.
   Pouze opacity + glow — žádné scale, ať ikona zůstane ostrá (scale upscaluje raster SVG a rozmazává). */
.ai-mascot__icon:not(.ai-mascot__icon--off) {
	animation: fundial-icon-pulse 2s ease-in-out infinite;
}
.ai-mascot__icon:not(.ai-mascot__icon--off):nth-of-type(2) { animation-delay: 0.18s; }
.ai-mascot__icon:not(.ai-mascot__icon--off):nth-of-type(3) { animation-delay: 0.36s; }
.ai-mascot__icon:not(.ai-mascot__icon--off):nth-of-type(4) { animation-delay: 0.54s; }
.ai-mascot__icon:not(.ai-mascot__icon--off):nth-of-type(5) { animation-delay: 0.72s; }

@keyframes fundial-icon-pulse {
	0%, 100% { opacity: 0.5; }
	50% { opacity: 1; }
}
.ai-mascot__verdict { font-size: var(--wp--preset--font-size--medium); font-style: italic; color: var(--wp--preset--color--text); }
.ai-mascot__bubble > p { margin: 0 0 10px; }
.ai-mascot__bubble > p:last-child { margin-bottom: 0; }
.ai-mascot__bubble > ul { margin-bottom: 10px; }

@media (max-width: 600px) {
	.ai-mascot { flex-direction: column; align-items: center; }
	.ai-mascot__bubble::after { left: 40px; top: -10px; border: 10px solid transparent; border-bottom-color: var(--wp--preset--color--base); border-top: none; }
}

/* === Hráčské karty (Fotbalová šatna) === */

.player-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--wp--preset--spacing--xs); }

.player-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: var(--wp--preset--spacing--xs);
	background: linear-gradient(160deg, var(--wp--preset--color--navy-soft), var(--wp--preset--color--heading));
	border-radius: var(--wp--custom--card--radius);
	border: 2px solid var(--wp--preset--color--navy-soft);
	color: #fff;
}

.player-card--captain { border-color: var(--wp--preset--color--accent-yellow); }

.player-card__photo img { width: 100%; height: 220px; object-fit: cover; border-radius: 12px; }
.player-card__name { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: var(--wp--preset--font-size--large); color: #fff; text-transform: uppercase; }
.player-card__stats { display: flex; flex-direction: column; gap: 6px; }
.player-card__stat-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: var(--wp--preset--font-size--small); font-weight: 600; }
.player-card__stat-icons { display: inline-flex; gap: 3px; }
.player-card__stat-icons img { width: 20px; height: 20px; }
.player-card .player-card__name, .player-card .player-card__stat-row p { margin: 0; }

/* === Kulturní okénko / editorské sekce === */

.culture-section__grid { gap: var(--wp--preset--spacing--sm); }

.culture-section__label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.05em;
	color: var(--wp--preset--color--heading);
}

.culture __label img { width: 22px; height: 22px; }

.jersey-cards__card { background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--gray); border-radius: var(--wp--custom--card--radius); padding: var(--wp--preset--spacing--xs); text-align: center; }

.influencer-grid { gap: var(--wp--preset--spacing--sm); }

/* === Populární fotbalisté — šedá karta s patternem (jako fact-card) === */
.fame-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--wp--preset--spacing--xs); }
.fame-card {
	position: relative;
	overflow: hidden;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: var(--wp--preset--spacing--xs);
	padding-bottom: calc(var(--wp--preset--spacing--xs) + 8px);
	background: var(--wp--preset--color--background-light);
	border-radius: var(--wp--custom--card--radius);
}
.fame-card__photo { display: block; border-radius: 12px; overflow: hidden; }
.fame-card__photo img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center top; }
.fame-card__photo--empty { display: block; aspect-ratio: 4 / 5; border-radius: 12px; background: var(--wp--preset--color--background-cool); }
.fame-card__name { margin: 0; font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: var(--wp--preset--font-size--large); color: var(--wp--preset--color--heading); text-align: center; }
@media (max-width: 781px) { .fame-cards { grid-template-columns: 1fr 1fr; } }

/* === Fotbalové úspěchy — karta na soutěž (šedá + pattern-stripe), výsledky jako pilulky === */
.successes-groups {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: var(--wp--preset--spacing--xs);
	align-items: start;
}
.successes-group {
	position: relative;
	overflow: hidden;
	background: var(--wp--preset--color--background-light);
	border-radius: var(--wp--custom--card--radius);
	padding: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--xs);
	padding-bottom: calc(var(--wp--preset--spacing--sm) + 8px);
}
.successes-group__title {
	margin: 0 0 10px;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--heading);
}
.successes-group__items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.success-chip {
	display: flex;
	width: fit-content;
	max-width: 100%;
	align-items: center;
	gap: 6px;
	padding: 4px 12px;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--text);
}
.success-chip__icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background-color: var(--wp--preset--color--gray);
	-webkit-mask: url('assets/icons/trophy.svg') center / contain no-repeat;
	mask: url('assets/icons/trophy.svg') center / contain no-repeat;
}
.success-chip--gold .success-chip__icon { background-color: var(--wp--preset--color--accent-yellow); }
.success-chip--silver .success-chip__icon { background-color: #aab3c2; }
.success-chip--bronze .success-chip__icon { background-color: #cd7f32; }

/* === Kulturní okénko — jídlo + hudba (auto), 3 na šířku obsahu === */
.culture-section__subtitle {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--heading);
	margin: var(--wp--preset--spacing--lg) 0 var(--wp--preset--spacing--xs);
}
.culture-section__subtitle:first-of-type { margin-top: 0; }
.culture-section__subtitle img { width: 24px; height: 24px; }
.culture-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--wp--preset--spacing--sm);
}
@media (max-width: 781px) { .culture-grid { grid-template-columns: 1fr; } }
.culture-card { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.culture-card__body { display: flex; flex-direction: column; gap: 4px; }
.culture-card__title { margin: 0; font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: var(--wp--preset--font-size--medium); color: var(--wp--preset--color--heading); }
.culture-card__desc { margin: 0; color: var(--wp--preset--color--text); font-size: var(--wp--preset--font-size--small); }

.newsfeed-list { list-style: none; padding: 0; }

.newsfeed-list li { margin-bottom: 8px; }

.newsfeed-list a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	background: var(--wp--preset--color--background-soft);
	border-radius: 50px;
	color: var(--wp--preset--color--heading);
	font-weight: 600;
	text-decoration: none;
}

.newsfeed-list a:hover { background: var(--wp--preset--color--accent-light); color: var(--wp--preset--color--primary); }

/* === Archiv týmů === */

.group-filter { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: var(--wp--preset--spacing--sm); }

.group-filter__chip {
	display: grid;
	place-items: center;
	min-width: 44px;
	min-height: 44px;
	border-radius: 12px;
	background: var(--wp--preset--color--background-cool);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	color: var(--wp--preset--color--heading);
	text-decoration: none;
}

.group-filter__chip:hover { background: var(--wp--preset--color--primary); color: #fff; }

.group-block { padding-bottom: var(--wp--preset--spacing--sm); }

.group-block__title { display: flex; align-items: center; gap: 12px; font-size: var(--wp--preset--font-size--x-large); padding-bottom: var(--wp--preset--spacing--xs); }

.group-block__chip {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	color: #fff;
	font-size: var(--wp--preset--font-size--large);
}

.group-block__chip--c1 { background: var(--wp--preset--color--accent-green); }
.group-block__chip--c2 { background: var(--wp--preset--color--accent-red); }
.group-block__chip--c3 { background: var(--wp--preset--color--accent-purple); }
.group-block__chip--c4 { background: var(--wp--preset--color--accent-orange); }
.group-block__chip--c5 { background: var(--wp--preset--color--accent-cyan); color: var(--wp--preset--color--heading); }
.group-block__chip--c6 { background: var(--wp--preset--color--primary); }

/* Odkaz na skupinu = samotný text titulku „Skupina X" (dědí velikost/barvu nadpisu). */
.group-block__link { color: inherit; text-decoration: none; }
.group-block__link:hover { text-decoration: underline; }

.flag-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--wp--preset--spacing--xs); }

.flag-card {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--xs);
	/* Stejný styl jako .match-card — šedé pozadí, spodní pruh se vzorem, bez borderu i stínu. */
	background: var(--wp--preset--color--background-light);
	border-radius: var(--wp--custom--card--radius);
	text-decoration: none;
	transition: transform 0.15s ease;
}

.flag-card:hover { transform: translateY(-4px); }
.flag-card__flag img { width: 84px; height: 60px; object-fit: cover; border-radius: 8px; box-shadow: 0 4px 12px rgba(11, 18, 36, 0.18); }
.flag-card__name {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--heading);
	text-align: center;
	line-height: normal;
}

/* === Hra s vlajkami === */

.flag-game { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--sm); }

.flag-game__modes { display: flex; flex-wrap: wrap; gap: 8px; }
.flag-game__mode {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--small);
	padding: 10px 18px;
	border: 2px solid var(--wp--preset--color--black);
	border-radius: 999px;
	background: transparent;
	color: var(--wp--preset--color--black);
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}
.flag-game__mode:hover { background: color-mix(in srgb, var(--wp--preset--color--black) 12%, #fff); }
.flag-game__mode.is-active { background: var(--wp--preset--color--black); color: #fff; }

.flag-game__board {
	background: var(--wp--preset--color--background-light);
	border-radius: var(--wp--custom--card--radius);
	padding: var(--wp--preset--spacing--md) var(--wp--preset--spacing--sm);
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--sm);
	align-items: center;
}

.flag-game__scorebar {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--sm);
	justify-content: center;
	width: 100%;
	padding-bottom: var(--wp--preset--spacing--xs);
	border-bottom: 1px solid var(--wp--preset--color--background-cool);
}
.flag-game__scorebar[hidden] { display: none; }
.flag-game__stat { font-weight: 600; color: var(--wp--preset--color--text); }
.flag-game__stat b { font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--large); color: var(--wp--preset--color--heading); margin-left: 6px; }

.flag-game__stage {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--sm);
	align-items: center;
	width: 100%;
}

.flag-game__prompt { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.flag-game__hint { color: var(--wp--preset--color--text); font-size: var(--wp--preset--font-size--medium); margin: 0; }
.flag-game__country {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--xx-large);
	color: var(--wp--preset--color--heading);
	margin: 0;
	line-height: 1.1;
}
.flag-game__speak {
	display: inline-flex; align-items: center; gap: 6px;
	font-weight: 700; font-size: var(--wp--preset--font-size--medium);
	padding: 10px 20px; border-radius: 999px; border: 0;
	background: var(--wp--preset--color--primary); color: #fff; cursor: pointer;
}
.flag-game__speak:hover { filter: brightness(1.08); }

.flag-game__big-flag img { width: min(320px, 80vw); height: auto; border-radius: 12px; box-shadow: 0 8px 24px rgba(11, 18, 36, 0.2); display: block; }

.flag-game__flags { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--wp--preset--spacing--xs); width: 100%; max-width: 560px; }
.flag-game__flag-btn {
	border: 3px solid transparent; border-radius: 12px; background: #fff; padding: 6px; cursor: pointer;
	transition: transform 0.12s ease, border-color 0.12s ease; line-height: 0;
}
.flag-game__flag-btn:hover { transform: translateY(-3px); }
.flag-game__flag-btn img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 8px; box-shadow: 0 4px 12px rgba(11, 18, 36, 0.18); }
.flag-game__flag-btn.is-correct { border-color: #1fbb55; }
.flag-game__flag-btn.is-wrong { border-color: #d92121; }

.flag-game__names { display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 460px; }
.flag-game__name-btn {
	display: flex; align-items: center; gap: 14px; text-align: left;
	padding: 14px 18px; border: 2px solid var(--wp--preset--color--background-cool);
	border-radius: 999px; background: #fff; cursor: pointer;
	transition: border-color 0.12s ease, background 0.12s ease;
	font-size: var(--wp--preset--font-size--medium); color: var(--wp--preset--color--heading);
}
.flag-game__name-btn:hover { border-color: var(--wp--preset--color--primary); }
.flag-game__name-letter {
	flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--wp--preset--color--primary); color: #fff; font-weight: 800; text-transform: uppercase;
	font-family: var(--wp--preset--font-family--display);
}
.flag-game__name-text { font-weight: 700; }
.flag-game__name-btn.is-correct { border-color: #1fbb55; background: color-mix(in srgb, #1fbb55 12%, #fff); }
.flag-game__name-btn.is-wrong { border-color: #d92121; background: color-mix(in srgb, #d92121 10%, #fff); }

.flag-game__feedback {
	display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: center;
	padding: 14px 20px; border-radius: 999px; font-weight: 700;
}
.flag-game__feedback.is-correct { background: color-mix(in srgb, #1fbb55 16%, #fff); color: #137a39; }
.flag-game__feedback.is-wrong { background: color-mix(in srgb, #d92121 14%, #fff); color: #9c1717; }
.flag-game__feedback-icon { font-size: var(--wp--preset--font-size--x-large); }
.flag-game__next {
	border: 0; border-radius: 999px; padding: 8px 18px; cursor: pointer; font-weight: 700;
	background: var(--wp--preset--color--heading); color: #fff;
}
.flag-game__next:hover { filter: brightness(1.12); }

/* Pexeso — kartičky se otáčejí 3D efektem. */
.flag-game__setup { display: flex; flex-direction: column; align-items: center; gap: var(--wp--preset--spacing--sm); text-align: center; }
.flag-game__setup-options { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.flag-game__setup-btn {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--large);
	min-width: 64px;
	padding: 12px 22px;
	border: 2px solid var(--wp--preset--color--primary);
	border-radius: 999px;
	background: #fff;
	color: var(--wp--preset--color--primary);
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}
.flag-game__setup-btn:hover { background: var(--wp--preset--color--primary); color: #fff; }

.flag-game__memory-status { font-weight: 600; color: var(--wp--preset--color--text); margin: 0; }
.flag-game__memory { display: grid; gap: 10px; width: 100%; margin: 0 auto; grid-template-columns: repeat(4, 1fr); }
/* Desktop mřížka dle zvolené velikosti (4×3 / 5×4 / 8×4 / 8×6). */
.flag-game__memory[data-cols="4"] { grid-template-columns: repeat(4, 1fr); max-width: 380px; }
.flag-game__memory[data-cols="5"] { grid-template-columns: repeat(5, 1fr); max-width: 470px; }
.flag-game__memory[data-cols="8"] { grid-template-columns: repeat(8, 1fr); max-width: 760px; }
.flag-game__card { position: relative; aspect-ratio: 3 / 2; border: 0; background: transparent; padding: 0; cursor: pointer; perspective: 600px; }
/* Vnitřek ukotven absolutně (inset:0), ne height:100% — výška karty plyne jen z aspect-ratio,
   takže procentuální výška dítěte by se rozpadla na nulu a karty by byly neviditelné. */
.flag-game__card-inner { position: absolute; inset: 0; transition: transform 0.4s ease; transform-style: preserve-3d; }
.flag-game__card.is-up .flag-game__card-inner,
.flag-game__card.is-done .flag-game__card-inner { transform: rotateY(180deg); }
.flag-game__card-back,
.flag-game__card-face {
	position: absolute; inset: 0; backface-visibility: hidden; border-radius: 10px;
	display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.flag-game__card-back { background: var(--wp--preset--color--black) url('assets/icons/world-cup.svg') center / 52% no-repeat; }
.flag-game__card-face { transform: rotateY(180deg); background: #fff; box-shadow: inset 0 0 0 2px var(--wp--preset--color--background-cool); padding: 4px; }
.flag-game__card-face img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }
.flag-game__card.is-done { cursor: default; }
.flag-game__card.is-done .flag-game__card-face { box-shadow: inset 0 0 0 3px #1fbb55; }

/* Tablet: 8sloupcové mřížky zúžíme, ať karty nejsou drobné. */
@media (max-width: 781px) {
	.flag-game__memory[data-cols="8"] { grid-template-columns: repeat(6, 1fr); max-width: 100%; }
	.flag-game__memory[data-cols="5"] { max-width: 100%; }
	.flag-game__memory[data-cols="4"] { max-width: 100%; }
}

@media (max-width: 560px) {
	.flag-game__flags { grid-template-columns: repeat(2, 1fr); }
	.flag-game__country { font-size: var(--wp--preset--font-size--x-large); }
	.flag-game__scorebar { gap: 8px; }
	/* Mobil: méně sloupců = větší, dobře klikatelné karty. */
	.flag-game__memory { gap: 7px; max-width: 100%; }
	.flag-game__memory[data-cols="4"] { grid-template-columns: repeat(3, 1fr); }
	.flag-game__memory[data-cols="5"],
	.flag-game__memory[data-cols="8"] { grid-template-columns: repeat(4, 1fr); }
}

/* === Stadiony === */

/* Odznaky (zahájení/finále) v hero — zarovnané doleva pod nadpisem stadionu (jako nadpis). */
.stadium-badges { display: flex; justify-content: flex-start; gap: 8px; flex-wrap: wrap; margin-top: 14px; }

.stadium-official__link { font-weight: 700; color: var(--wp--preset--color--primary); text-decoration: none; }
.stadium-official__link:hover { text-decoration: underline; }

.stadium-group { padding-bottom: var(--wp--preset--spacing--sm); }

.stadium-group__title a { display: inline-flex; align-items: center; gap: 12px; color: var(--wp--preset--color--heading); text-decoration: none; }
.stadium-group__title a:hover { color: var(--wp--preset--color--primary); }
.stadium-group__flag { width: 40px; height: 28px; object-fit: cover; border-radius: 5px; box-shadow: 0 0 0 1px rgba(11, 18, 36, 0.12); }

.stadium-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--wp--preset--spacing--xs); }

.stadium-card {
	position: relative;
	display: flex;
	flex-direction: column;
	/* Stejný styl jako .match-card — šedé pozadí, spodní pruh se vzorem, bez borderu i stínu. */
	background: var(--wp--preset--color--background-light);
	border-radius: var(--wp--custom--card--radius);
	overflow: hidden;
	text-decoration: none;
	transition: transform 0.15s ease;
}

.stadium-card:hover { transform: translateY(-4px); }

.stadium-card__photo { display: block; background: var(--wp--preset--color--background-cool); }
.stadium-card__photo img { display: block; width: 100%; height: 180px; object-fit: cover; }
.stadium-card__photo .stadium-card__photo-fallback { width: 64px; height: 64px; object-fit: contain; margin: 58px auto; opacity: 0.4; }

.stadium-card__meta { display: flex; flex-direction: column; gap: 6px; padding: var(--wp--preset--spacing--xs); }
.stadium-card__name { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: var(--wp--preset--font-size--large); color: var(--wp--preset--color--heading); }
.stadium-card__city { color: var(--wp--preset--color--text); font-size: var(--wp--preset--font-size--small); }
.stadium-card__weather { display: flex; align-items: center; gap: 6px; font-size: var(--wp--preset--font-size--small); font-weight: 600; color: var(--wp--preset--color--heading); }
.stadium-card__weather img { width: 16px; height: 16px; }
.stadium-card__weather-sep { color: var(--wp--preset--color--gray); }
.stadium-card__badges { display: flex; gap: 6px; flex-wrap: wrap; }

/* === Sekce stránek (sdílené) === */

.fundial-section { padding-top: var(--fundial-section-pad-y); padding-bottom: var(--fundial-section-pad-y); }
.fundial-section__heading { padding-bottom: var(--wp--preset--spacing--xs); }
.fundial-section__heading--center { text-align: center; }

/* === Vnitřní svislý rytmus sekce (obsah v .alignwide) ===
   WP dává obsahu ve flow kontejneru plochý 30px odstup (:root :where(.is-layout-flow) > *).
   Zvětšíme ho na md (48px), ať vnitřní mezery (karty→zajímavost, nadpis→seznam) nejsou stísněné.
   VYNECHÁVÁME wrappery s vlastním grid/flex layoutem (:not(.bento__grid)) — tam si rozestupy
   řídí sám grid (gap) a náš margin by rozhodil rozložení (rozcestník). Nový grid .alignwide wrapper
   je nutné sem přidat do :not(). Pod-sekce (další nadpis) = plných 64px. */
.fundial-section > .alignwide:not(.bento__grid) > * { margin-block-start: var(--wp--preset--spacing--md); }
.fundial-section > .alignwide:not(.bento__grid) > :first-child { margin-block-start: 0; }
.fundial-section > .alignwide:not(.bento__grid) > .fundial-section__heading { padding-bottom: 0; }
/* Nadpis (i pod-nadpis, např. culture „Národní jídlo"/„Populární hudba") → jeho obsah: těsně,
   stejně jako na obsahových stránkách — nadpis patří k obsahu pod ním. */
.fundial-section > .alignwide:not(.bento__grid) > :is(.fundial-section__heading, .culture-section__subtitle) + * { margin-block-start: var(--wp--preset--spacing--sm); }
.fundial-section > .alignwide:not(.bento__grid) > .fundial-section__heading:not(:first-child) { margin-block-start: calc(var(--fundial-section-pad-y) * 2); }

/* Fallback pro pod-nadpisy mimo .fundial-section (detail zápasu = .section). */
.fundial-section__heading:not(:first-child) { margin-block-start: calc(var(--fundial-section-pad-y) * 2); }

.stadium-facts__fun-fact {
	display: flex;
	align-items: start;
	gap: 10px;
	padding: var(--wp--preset--spacing--xs);
	background: color-mix(in srgb, var(--wp--preset--color--accent-yellow) 18%, #fff);
	border-radius: 14px;
	font-weight: 600;
	color: var(--wp--preset--color--heading);
}

.stadium-facts__fun-fact img { width: 24px; height: 24px; flex-shrink: 0; }

.group-page__title { font-size: var(--wp--preset--font-size--display); text-transform: uppercase; }

/* === Galerie stadionu (Splide) === */
.stadium-gallery { position: relative; }

.stadium-gallery__thumb {
	display: block;
	width: 100%;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	border-radius: var(--wp--custom--card--radius);
	overflow: hidden;
}

.stadium-gallery__thumb img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	transition: transform 0.2s ease;
}

.stadium-gallery__thumb:hover img { transform: scale(1.05); }
.stadium-gallery .splide__arrow {
	width: 2.8em;
	height: 2.8em;
	background: var(--wp--preset--color--primary);
	opacity: 1;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
	transition: background 0.2s ease;
}
.stadium-gallery .splide__arrow svg { width: 1.4em; height: 1.4em; fill: #fff; }
.stadium-gallery .splide__arrow:hover { background: color-mix(in srgb, var(--wp--preset--color--primary) 82%, #000); }
.stadium-gallery .splide__arrow:disabled { opacity: 0.35; }

/* Lightbox */
.stadium-gallery__lightbox {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--wp--preset--spacing--md);
	background: rgba(11, 18, 36, 0.92);
}

.stadium-gallery__lightbox[hidden] { display: none; }

.stadium-gallery__lightbox-splide { width: min(1100px, 92vw); }
.stadium-gallery__lightbox-splide .splide__slide { display: flex; align-items: center; justify-content: center; }
.stadium-gallery__lightbox-splide img { max-width: 100%; max-height: 80vh; object-fit: contain; border-radius: var(--wp--custom--card--radius); }

.stadium-gallery__close {
	position: absolute;
	top: 16px;
	right: 20px;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	z-index: 1;
}

.stadium-gallery__close:hover { background: rgba(255, 255, 255, 0.3); }

/* Fallback vlajky (pohár MS) — čtvercová ikona se v obdélníkovém slotu vlajky nesmí ořezávat, a bez vlajkového rámečku/stínu. */
img.flag-fallback {
	object-fit: contain;
	box-shadow: none;
	border-radius: 0;
}