/* Header band — inner row matches .alignwide (same as main columns) */
.farnost-header-band {
	border-bottom: 1px solid var(--wp--preset--color--gold-muted, #d4c49a);
	background: var(--wp--preset--color--cream, #f7f4ed);
}

.farnost-header-inner {
	width: 100%;
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	gap: var(--wp--preset--spacing--60, 2rem);
}

.farnost-header-brand {
	flex: 1 1 12rem;
	min-width: 0;
	text-align: left;
}

.farnost-header-brand .wp-block-site-title,
.farnost-header-brand .wp-block-site-title a {
	text-align: left;
}

.farnost-header-brand .wp-block-site-tagline {
	text-align: left;
}

.farnost-header-band .wp-block-site-tagline {
	color: var(--wp--preset--color--stone, #5c5854);
}

/* Quote column: right side of header */
.farnost-header-quote {
	flex: 0 1 22rem;
	max-width: 100%;
	margin-left: auto;
}

.farnost-header-quote .farnost-quote {
	margin-left: auto;
}

.farnost-quote {
	margin: 0;
	padding: 0.75rem 0 0.75rem 1rem;
	border-left: 3px solid var(--wp--preset--color--gold, #b8963e);
	font-style: italic;
	color: var(--wp--preset--color--stone, #5c5854);
	max-width: 28rem;
}

/* Right-aligned quote in header (accent bar on the inner edge) */
.farnost-header-quote .farnost-quote {
	border-left: none;
	border-right: 3px solid var(--wp--preset--color--gold, #b8963e);
	padding-left: 0;
	padding-right: 1rem;
	text-align: right;
	max-width: min(28rem, 100%);
}

.farnost-quote__text {
	margin: 0 0 0.35rem;
	font-size: 0.95rem;
	line-height: 1.5;
}

.farnost-quote__ref {
	margin: 0;
	font-size: 0.8125rem;
	font-style: normal;
	font-family: var(--wp--preset--font-family--sans, system-ui, sans-serif);
	color: var(--wp--preset--color--wine, #5c2433);
}

/* Hlavička + menu nad obsahom (dropdown nesmie ísť pod karusel) */
header {
	position: relative;
	z-index: 100;
}

/* Navigation — conservative dropdown spacing */
.farnost-nav-bar .wp-block-navigation__submenu-container {
	border: 1px solid var(--wp--preset--color--gold-muted, #d4c49a);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Desktop: rozbalené podponuky nad main/karuselom */
@media (min-width: 600px) {
	.farnost-nav-section,
	.farnost-nav-bar .wp-block-navigation {
		overflow: visible;
	}

	.farnost-nav-bar .wp-block-navigation-item.has-child {
		position: relative;
	}

	.farnost-nav-bar .wp-block-navigation__submenu-container {
		z-index: 200;
	}
}

.farnost-nav-bar .wp-block-navigation-item__content {
	padding: 0.35rem 0.75rem;
}

/* Nav: same width as header/content (.alignwide), not full viewport */
.farnost-nav-section {
	background: transparent;
}

.farnost-nav-bar {
	background: var(--wp--preset--color--wine-dark, #3d1822);
	color: #fff;
	width: 100%;
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.farnost-nav-bar .wp-block-navigation {
	width: 100%;
	--navigation-layout-justify: flex-start;
}

.farnost-nav-bar .wp-block-navigation-item__content {
	color: #fdfcfa;
}

.farnost-nav-bar .wp-block-navigation-item__content:hover,
.farnost-nav-bar .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--gold-muted, #d4c49a);
}

/* Aktívna len priama položka — nie všetky odkazy v podponuke rodiča */
.farnost-nav-bar .wp-block-navigation-item.current-menu-item .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	color: #fdfcfa;
}

.farnost-nav-bar .wp-block-navigation-item.current-menu-item .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--gold-muted, #d4c49a);
}

/* Mobilné menu: tlačidlo s okrajom, 3 čiary, popisok „Menu“ vpravo */
@media (max-width: 599px) {
	.farnost-nav-bar .wp-block-navigation {
		display: flex;
		justify-content: flex-start;
		width: 100%;
	}
}

.farnost-nav-bar .wp-block-navigation__responsive-container-open {
	align-items: center;
	gap: 0.55rem;
	padding: 0.5rem 0.85rem;
	border: 1px solid var(--wp--preset--color--gold-muted, #d4c49a);
	border-radius: 4px;
	background: var(--wp--preset--color--wine-dark, #3d1822);
	color: #fdfcfa;
	font-family: var(--wp--preset--font-family--sans, system-ui, sans-serif);
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1;
}

.farnost-nav-bar .wp-block-navigation__responsive-container-open:hover,
.farnost-nav-bar .wp-block-navigation__responsive-container-open:focus-visible {
	background: var(--wp--preset--color--wine-dark, #3d1822);
}

.farnost-nav-bar .wp-block-navigation__responsive-container-open:focus-visible {
	border-color: var(--wp--preset--color--paper, #fdfcfa);
	outline: 2px solid var(--wp--preset--color--gold, #b8963e);
	outline-offset: 2px;
}

.farnost-nav-bar .wp-block-navigation__responsive-container-open::after {
	content: "Menu";
}

/* 3 čiary (nezávisle od uloženého SVG v navigácii) */
.farnost-nav-bar .wp-block-navigation__responsive-container-open svg {
	display: none;
}

.farnost-nav-bar .wp-block-navigation__responsive-container-open::before {
	content: "";
	display: block;
	width: 1.125rem;
	height: 0.875rem;
	flex-shrink: 0;
	color: var(--wp--preset--color--gold-muted, #d4c49a);
	background:
		linear-gradient(currentColor, currentColor) 0 0 / 100% 2px no-repeat,
		linear-gradient(currentColor, currentColor) 0 50% / 100% 2px no-repeat,
		linear-gradient(currentColor, currentColor) 0 100% / 100% 2px no-repeat;
}

.farnost-nav-bar .wp-block-navigation__responsive-container-open:focus-visible::before {
	color: var(--wp--preset--color--paper, #fdfcfa);
}

/*
 * Mobilný overlay: zarovnanie vľavo; podponuky zbalené; šípka vpravo (WP + JS fallback).
 */
.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
	align-items: flex-start !important;
	justify-content: flex-start !important;
	width: 100%;
	--navigation-layout-justification-setting: flex-start;
}

.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	align-items: flex-start !important;
	justify-content: flex-start !important;
	width: 100%;
	text-align: left;
}

.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child {
	display: flex !important;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	align-content: flex-start;
	column-gap: 0.5rem;
	row-gap: 0;
	width: 100%;
}

.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	align-self: center;
	min-width: 0;
	width: auto;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
}

.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > button.wp-block-navigation-submenu__toggle,
.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .farnost-nav-submenu-toggle {
	flex: 0 0 auto;
	align-self: center;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: none;
	border-radius: 0;
	color: inherit;
}

.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > button.wp-block-navigation-submenu__toggle svg {
	width: 0.75rem;
	height: 0.75rem;
	stroke: currentColor;
	transition: transform 0.2s ease;
}

.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .farnost-nav-submenu-toggle__icon,
.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > button.wp-block-navigation-submenu__toggle svg {
	transition: transform 0.2s ease;
}

.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.is-submenu-open > button.wp-block-navigation-submenu__toggle svg,
.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.is-submenu-open > .farnost-nav-submenu-toggle .farnost-nav-submenu-toggle__icon,
.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg {
	transform: rotate(180deg);
}

.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {
	flex: 0 0 100%;
	width: 100%;
	display: none !important;
	flex-direction: column;
	width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	padding: 0 !important;
	margin: 0;
	position: static !important;
	border: none;
}

.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.is-submenu-open > .wp-block-navigation__submenu-container,
.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] + .wp-block-navigation__submenu-container {
	display: flex !important;
	visibility: visible;
	opacity: 1;
	overflow: visible;
	padding-top: 0.35rem !important;
	padding-bottom: 0.5rem !important;
	padding-left: 1rem !important;
	padding-right: 0 !important;
	gap: 0.15rem;
}

.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.35rem 0;
	text-align: left;
	color: inherit;
}

.farnost-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--wine, #5c2433);
}

/* Carousel — pevný pomer 16∶9, stála výška (šírka stĺpca × 9/16), pozadie ako stránka */
.farnost-carousel {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 8px 28px rgba(29, 27, 26, 0.12);
	margin-bottom: 0;
	background: transparent;
	line-height: 0;
}

/* wpautop obalí šípky do <p>; tlačidlá sú absolútne → p má 0 výšku, ale globálne margin na p ostáva (oranžový „pruh“ v DevTools). */
.farnost-carousel > p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0;
	min-height: 0;
	border: 0;
}

/*
 * Výšku drží in-flow ::before (len slidery sú absolútne — čisté aspect-ratio na tracku
 * vie v niektorých prípadoch nesedieť). Krémový „pruh“ pod fotkou často spôsobí
 * globálne img { height: auto } (napr. html :where(img[class*=wp-image-]) v block-library).
 */
.farnost-carousel__track {
	position: relative;
	overflow: hidden;
	background: transparent;
	line-height: 0;
}

.farnost-carousel__track::before {
	content: "";
	display: block;
	width: 100%;
	padding-bottom: 56.25%;
}

.farnost-carousel__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 0.7s ease;
	pointer-events: none;
	z-index: 0;
}

.farnost-carousel__slide.is-active {
	opacity: 1;
	pointer-events: auto;
	z-index: 2;
}

.farnost-carousel__slide img {
	position: absolute;
	inset: 0;
	max-width: none;
	object-position: center;
	display: block;
	/* nad globálnymi pravidlami pre .wp-image-* (height:auto, max-width:100%) */
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

/* Šípky: myš len pri hoveri; klávesnica cez :focus-within; dotyk = stále viditeľné */
.farnost-carousel__prev,
.farnost-carousel__next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 2.5rem;
	height: 2.5rem;
	border: none;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.88);
	color: var(--wp--preset--color--wine-dark, #3d1822);
	font-size: 1.75rem;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	opacity: 0;
	transition: opacity 0.2s ease, background 0.15s ease;
}

@media (hover: hover) and (pointer: fine) {
	.farnost-carousel:hover .farnost-carousel__prev,
	.farnost-carousel:hover .farnost-carousel__next,
	.farnost-carousel:focus-within .farnost-carousel__prev,
	.farnost-carousel:focus-within .farnost-carousel__next {
		opacity: 1;
	}
}

@media (hover: none), (pointer: coarse) {
	.farnost-carousel__prev,
	.farnost-carousel__next {
		opacity: 1;
	}
}

.farnost-carousel__prev:hover,
.farnost-carousel__next:hover {
	background: #fff;
}

.farnost-carousel__prev {
	left: 0.75rem;
}

.farnost-carousel__next {
	right: 0.75rem;
}

/* Home: carousel in left column; sidebar top-aligned with carousel */
.farnost-home-main {
	width: 100%;
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	/* Polovičná medzera pod menu (pôvodne spacing--60 v šablóne) */
	padding-top: calc(var(--wp--preset--spacing--60, 2rem) / 2) !important;
}

.farnost-home-columns {
	align-items: flex-start;
}

.farnost-home-carousel.wp-block-group {
	margin: 0;
	padding: 0;
}

.farnost-home-carousel .farnost-carousel {
	margin-bottom: 0;
	width: 100%;
}

.farnost-home-carousel .wp-block-shortcode {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 0;
}

/* Novinky: text-only list (hide images that leak into excerpt / featured block) */
.farnost-posts .wp-block-post-featured-image,
.farnost-posts .wp-block-post-excerpt img,
.farnost-posts .wp-block-post-excerpt figure {
	display: none !important;
}

.farnost-posts .wp-block-post-excerpt .wp-block-image {
	display: none !important;
}

/* Facebook embed */
.farnost-fb-wrap {
	min-height: 200px;
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--gold-muted, #d4c49a);
	border-radius: 4px;
	background: var(--wp--preset--color--paper, #fdfcfa);
}

.farnost-fb-wrap .fb-page,
.farnost-fb-wrap .fb_iframe_widget,
.farnost-fb-wrap .fb_iframe_widget span {
	max-width: 100% !important;
}

/* Sidebar column */
.farnost-sidebar {
	position: sticky;
	top: 1rem;
	align-self: start;
}

/*
 * Stránky / single: obsah v 70% stĺpci nech vyplní rovnakú šírku ako karusel a karty
 * na hlavnej stránke (default layout). Fallback aj pre šablóny, kde je v Site Editore
 * ponechaný constrained wrapper.
 */
main .wp-block-columns > .wp-block-column:not(.farnost-sidebar) > .wp-block-group.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull)),
main .wp-block-columns > .wp-block-column:not(.farnost-sidebar) > .wp-block-group.is-layout-constrained > .wp-block-post-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull)),
main .wp-block-columns > .wp-block-column:not(.farnost-sidebar) > .wp-block-post-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull)) {
	max-width: none;
}

/*
 * Podstránky/single: zarovnať vodorovné okraje obsahu s nav-barom z hlavičky
 * (rovnaké max-width a padding ako .farnost-home-main). Cieli aj na šablóny
 * uložené v Site Editore, kde môžu chýbať alignwide/padding obaly.
 */
body.page main > .wp-block-group,
body.page main > .wp-block-columns,
body.single main > .wp-block-group,
body.single main > .wp-block-columns,
body.archive main > .wp-block-group,
body.archive main > .wp-block-columns,
body.search main > .wp-block-group,
body.search main > .wp-block-columns {
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-inline: auto;
	padding-inline: var(--wp--preset--spacing--50, 1.5rem);
	box-sizing: border-box;
}

body.page main > .wp-block-group,
body.single main > .wp-block-group,
body.archive main > .wp-block-group,
body.search main > .wp-block-group {
	padding-top: calc(var(--wp--preset--spacing--60, 2rem) / 2) !important;
	padding-bottom: var(--wp--preset--spacing--80, 3rem);
}

/* Tabuľky v obsahu (bohoslužby a pod.) — legacy HTML bez Bootstrapu */
.entry-content table,
.wp-block-post-content table {
	width: 100%;
	border-collapse: collapse;
	margin-block: var(--wp--preset--spacing--50, 1.5rem);
	font-size: var(--wp--preset--font-size--small, 0.9375rem);
	line-height: 1.5;
}

.entry-content table td,
.entry-content table th,
.wp-block-post-content table td,
.wp-block-post-content table th {
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--wp--preset--color--gold-muted, #d4c49a);
	vertical-align: top;
	text-align: left;
}

.entry-content table td[colspan],
.wp-block-post-content table td[colspan] {
	background: var(--wp--preset--color--cream, #f7f4ed);
	border-color: var(--wp--preset--color--gold-muted, #d4c49a);
}

.entry-content table td[colspan] h2,
.wp-block-post-content table td[colspan] h2 {
	margin: 0.25rem 0;
	font-size: var(--wp--preset--font-size--medium, 1.0625rem);
}

/* Stĺpec s dátumom — celý dátum bez zalamovania; len skutočný 1. stĺpec (nie jediná bunka v riadku po rowspan) */
.entry-content table tbody > tr > td:first-child:not([colspan]):not(:only-child),
.wp-block-post-content table tbody > tr > td:first-child:not([colspan]):not(:only-child) {
	width: 1%;
	min-width: 4.25rem;
	white-space: nowrap;
	word-break: normal;
	overflow-wrap: normal;
	text-align: center;
	vertical-align: middle;
}

.entry-content table tbody > tr > td:first-child:not([colspan]):not(:only-child) p,
.wp-block-post-content table tbody > tr > td:first-child:not([colspan]):not(:only-child) p {
	margin: 0;
	white-space: nowrap;
	word-break: normal;
	overflow-wrap: normal;
}

/* Posts list */
.farnost-posts-heading {
	border-bottom: 2px solid var(--wp--preset--color--gold, #b8963e);
	padding-bottom: 0.5rem;
	margin-bottom: 1.5rem;
}

/* Novinky — karta pre každý článok */
.farnost-posts .farnost-post-card {
	box-sizing: border-box;
	border: 1px solid var(--wp--preset--color--gold-muted, #d4c49a);
	border-left: 3px solid var(--wp--preset--color--gold, #b8963e);
	border-radius: 0 8px 8px 0;
	background: var(--wp--preset--color--paper, #fdfcfa);
	padding: var(--wp--preset--spacing--50, 1.5rem) var(--wp--preset--spacing--60, 2rem);
	margin-bottom: var(--wp--preset--spacing--60, 2rem);
	box-shadow: 0 6px 18px rgba(29, 27, 26, 0.08);
	--wp--style--block-gap: 0.35rem;
	display: flex;
	flex-direction: column;
}

.farnost-posts .farnost-post-card .wp-block-post-title {
	order: 1;
}

.farnost-posts .farnost-post-card .wp-block-post-excerpt {
	order: 2;
}

.farnost-posts .farnost-post-card .wp-block-post-date {
	order: 3;
}

.farnost-posts .wp-block-post-template > li:last-child .farnost-post-card {
	margin-bottom: 0;
}

.farnost-posts .farnost-post-card > *:first-child {
	margin-block-start: 0;
}

.farnost-posts .farnost-post-card > *:last-child {
	margin-block-end: 0;
}

.farnost-posts .farnost-post-card .wp-block-post-title {
	margin-block-end: 0 !important;
}

.farnost-posts .farnost-post-card .wp-block-post-excerpt {
	margin-block-start: 0.35rem !important;
	margin-block-end: 0;
}

.farnost-posts .farnost-post-card .wp-block-post-date {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	margin-block-start: 0.65rem !important;
	margin-block-end: 0;
	font-family: var(--wp--preset--font-family--sans, system-ui, sans-serif);
	font-size: 0.8125rem;
	line-height: 1.35;
	color: var(--wp--preset--color--stone, #5c5854);
}

.farnost-posts .farnost-post-card .wp-block-post-date::before {
	content: "";
	flex-shrink: 0;
	width: 0.95em;
	height: 0.95em;
	background-color: currentColor;
	opacity: 0.9;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Crect x='2' y='3.5' width='12' height='10.5' rx='1.25' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M5 2v3M11 2v3M2 7h12' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Crect x='2' y='3.5' width='12' height='10.5' rx='1.25' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M5 2v3M11 2v3M2 7h12' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.farnost-posts .farnost-post-card .wp-block-post-date time {
	font-size: inherit;
}

/* Footer — fotka + frosted glass pre čitateľnosť textu */
.farnost-footer {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border-top: 4px solid var(--wp--preset--color--wine, #5c2433);
	background: transparent;
	color: var(--wp--preset--color--ink, #1c1b1a);
}

.farnost-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: url("img/footer_background.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.farnost-footer::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(247, 244, 237, 0.60);
	backdrop-filter: blur(14px) saturate(1.15);
	-webkit-backdrop-filter: blur(14px) saturate(1.15);
}

.farnost-footer > * {
	position: relative;
	z-index: 2;
}

.farnost-footer .wp-block-heading {
	color: var(--wp--preset--color--wine-dark, #3d1822);
}

.farnost-footer h4.wp-block-heading {
	color: var(--wp--preset--color--wine, #5c2433);
}

.farnost-footer p,
.farnost-footer li {
	color: var(--wp--preset--color--ink, #1c1b1a);
}

.farnost-footer .has-stone-color {
	color: var(--wp--preset--color--stone, #5c5854) !important;
}

.farnost-footer a {
	color: var(--wp--preset--color--wine-dark, #3d1822);
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.farnost-footer a:hover {
	color: var(--wp--preset--color--wine, #5c2433);
}

.farnost-footer__copyright-col .farnost-footer__social {
	list-style: none;
	padding-inline-start: 0;
	margin-block: 0.5rem 0;
	line-height: normal;
}

.farnost-footer__copyright-col .farnost-footer__social li {
	margin-block: 0.35rem;
	padding: 0;
	overflow: visible;
	line-height: normal;
	color: var(--wp--preset--color--wine-dark, #3d1822);
}

.farnost-footer__social a {
	display: inline-flex;
	align-items: center;
	gap: 0.55em;
	line-height: 1.35;
	overflow: visible;
	text-decoration: none;
	vertical-align: middle;
}

.farnost-footer__social a:hover {
	text-decoration: underline;
}

.farnost-footer__social a::before {
	content: "";
	display: block;
	flex: 0 0 auto;
	width: 1.125rem;
	height: 1.125rem;
	min-width: 1.125rem;
	min-height: 1.125rem;
	background-color: currentColor;
	opacity: 0.92;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.farnost-footer__social-item--facebook a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54v-2.907h2.54V9.845c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562v1.875h2.773l-.443 2.907h-2.33v6.989C18.343 21.236 22 16.962 22 12z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54v-2.907h2.54V9.845c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562v1.875h2.773l-.443 2.907h-2.33v6.989C18.343 21.236 22 16.962 22 12z'/%3E%3C/svg%3E");
}

.farnost-footer__social-item--youtube a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E");
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.farnost-footer::after {
		background: rgba(247, 244, 237, 0.82);
	}
}

/* Query pagination — rozostupy, šípky; aktívna strana ako „chip“ vo farbách témy */
.farnost-pagination .wp-block-query-pagination {
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 0.85rem;
	column-gap: 1.5rem;
	margin-top: 2.5rem;
	font-family: var(--wp--preset--font-family--sans, system-ui, sans-serif);
	font-size: 1.0625rem;
	line-height: 1.4;
}

/*
 * WP vykresľuje Novšie/Staršie ako <a class="wp-block-query-pagination-previous">…</a> (trieda je na odkaze,
 * nie na obale) — selektor „.…-previous a“ preto nikdy nesedel a globálne štýly odkazov nechali underline.
 */
.farnost-pagination a.wp-block-query-pagination-previous,
.farnost-pagination a.wp-block-query-pagination-next,
.farnost-pagination .wp-block-query-pagination-previous a,
.farnost-pagination .wp-block-query-pagination-next a {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	padding: 0.45em 0.85em;
	text-decoration: none !important;
	text-decoration-line: none !important;
	text-decoration-thickness: 0 !important;
	color: var(--wp--preset--color--wine, #5c2433);
}

.farnost-pagination a.wp-block-query-pagination-previous:hover,
.farnost-pagination a.wp-block-query-pagination-previous:focus,
.farnost-pagination a.wp-block-query-pagination-previous:focus-visible,
.farnost-pagination a.wp-block-query-pagination-next:hover,
.farnost-pagination a.wp-block-query-pagination-next:focus,
.farnost-pagination a.wp-block-query-pagination-next:focus-visible,
.farnost-pagination .wp-block-query-pagination-previous a:hover,
.farnost-pagination .wp-block-query-pagination-previous a:focus,
.farnost-pagination .wp-block-query-pagination-previous a:focus-visible,
.farnost-pagination .wp-block-query-pagination-next a:hover,
.farnost-pagination .wp-block-query-pagination-next a:focus,
.farnost-pagination .wp-block-query-pagination-next a:focus-visible {
	text-decoration: none !important;
	text-decoration-line: none !important;
	color: var(--wp--preset--color--wine-dark, #3d1822);
}

.farnost-pagination a.wp-block-query-pagination-previous .wp-block-query-pagination-previous-arrow,
.farnost-pagination a.wp-block-query-pagination-next .wp-block-query-pagination-next-arrow,
.farnost-pagination .wp-block-query-pagination-previous .wp-block-query-pagination-previous-arrow,
.farnost-pagination .wp-block-query-pagination-next .wp-block-query-pagination-next-arrow {
	font-size: 1.05em;
	line-height: 1;
	opacity: 0.9;
}

.farnost-pagination .wp-block-query-pagination-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem 0.85rem;
}

.farnost-pagination .wp-block-query-pagination-numbers a.page-numbers {
	color: var(--wp--preset--color--wine, #5c2433);
	text-decoration: none;
}

.farnost-pagination .wp-block-query-pagination-numbers a.page-numbers:hover {
	text-decoration: underline;
	text-underline-offset: 0.2em;
	text-decoration-thickness: 1px;
}

.farnost-pagination .wp-block-query-pagination-numbers .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	min-height: 2.5rem;
	padding: 0.35em 0.55em;
	box-sizing: border-box;
}

.farnost-pagination .wp-block-query-pagination-numbers .page-numbers.dots {
	min-width: auto;
	min-height: auto;
	padding: 0.2em 0.4em;
	color: var(--wp--preset--color--stone, #5c5854);
	text-decoration: none;
}

.farnost-pagination .wp-block-query-pagination-numbers span.page-numbers.current {
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding: 0.35em 0.65em;
	font-weight: 600;
	font-size: 1.05em;
	text-decoration: none;
	color: var(--wp--preset--color--paper, #fdfcfa) !important;
	background: var(--wp--preset--color--wine-dark, #3d1822);
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(61, 24, 34, 0.25);
}

.farnost-home-fallback .wp-element-button {
	display: inline-block;
	padding: 0.6rem 1.25rem;
	background: var(--wp--preset--color--wine, #5c2433);
	color: #fdfcfa !important;
	border-radius: 4px;
	text-decoration: none;
	font-family: var(--wp--preset--font-family--sans, system-ui, sans-serif);
	font-size: 0.9375rem;
}

.farnost-home-fallback .wp-element-button:hover {
	background: var(--wp--preset--color--wine-dark, #3d1822);
	color: #fff !important;
}

@media (max-width: 781px) {
	.farnost-header-band {
		padding-top: var(--wp--preset--spacing--40, 1rem);
		padding-bottom: var(--wp--preset--spacing--40, 1rem);
	}

	.farnost-header-inner {
		flex-direction: column;
		align-items: stretch;
		gap: var(--wp--preset--spacing--40, 1rem);
	}

	/* flex-grow:1 na brand pri stĺpci roztiahne blok a vytvorí veľkú medzeru nad citátom */
	.farnost-header-brand {
		flex: 0 0 auto;
		text-align: center;
	}

	.farnost-header-brand .wp-block-site-title,
	.farnost-header-brand .wp-block-site-title a,
	.farnost-header-brand .wp-block-site-tagline {
		text-align: center;
	}

	/* Citát len tablet + desktop (≥782px); na mobile skrytý */
	.farnost-header-quote {
		display: none !important;
	}

	.farnost-sidebar {
		position: static;
	}
}