/*
 * Farnost Velký Týnec – moderní vzhled: zaoblení, stíny, přechody barev a jemné animace.
 *
 * Pohyblivé efekty běží jen na webu (třída .farnost-web na <html>), v editoru ne,
 * a vypnou se u návštěvníků, kteří mají v systému omezené animace.
 */

:root {
	--farnost-modra-prechod: linear-gradient(135deg, #0e1a3d 0%, #16275a 55%, #243b7e 100%);
	--farnost-zlata-prechod: linear-gradient(135deg, #ecd294 0%, #c9a55c 48%, #a8833b 100%);
	--farnost-zaobleni: 14px;
	--farnost-stin: 0 1px 2px rgba(14, 26, 61, 0.06), 0 10px 28px -12px rgba(14, 26, 61, 0.22);
	--farnost-stin-vyrazny: 0 2px 6px rgba(14, 26, 61, 0.08), 0 24px 48px -16px rgba(14, 26, 61, 0.38);
	--farnost-krivka: cubic-bezier(0.22, 0.7, 0.2, 1);
}

html {
	scroll-padding-top: 6.5rem;
}

/* Nic nesmí stránku rozšířit do strany (na mobilu by šla posouvat vodorovně). */
.wp-site-blocks {
	overflow-x: clip;
}

/* ---------- Hlavička přilepená nahoře, s průsvitným pozadím ---------- */

.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 50;
}

@media (min-width: 601px) {
	.admin-bar .wp-site-blocks > header.wp-block-template-part {
		top: var(--wp-admin--admin-bar--height, 32px);
	}
}

.hlavicka.has-bila-background-color {
	background-color: transparent !important;
	border-bottom: 0;
}

/* Průsvitná vrstva je v pseudoprvku, aby nerozbila menu přes celou obrazovku na mobilu. */
.hlavicka::before {
	-webkit-backdrop-filter: saturate(1.6) blur(14px);
	backdrop-filter: saturate(1.6) blur(14px);
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 1px 0 var(--farnost-linka);
	content: "";
	inset: 0;
	position: absolute;
	transition: box-shadow 0.35s ease;
	z-index: -1;
}

.je-posunuto .hlavicka::before {
	box-shadow: 0 1px 0 rgba(217, 222, 234, 0.6), 0 12px 32px -16px rgba(14, 26, 61, 0.35);
}

.znacka__logo img {
	transition: transform 0.4s var(--farnost-krivka);
}

.znacka:hover .znacka__logo img {
	transform: rotate(-6deg) scale(1.04);
}

/* Položky menu: zlatá linka, která se rozjede od středu */
.hlavni-menu .current-menu-item > .wp-block-navigation-item__content {
	text-decoration: none;
}

@media (min-width: 1100px) {
	.hlavni-menu .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		position: relative;
	}

	.hlavni-menu .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
		background: var(--farnost-zlata-prechod);
		border-radius: 2px;
		bottom: -0.4rem;
		content: "";
		height: 2px;
		left: 0;
		position: absolute;
		right: 0;
		transform: scaleX(0);
		transition: transform 0.35s var(--farnost-krivka);
	}

	.hlavni-menu .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover::after,
	.hlavni-menu .wp-block-navigation__container > .current-menu-item > .wp-block-navigation-item__content::after {
		transform: scaleX(1);
	}
}

/* Podnabídka: zaoblená karta, která se jemně vysune */
.hlavni-menu .has-child .wp-block-navigation__submenu-container {
	border: 1px solid rgba(217, 222, 234, 0.8);
	border-radius: var(--farnost-zaobleni);
	box-shadow: var(--farnost-stin-vyrazny);
	padding: 0.5rem;
	transform: translateY(10px);
	transition: opacity 0.2s ease, transform 0.3s var(--farnost-krivka), visibility 0.2s;
}

.hlavni-menu .has-child:hover > .wp-block-navigation__submenu-container,
.hlavni-menu .has-child:focus-within > .wp-block-navigation__submenu-container,
.hlavni-menu .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
	transform: none;
}

.hlavni-menu .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	border-radius: 10px;
	padding: 0.55rem 0.9rem;
	transition: background-color 0.2s ease, color 0.2s ease, padding 0.25s var(--farnost-krivka);
}

.hlavni-menu .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: var(--wp--preset--color--podklad);
	padding-left: 1.15rem;
}

.hlavni-menu .is-menu-open .has-child .wp-block-navigation__submenu-container {
	border: 0;
	box-shadow: none;
	padding: 0.75rem 0 0.25rem 1rem;
	transform: none;
}

.hlavni-menu .is-menu-open .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: transparent;
	padding-left: 0;
}

.hlavni-menu .wp-block-navigation__responsive-container.is-menu-open {
	background-image: radial-gradient(60% 50% at 100% 0%, rgba(201, 165, 92, 0.22), transparent 70%), url(../img/lilie-vzor.svg);
	background-size: auto, 96px 104px;
}

.hlavicka__hledat .wp-block-search__button {
	border-radius: 50%;
	transition: background-color 0.2s ease;
}

/* ---------- Tlačítka ---------- */

.wp-block-button__link,
.wp-element-button {
	border-radius: 999px;
}

.wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-background) {
	background-color: var(--wp--preset--color--zlata);
	background-image: var(--farnost-zlata-prechod);
	background-position: 0 0;
	background-size: 180% 100%;
	box-shadow: 0 10px 22px -12px rgba(168, 131, 59, 0.9);
	overflow: hidden;
	position: relative;
	transition: background-position 0.6s var(--farnost-krivka), box-shadow 0.3s ease, transform 0.3s var(--farnost-krivka);
}

/* Odlesk, který přejede přes tlačítko při najetí myší */
.wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-background)::after {
	background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, 0.55) 50%, transparent 70%);
	content: "";
	inset: 0;
	position: absolute;
	transform: translateX(-120%);
	transition: transform 0.7s var(--farnost-krivka);
}

.wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-background):hover {
	background-position: 100% 0;
	box-shadow: 0 16px 30px -14px rgba(168, 131, 59, 0.95);
	transform: translateY(-2px);
}

.wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-background):hover::after {
	transform: translateX(120%);
}

.wp-block-button.is-style-outline > .wp-block-button__link {
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.3s var(--farnost-krivka);
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	transform: translateY(-2px);
}

/* ---------- Úvodní panel ---------- */

.uvod-panel.is-style-lilie {
	background-image:
		radial-gradient(55% 65% at 82% 36%, rgba(201, 165, 92, 0.32) 0%, rgba(201, 165, 92, 0) 70%),
		radial-gradient(60% 80% at 0% 100%, rgba(52, 84, 170, 0.55) 0%, rgba(52, 84, 170, 0) 70%),
		url(../img/lilie-vzor.svg);
	background-size: 130% 130%, 130% 130%, 96px 104px;
}

.uvod-panel__foto .wp-block-image img {
	box-shadow: 0 40px 70px -30px rgba(0, 0, 0, 0.6);
}

.uvod-panel__obce {
	color: rgba(255, 255, 255, 0.88);
}

/* ---------- Nadpisy sekcí ---------- */

.sekce h2.wp-block-heading::after,
.obce-pruh__nadpis::after {
	background: var(--farnost-zlata-prechod);
	border-radius: 3px;
	content: "";
	display: block;
	height: 3px;
	margin-top: 0.65rem;
	width: 3rem;
}

/* ---------- Hlavička podstránek: modrý pás ---------- */

.hlavicka-stranky {
	background-color: var(--wp--preset--color--modra);
	background-image:
		radial-gradient(50% 120% at 92% 0%, rgba(201, 165, 92, 0.26) 0%, rgba(201, 165, 92, 0) 70%),
		radial-gradient(55% 120% at 0% 100%, rgba(52, 84, 170, 0.5) 0%, rgba(52, 84, 170, 0) 70%),
		url(../img/lilie-vzor.svg);
	background-size: auto, auto, 96px 104px;
	color: var(--wp--preset--color--bila);
	padding-bottom: clamp(2.75rem, 1.8rem + 4vw, 5rem);
	padding-top: clamp(2.5rem, 1.6rem + 3.5vw, 4.5rem);
}

.hlavicka-stranky h1,
.hlavicka-stranky .wp-block-post-title {
	color: var(--wp--preset--color--bila);
}

.hlavicka-stranky .wp-block-post-date {
	color: rgba(255, 255, 255, 0.75);
}

.hlavicka-stranky a {
	color: var(--wp--preset--color--zlata);
}

.hlavicka-stranky a:hover {
	color: var(--wp--preset--color--bila);
}

/* ---------- Akce ---------- */

.akce-seznam {
	border-top: 0;
	display: grid;
	gap: 0.625rem;
}

.akce-polozka {
	background: var(--wp--preset--color--bila);
	border: 1px solid var(--farnost-linka);
	border-radius: var(--farnost-zaobleni);
	padding: 0.875rem 1rem;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.akce-polozka:hover {
	border-color: rgba(201, 165, 92, 0.6);
	box-shadow: var(--farnost-stin);
}

.akce-datum {
	background: var(--farnost-modra-prechod);
	border-radius: 10px;
	transition: transform 0.35s var(--farnost-krivka);
}

.akce-polozka:hover .akce-datum {
	background: var(--farnost-zlata-prechod);
	color: var(--wp--preset--color--nocni);
	transform: rotate(-4deg) scale(1.05);
}

.akce-polozka:hover .akce-datum__mesic {
	color: var(--wp--preset--color--nocni);
}

.akce-polozka:hover .akce-nazev {
	text-decoration: none;
}

.akce-prazdne {
	border: 1px dashed var(--farnost-linka);
	border-radius: var(--farnost-zaobleni);
	padding: 1.25rem;
	text-align: center;
}

.akce-seznam--kompaktni .akce-polozka {
	padding: 0.7rem 0.875rem;
}

.akce-info {
	background: var(--wp--preset--color--bila);
	border: 1px solid var(--farnost-linka);
	border-radius: 16px;
	box-shadow: var(--farnost-stin);
	overflow: hidden;
	position: relative;
}

.akce-info::before {
	background: var(--farnost-zlata-prechod);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	width: 4px;
}

/* Měsíční kalendář jako karta */
.kalendar {
	background: var(--wp--preset--color--bila);
	border: 1px solid var(--farnost-linka);
	border-radius: 18px;
	box-shadow: var(--farnost-stin);
	padding: clamp(1rem, 0.6rem + 1.5vw, 1.5rem);
}

.kalendar__listovani {
	border: 1px solid var(--farnost-linka);
	border-radius: 999px;
	padding: 0.35rem 0.85rem;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.kalendar__listovani:hover {
	border-color: var(--wp--preset--color--zlata);
}

.kalendar__mrizka td {
	border-radius: 10px;
	transition: transform 0.25s var(--farnost-krivka);
}

.kalendar__mrizka td.ma-akce {
	background: var(--farnost-modra-prechod);
}

.kalendar__mrizka td.ma-akce:hover {
	background: var(--farnost-zlata-prechod);
	transform: scale(1.08);
}

.kalendar__mrizka td.ma-akce:hover .kalendar__den {
	color: var(--wp--preset--color--nocni);
}

.kalendar__mrizka td.ma-akce:hover .kalendar__den::after {
	background: var(--wp--preset--color--nocni);
}

/* ---------- Aktuality ---------- */

.karta {
	transition: transform 0.4s var(--farnost-krivka);
}

.karta:hover {
	transform: translateY(-5px);
}

.karta__obrazek {
	border-radius: var(--farnost-zaobleni);
	box-shadow: var(--farnost-stin);
	transition: box-shadow 0.4s ease;
}

.karta:hover .karta__obrazek {
	box-shadow: var(--farnost-stin-vyrazny);
}

.karta__obrazek img {
	transition: transform 0.7s var(--farnost-krivka);
}

.karta:hover .karta__obrazek img {
	transform: scale(1.06);
}

.karta:not(:has(.wp-block-post-featured-image))::before {
	background: url(../img/lilie.svg) center / 30% no-repeat, var(--farnost-modra-prechod);
	border-radius: var(--farnost-zaobleni);
	box-shadow: var(--farnost-stin);
}

.karta__datum {
	color: var(--wp--preset--color--zlata-tmava);
	font-weight: 500;
}

.strankovani .page-numbers,
.strankovani .wp-block-query-pagination-previous,
.strankovani .wp-block-query-pagination-next {
	border-radius: 999px;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* ---------- Obce ---------- */

.obec .wp-block-image img {
	outline: 1px solid transparent;
	outline-offset: 4px;
	transition: transform 0.5s var(--farnost-krivka), box-shadow 0.5s ease, outline-color 0.4s ease, outline-offset 0.4s var(--farnost-krivka);
}

.obec:hover .wp-block-image img {
	box-shadow: 0 26px 40px -22px rgba(14, 26, 61, 0.55);
	outline-color: var(--wp--preset--color--zlata);
	outline-offset: 8px;
	transform: translateY(-6px);
}

/* Na mobilu se obce posouvají do strany prstem */
@media (max-width: 599.98px) {
	.obce-mrizka.obce-mrizka {
		display: flex;
		gap: 1rem;
		margin-left: calc(var(--wp--style--root--padding-left) * -1);
		margin-right: calc(var(--wp--style--root--padding-right) * -1);
		overflow-x: auto;
		overscroll-behavior-x: contain;
		padding: 0.75rem var(--wp--style--root--padding-right) 1rem var(--wp--style--root--padding-left);
		scroll-padding-inline: var(--wp--style--root--padding-left);
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.obce-mrizka.obce-mrizka::-webkit-scrollbar {
		display: none;
	}

	.obce-mrizka.obce-mrizka > .obec {
		flex: 0 0 62%;
		scroll-snap-align: start;
	}
}

/* ---------- Vize farnosti ---------- */

.vize.is-style-lilie {
	background-image:
		radial-gradient(40% 60% at 18% 28%, rgba(201, 165, 92, 0.22) 0%, rgba(201, 165, 92, 0) 70%),
		radial-gradient(45% 70% at 85% 80%, rgba(52, 84, 170, 0.6) 0%, rgba(52, 84, 170, 0) 70%),
		url(../img/lilie-vzor.svg);
	background-size: 140% 140%, 140% 140%, 96px 104px;
}

.vize__text::before {
	background: url(../img/lilie.svg) center / contain no-repeat;
	content: "";
	display: block;
	height: 2.75rem;
	margin: 0 auto 1.5rem;
	width: 2.5rem;
}

.vize__hodnoty li {
	position: relative;
}

/* Kroužek */
.vize__hodnoty li::before {
	-webkit-mask: none;
	background: radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.02));
	border: 1px solid rgba(201, 165, 92, 0.55);
	border-radius: 50%;
	height: 4.5rem;
	mask: none;
	transition: transform 0.4s var(--farnost-krivka), box-shadow 0.4s ease, border-color 0.4s ease;
	width: 4.5rem;
}

/* Ikona uprostřed kroužku */
.vize__hodnoty li::after {
	-webkit-mask: var(--ikona) center / contain no-repeat;
	background: currentColor;
	content: "";
	height: 2.25rem;
	left: 50%;
	mask: var(--ikona) center / contain no-repeat;
	position: absolute;
	top: 1.125rem;
	transform: translateX(-50%);
	width: 2.25rem;
}

@media (max-width: 599.98px) {
	.vize__hodnoty li::before {
		height: 3.75rem;
		width: 3.75rem;
	}

	.vize__hodnoty li::after {
		height: 1.875rem;
		top: 0.9375rem;
		width: 1.875rem;
	}

	.vize__hodnoty li {
		font-size: 1rem;
	}
}

.vize__hodnoty li:hover::before {
	border-color: var(--wp--preset--color--zlata);
	box-shadow: 0 0 0 6px rgba(201, 165, 92, 0.12), 0 0 36px rgba(201, 165, 92, 0.4);
	transform: scale(1.08);
}

/* ---------- Podpora farnosti ---------- */

.ucet {
	background: var(--wp--preset--color--podklad);
	border: 1px solid var(--farnost-linka);
	border-radius: var(--farnost-zaobleni);
	display: inline-block;
	padding: 0.6rem 1.1rem;
}

.donator img {
	border-radius: var(--farnost-zaobleni);
	box-shadow: var(--farnost-stin);
	transition: transform 0.4s var(--farnost-krivka), box-shadow 0.4s ease;
}

.donator a:hover img {
	box-shadow: var(--farnost-stin-vyrazny);
	transform: translateY(-4px);
}

/* ---------- Dlaždice (Informace, Svátosti) ---------- */

.is-style-dlazdice .wp-block-pages-list__item__link,
.seznam-dlazdic a {
	background: var(--wp--preset--color--bila);
	border: 1px solid var(--farnost-linka);
	border-radius: var(--farnost-zaobleni);
	box-shadow: var(--farnost-stin);
	gap: 1rem;
	justify-content: space-between;
	transition: transform 0.35s var(--farnost-krivka), box-shadow 0.35s ease, background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}

.is-style-dlazdice .wp-block-pages-list__item__link::after,
.seznam-dlazdic a::after {
	-webkit-mask: url(../img/ikony/sipka.svg) center / contain no-repeat;
	background: var(--wp--preset--color--zlata-tmava);
	content: "";
	flex-shrink: 0;
	height: 1.5rem;
	mask: url(../img/ikony/sipka.svg) center / contain no-repeat;
	transition: transform 0.35s var(--farnost-krivka), background-color 0.35s ease;
	width: 1.5rem;
}

.is-style-dlazdice .wp-block-pages-list__item__link:hover,
.seznam-dlazdic a:hover {
	background: var(--farnost-modra-prechod);
	border-color: transparent;
	box-shadow: var(--farnost-stin-vyrazny);
	color: var(--wp--preset--color--bila);
	transform: translateY(-4px);
}

.is-style-dlazdice .wp-block-pages-list__item__link:hover::after,
.seznam-dlazdic a:hover::after {
	background: var(--wp--preset--color--zlata);
	transform: translateX(4px);
}

/* ---------- Obsah stránek ---------- */

.obsah-stranky img {
	border-radius: 10px;
}

.obsah-stranky iframe[src*="google.com"] {
	border-radius: var(--farnost-zaobleni);
	box-shadow: var(--farnost-stin);
}

.clanek__obrazek img {
	border-radius: var(--farnost-zaobleni);
	box-shadow: var(--farnost-stin);
}

/* ---------- Patička ---------- */

.paticka {
	background-image:
		radial-gradient(40% 80% at 100% 0%, rgba(201, 165, 92, 0.14) 0%, rgba(201, 165, 92, 0) 70%),
		radial-gradient(50% 90% at 0% 100%, rgba(52, 84, 170, 0.35) 0%, rgba(52, 84, 170, 0) 70%);
	position: relative;
}

.paticka::before {
	background: var(--farnost-zlata-prechod);
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.paticka .wp-block-list a {
	background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;
	text-decoration: none;
	transition: background-size 0.35s var(--farnost-krivka), color 0.2s ease;
}

.paticka .wp-block-list a:hover {
	background-size: 100% 1px;
}

/* ---------- Tlačítko „nahoru“ (vkládá ho skript) ---------- */

.nahoru {
	background: var(--farnost-modra-prechod);
	border-radius: 50%;
	bottom: 1.25rem;
	box-shadow: var(--farnost-stin-vyrazny);
	display: grid;
	height: 3rem;
	opacity: 0;
	place-items: center;
	pointer-events: none;
	position: fixed;
	right: 1.25rem;
	transform: translateY(14px);
	transition: opacity 0.3s ease, transform 0.35s var(--farnost-krivka), background 0.3s ease;
	width: 3rem;
	z-index: 40;
}

.nahoru::before {
	-webkit-mask: url(../img/ikony/sipka.svg) center / contain no-repeat;
	background: var(--wp--preset--color--zlata);
	content: "";
	height: 1.25rem;
	mask: url(../img/ikony/sipka.svg) center / contain no-repeat;
	transform: rotate(-90deg);
	width: 1.25rem;
}

.nahoru.je-videt {
	opacity: 1;
	pointer-events: auto;
	transform: none;
}

.nahoru:hover,
.nahoru:focus-visible {
	background: var(--farnost-zlata-prechod);
}

.nahoru:hover::before,
.nahoru:focus-visible::before {
	background: var(--wp--preset--color--nocni);
}

/* ==========================================================================
   Pohyb – jen na webu a jen když ho návštěvník nemá v systému vypnutý
   ========================================================================== */

/* Oblé zakončení modrých pásů */
.farnost-web .uvod-panel.is-style-lilie {
	clip-path: ellipse(150% 100% at 50% 0);
	overflow: hidden;
	padding-bottom: calc(var(--wp--preset--spacing--60) + 2.5rem) !important;
}

.farnost-web .hlavicka-stranky {
	clip-path: ellipse(170% 100% at 50% 0);
	overflow: hidden;
	position: relative;
}

/* Zlatá pečeť farnosti jako jemný vodoznak v modrých pásech */
.farnost-web .hlavicka-stranky::after,
.farnost-web .vize.is-style-lilie::before {
	background: url(../img/pecet-pozadi.png) center / contain no-repeat;
	content: "";
	opacity: 0.08;
	pointer-events: none;
	position: absolute;
}

.farnost-web .hlavicka-stranky::after {
	aspect-ratio: 1;
	right: -5rem;
	top: 50%;
	transform: translateY(-50%);
	width: clamp(14rem, 10rem + 16vw, 26rem);
}

.farnost-web .vize.is-style-lilie {
	overflow: hidden;
	position: relative;
}

.farnost-web .vize.is-style-lilie::before {
	aspect-ratio: 1;
	left: 50%;
	opacity: 0.06;
	top: 50%;
	transform: translate(-50%, -50%);
	width: min(38rem, 115vw);
}

.farnost-web .hlavicka-stranky > *,
.farnost-web .vize.is-style-lilie > * {
	position: relative;
	z-index: 1;
}

/* Úvodní panel: zlatá záře za fotkou */
.farnost-web .uvod-panel__foto .wp-block-image {
	position: relative;
	z-index: 0;
}

.farnost-web .uvod-panel__foto .wp-block-image::before {
	aspect-ratio: 1;
	background: radial-gradient(circle, rgba(236, 210, 148, 0.38) 0%, rgba(201, 165, 92, 0.14) 38%, rgba(201, 165, 92, 0) 66%);
	content: "";
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 42%;
	transform: translate(-50%, -50%);
	width: 150%;
	z-index: -1;
}

.uvod-panel__nadpis .slovo {
	display: inline-block;
}

@media (prefers-reduced-motion: no-preference) {
	/* Pozvolné prolnutí při přechodu mezi stránkami (podporované prohlížeče) */
	@view-transition {
		navigation: auto;
	}

	::view-transition-old(root),
	::view-transition-new(root) {
		animation-duration: 0.4s;
	}

	/* Úvodní panel se při načtení postupně „složí“.
	   Nadpis čeká chvilku, než ho skript rozdělí na slova (když skript nedoběhne, objeví se celý). */
	.farnost-web .uvod-panel__nadpis,
	.farnost-web .uvod-panel__obce,
	.farnost-web .uvod-panel__tlacitka {
		animation: farnost-vyjet 0.9s var(--farnost-krivka) both;
	}

	.farnost-web .uvod-panel__nadpis {
		animation-delay: 0.4s;
	}

	/* Skript rozdělí nadpis na slova, která se postupně zaostří */
	.farnost-web .uvod-panel__nadpis.je-rozdeleny {
		animation: none;
	}

	.farnost-web .uvod-panel__nadpis .slovo {
		animation: farnost-zaostrit 1.1s var(--farnost-krivka) both;
		animation-delay: calc(var(--i, 0) * 0.13s + 0.1s);
	}

	.farnost-web .uvod-panel__obce {
		animation-delay: 0.45s;
	}

	.farnost-web .uvod-panel__tlacitka {
		animation-delay: 0.6s;
	}

	.farnost-web .uvod-panel__foto .wp-block-image img {
		animation: farnost-foto 1.2s var(--farnost-krivka) 0.2s both, farnost-obrys 1.8s var(--farnost-krivka) 0.6s both;
	}

	.farnost-web .uvod-panel__foto .wp-block-image::before {
		animation: farnost-zare-fotky 1.6s ease-out 0.4s both, farnost-svatozar 7s ease-in-out 2s infinite alternate;
	}

	.farnost-web .uvod-panel__foto .wp-element-caption {
		animation: farnost-vyjet 0.9s var(--farnost-krivka) 0.9s both;
	}

	/* Fotka při rolování stránky mírně zaostává (hloubka) */
	@supports (animation-timeline: scroll()) {
		.farnost-web .uvod-panel__foto .wp-block-image {
			animation: farnost-paralaxa linear both;
			animation-range: 0 100vh;
			animation-timeline: scroll(root);
		}
	}

	/* Pomalu se přelévající světlo v modrých pásech */
	.farnost-web .uvod-panel.is-style-lilie,
	.farnost-web .vize.is-style-lilie {
		animation: farnost-zare 18s ease-in-out infinite alternate;
	}

	.farnost-web .vize.is-style-lilie::before {
		animation: farnost-otacet-stred 140s linear infinite;
	}

	.farnost-web .hlavicka-stranky::after {
		animation: farnost-otacet-bok 160s linear infinite;
	}

	.farnost-web .hlavicka-stranky > * {
		animation: farnost-zaostrit 0.9s var(--farnost-krivka) both;
	}

	.farnost-web .hlavicka-stranky > :nth-child(2) {
		animation-delay: 0.12s;
	}

	/* Na začátku úvodní stránky (nejbližší akce a aktuality) se prvky objeví,
	   jak k nim návštěvník doroluje. Dál už se nic neobjevuje. */
	@supports (animation-timeline: view()) {
		.farnost-web .sekce--akce h2.wp-block-heading {
			animation: farnost-zaostrit linear both;
			animation-range: entry 10% cover 30%;
			animation-timeline: view();
		}

		/* Akce přijíždějí zleva */
		.farnost-web .sekce--akce .akce-seznam > li {
			animation: farnost-zleva linear both;
			animation-range: entry 5% cover 25%;
			animation-timeline: view();
		}

		.farnost-web .sekce--akce .aktuality .wp-block-post-template > li {
			animation: farnost-odhalit linear both;
			animation-range: entry 5% cover 25%;
			animation-timeline: view();
		}

		/* Plakáty aktualit se odkryjí zdola nahoru */
		.farnost-web .sekce--akce .karta__obrazek {
			animation: farnost-odkryt linear both;
			animation-range: entry 10% cover 35%;
			animation-timeline: view();
		}
	}

	/* Zlatý proužek nahoře ukazuje, kolik stránky už je přečteno */
	@supports (animation-timeline: scroll()) {
		.farnost-web body::after {
			animation: farnost-prubeh linear both;
			animation-timeline: scroll(root);
			background: var(--farnost-zlata-prechod);
			content: "";
			height: 3px;
			left: 0;
			position: fixed;
			right: 0;
			top: 0;
			transform: scaleX(0);
			transform-origin: 0 50%;
			z-index: 60;
		}

		@media (min-width: 601px) {
			.farnost-web body.admin-bar::after {
				top: var(--wp-admin--admin-bar--height, 32px);
			}
		}
	}
}

@keyframes farnost-vyjet {
	from {
		opacity: 0;
		transform: translateY(28px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes farnost-foto {
	from {
		opacity: 0;
		transform: translateY(24px) scale(0.97);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes farnost-obrys {
	from {
		outline-color: rgba(201, 165, 92, 0);
		outline-offset: 34px;
	}

	to {
		outline-color: rgba(201, 165, 92, 1);
		outline-offset: 10px;
	}
}

@keyframes farnost-zare {
	from {
		background-position: 0% 0%, 100% 100%, 0 0;
	}

	to {
		background-position: 100% 60%, 0% 40%, 0 0;
	}
}

@keyframes farnost-odhalit {
	from {
		opacity: 0;
		transform: translateY(28px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes farnost-prubeh {
	to {
		transform: scaleX(1);
	}
}

@keyframes farnost-zaostrit {
	from {
		filter: blur(10px);
		opacity: 0;
		transform: translateY(0.35em);
	}

	to {
		filter: blur(0);
		opacity: 1;
		transform: none;
	}
}

@keyframes farnost-zare-fotky {
	from {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.7);
	}

	to {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}
}

@keyframes farnost-svatozar {
	from {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}

	to {
		opacity: 0.7;
		transform: translate(-50%, -50%) scale(1.08);
	}
}

@keyframes farnost-paralaxa {
	to {
		transform: translateY(70px);
	}
}

@keyframes farnost-otacet-stred {
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@keyframes farnost-otacet-bok {
	to {
		transform: translateY(-50%) rotate(360deg);
	}
}

@keyframes farnost-zleva {
	from {
		opacity: 0;
		transform: translateX(-32px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes farnost-odkryt {
	from {
		clip-path: inset(100% -3rem -3rem -3rem round var(--farnost-zaobleni));
	}

	to {
		clip-path: inset(-3rem -3rem -3rem -3rem round var(--farnost-zaobleni));
	}
}