/* Eventy – mapa, filtre a profily */

/* ====================================================================
 * Dizajnový systém „Lúč a rovnobežky"
 *
 * **Nikde v tomto súbore už nesmie byť farba, roh ani tieň napísaný
 * priamo** — všetko berie hodnotu odtiaľto, aby sa paleta dala vymeniť
 * aj vrátiť jedným blokom.
 *
 * Dve vrstvy. Hore tokeny systému, pod nimi role: čo v plugine akú
 * hodnotu berie. Rolu meň vtedy, keď prvok dostane iný význam;
 * token vtedy, keď sa mení paleta.
 *
 * Rohy sú od dávky 17 vrátené na hodnoty spred dávky 07 (viď nižšie).
 * Farby a tiene sú od tej istej dávky vrátené rovnako — zo skutočnej
 * zálohy CSS spred dávky 07 (`eventy-pred.css`), nie z DIZAJN.md.
 * Dve opravy chýb z dávky 07 pritom ostávajú: kontrast textu na
 * jantárovej ploche (token na-luci) a prstenec fokusu (pravidlo na
 * konci súboru) — obe bez ohľadu na to, aká je práve paleta.
 *
 * Tmavá téma Sála je nižšie pripravená, ale **zámerne nie je zapojená**:
 * šablóna GeneratePress tmavú tému nemá a plugin jej hlavičku ani
 * pätičku štýlovať nesmie, takže by tmavý výpis sedel vo svetlej
 * stránke. Zapnutie je jeden blok, keď bude šablóna hotová. Jej paleta
 * je zatiaľ tá z dávky 07 (DIZAJN.md) — návrat sa jej netýkal, je
 * neaktívna.
 *
 * Písmo sem zatiaľ nepatrí. Rodiny sú uvedené len ako hodnota
 * pre neskoršiu dávku; font-family sa nikde nenastavuje, dedí sa
 * zo šablóny.
 * ================================================================= */

:root {
	/* --- Tokeny systému, téma Papier --- */
	--eventy-token-surface-100:       #f2ede1;
	--eventy-token-surface-200:       #ffffff;
	--eventy-token-surface-300:       #eef2f0;
	/* Podklad jantárového pruhu a upozornenia. Vlastný token, lebo v pôvodnej
	   palete to bola teplá krémová, zreteľne iná než chladná vnorená plocha
	   vyššie — dávka 07 ich zlúčila pod jeden token, tu sa rozdeľujú späť. */
	--eventy-token-surface-akcent:    #fdf5ea;
	/* Značková tmavozelená spred dávky 07. Hrala naraz text, tmavé
	   pozadie (tlačidlá, hero) aj výrazný rámik — preto je nižšie
	   priradená trom rôznym tokenom naraz, presne ako v starej CSS. */
	--eventy-token-surface-noc:       #17302b;
	--eventy-token-surface-noc-stlac: #23453d;
	--eventy-token-ink:               #17302b;
	--eventy-token-ink-muted:         #6c6b65;
	--eventy-token-ink-na-noci:       #ffffff;
	--eventy-token-ink-muted-na-noci: #b9c8c2;
	--eventy-token-luc:               #f28c28;
	--eventy-token-luc-deep:          #9a6b2f;
	/* Bugfix z dávky 07, nie súčasť palety: stará hodnota bola biela,
	   kontrast na jantárovej asi 2 : 1 — nečitateľné. Ostáva bez ohľadu
	   na to, aká je paleta. */
	--eventy-token-na-luci:           #1a1406;
	--eventy-token-dialka:            #0b4f3e;
	--eventy-token-dialka-plocha:     #e1f5ee;
	--eventy-token-koniec:            #9a3c1c;
	--eventy-token-koniec-plocha:     #fbeee8;
	--eventy-token-ciara:             #e6e4de;
	--eventy-token-ciara-silna:       #17302b;
	/* Bugfix z dávky 07, nie súčasť palety: predtým sa obrys pri navigácii
	   klávesnicou na sedemnástich miestach rušil úplne. Farba ostáva
	   modrá bez ohľadu na paletu, aby prstenec bolo vždy vidieť zreteľne
	   oddelený od značkovej zelenej. */
	--eventy-token-fokus:             #1b4fd8;

	/* --- Role: čo v plugine akú hodnotu berie --- */

	/* Pozadie stránky. Šablóna si ho kreslí sama, plugin ho má len pre vlastné plochy */
	--eventy-plocha-stranky:        var(--eventy-token-surface-100);

	/* Karty podujatí, panely filtrov, dialógy */
	--eventy-plocha-karty:          var(--eventy-token-surface-200);

	/* Vnorené plochy: pole formulára, položka pod kurzorom, hlavička tabuľky */
	--eventy-plocha-vnorena:        var(--eventy-token-surface-300);

	/* Sála: tmavá v oboch témach. Tlačidlá, hero, pruhy */
	--eventy-plocha-noc:            var(--eventy-token-surface-noc);

	/* Tmavá plocha pri stlačení a pod kurzorom */
	--eventy-plocha-noc-stlac:      var(--eventy-token-surface-noc-stlac);

	/* Text na svetlej ploche */
	--eventy-text:                  var(--eventy-token-ink);

	/* Druhoradý text: miesto, dátum v zozname, popisky */
	--eventy-text-tichy:            var(--eventy-token-ink-muted);

	/* Text na tmavej ploche */
	--eventy-text-na-noci:          var(--eventy-token-ink-na-noci);

	/* Druhoradý text na tmavej ploche */
	--eventy-text-tichy-na-noci:    var(--eventy-token-ink-muted-na-noci);

	/* Dekoratívne vlásočnice. Nenesie význam */
	--eventy-ciara:                 var(--eventy-token-ciara);

	/* Orámovanie s významom: hranica poľa, obrys tlačidla */
	--eventy-ciara-silna:           var(--eventy-token-ciara-silna);

	/* Odkazy a jantárový text na svetlom. Nikdy nie luc */
	--eventy-odkaz:                 var(--eventy-token-luc-deep);

	/* Jantárová plocha a vzor na tmavom podklade */
	--eventy-akcent:                var(--eventy-token-luc);

	/* Text a ikony na jantárovej ploche. Nikdy nie biely */
	--eventy-na-akcente:            var(--eventy-token-na-luci);

	/* Podklad upozornenia a jantárového pruhu */
	--eventy-plocha-akcentu:        var(--eventy-token-surface-akcent);

	/* Vstup zadarmo, potvrdený odber, uložené */
	--eventy-dobra-sprava:          var(--eventy-token-dialka);

	/* Podklad štítku Zadarmo */
	--eventy-plocha-dobrej:         var(--eventy-token-dialka-plocha);

	/* Zrušené a vypredané */
	--eventy-koniec:                var(--eventy-token-koniec);

	/* Podklad štítku Zrušené a Vypredané */
	--eventy-plocha-konca:          var(--eventy-token-koniec-plocha);

	/* Prstenec pri navigácii klávesnicou. Nikdy sa neruší */
	--eventy-fokus:                 var(--eventy-token-fokus);

	/* --- Rohy. Systém je hranatý, oblý roh dostane len to,
	       čo sa dá stlačiť alebo vypnúť. --- */
	--eventy-roh-pole:              3px;     /* Vstupné polia a výber v paneli filtrov */
	--eventy-roh:                   6px;     /* Nepoužíva sa od dávky 17 — vrátené na pôvodné hodnoty pred dávkou 07, viď nižšie. Ostáva pre prípad ďalšej zmeny */
	--eventy-roh-dialog:            12px;    /* Dialóg, rozbalený panel, mapový popisok */
	--eventy-roh-pilulka:           999px;   /* Štítky a zapnuté filtre s krížikom */
	--eventy-roh-kruh:              999px;   /* Okrúhle ozdoby: posuvník, jazdec prepínača, dieliky krokov */
	--eventy-roh-ziadny:            0;       /* Vzory, hero a obrázky. Východisko systému */

	/* --- Tiene. Hodnoty zo zálohy spred dávky 07, farebný nádych rgba(20, 18, 12, …)
	       je teplá tmavohnedá namiesto chladnej modrosivej, ktorú zaviedla dávka 07. --- */
	/* Karta pod kurzorom, lepkavá lišta */
	--eventy-tien-zdvih: 0 6px 18px rgba(20, 18, 12, .07);
	/* Dialóg, rozbalený panel, okno na celú obrazovku */
	--eventy-tien-plavajuce: 0 10px 30px rgba(20, 18, 12, .12);
	/* Spodná lepkavá lišta, ktorá tieni nahor */
	--eventy-tien-lista: 0 -6px 20px rgba(20, 18, 12, .08);

	/* --- Písmo. Zatiaľ len hodnota, nikde sa nenastavuje. --- */
	--eventy-pismo-rozhranie: Archivo, system-ui, sans-serif;
	--eventy-pismo-text: Newsreader, Georgia, "Times New Roman", serif;
}

/* Tmavá téma Sála. Zapne sa tým, že sa tento blok odkomentuje
   a doplní sa k nemu tmavá téma šablóny. Do tej doby sa nepoužíva.

@media (prefers-color-scheme: dark) {
	:root {
		--eventy-token-surface-100:       #131a33;
		--eventy-token-surface-200:       #1d2544;
		--eventy-token-surface-300:       #28315a;
		--eventy-token-surface-noc:       #0d1327;
		--eventy-token-surface-noc-stlac: #070b18;
		--eventy-token-ink:               #f2ede1;
		--eventy-token-ink-muted:         #a6aec9;
		--eventy-token-ink-na-noci:       #f2ede1;
		--eventy-token-ink-muted-na-noci: #a6aec9;
		--eventy-token-luc:               #e3a53f;
		--eventy-token-luc-deep:          #e3a53f;
		--eventy-token-na-luci:           #1a1406;
		--eventy-token-dialka:            #5dcfb8;
		--eventy-token-dialka-plocha:     #123f3a;
		--eventy-token-koniec:            #f09080;
		--eventy-token-koniec-plocha:     #4a1a13;
		--eventy-token-ciara:             #2c3555;
		--eventy-token-ciara-silna:       #6a7499;
		--eventy-token-fokus:             #8fb0ff;

		--eventy-tien-zdvih: 0 1px 2px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .35);
		--eventy-tien-plavajuce: 0 8px 32px rgba(0, 0, 0, .6);
	}
}
*/

.eventy {
	/* Pevná šírka: šablóna má obsah vo flexboxe v stĺpci a výpis s auto
	   okrajmi by inak dostal šírku podľa obsahu. Pás súvisiacich udalostí
	   ho potom natiahol za pravý okraj a stránka pôsobila posunutá. */
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	overflow-x: clip;
	/* Bez tohto by sa výpis ako položka flexboxu v šablóne odmietol
	   zmenšiť pod šírku svojho najširšieho obsahu a vytlačil by celú
	   stránku do strany. */
	min-width: 0;
}

.eventy-dalsie,
.eventy-pas,
.eventy-mriezka,
.eventy-detail-mriezka,
.eventy-detail-mriezka > *,
.eventy-dlazdica,
.eventy-dlazdica-telo {
	min-width: 0;
}

.eventy *,
.eventy *::before,
.eventy *::after {
	box-sizing: border-box;
}

.eventy h1,
.eventy h2,
.eventy h3 {
	overflow-wrap: break-word;
}

/* ---------- Filtre ako pilulky ---------- */

.eventy-filtre {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin: 0 0 10px;
	padding: 12px;
	background: var(--eventy-plocha-vnorena);
	border-radius: 14px;
}

.eventy-vyber {
	position: relative;
}

.eventy-vyber > summary {
	list-style: none;
}

.eventy-vyber > summary::-webkit-details-marker {
	display: none;
}

.eventy-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 36px;
	padding: 0 14px;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	font-size: 13.5px;
	line-height: 1;
	color: var(--eventy-text);
	cursor: pointer;
	white-space: nowrap;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.eventy-pill:hover {
	border-color: var(--eventy-ciara);
}

.eventy-pill::after {
	content: "";
	width: 6px;
	height: 6px;
	border-right: 1.5px solid var(--eventy-ciara);
	border-bottom: 1.5px solid var(--eventy-ciara);
	transform: translateY(-2px) rotate(45deg);
	transition: transform 0.15s ease;
}

.eventy-vyber[open] > .eventy-pill::after {
	transform: translateY(1px) rotate(225deg);
}

.eventy-vyber.je-aktivna > .eventy-pill {
	background: var(--eventy-plocha-noc);
	border-color: var(--eventy-ciara-silna);
	color: var(--eventy-text-na-noci);
}

.eventy-vyber.je-aktivna > .eventy-pill::after {
	border-color: var(--eventy-plocha-dobrej);
}

/* Panel výberovníka */

.eventy-vyber-panel {
	position: absolute;
	z-index: 30;
	top: calc(100% + 6px);
	left: 0;
	min-width: 240px;
	padding: 6px;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-dialog);
	box-shadow: var(--eventy-tien-plavajuce);
}

.eventy-vyber-hladat {
	width: 100%;
	box-sizing: border-box;
	height: 36px;
	margin-bottom: 4px;
	padding: 0 12px;
	font-size: 16px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-vnorena);
	border: 1px solid transparent;
	border-radius: var(--eventy-roh-pole);
}

.eventy-vyber-hladat:focus {
	background: var(--eventy-plocha-karty);
	border-color: var(--eventy-ciara-silna);
}

.eventy-vyber-zoznam {
	max-height: 208px;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
}

.eventy-vyber-zoznam::-webkit-scrollbar {
	width: 8px;
}

.eventy-vyber-zoznam::-webkit-scrollbar-thumb {
	background: var(--eventy-ciara);
	border-radius: var(--eventy-roh-kruh);
	border: 2px solid var(--eventy-plocha-karty);
}

.eventy-vyber-polozka {
	display: block;
	padding: 9px 12px;
	font-size: 14px;
	line-height: 1.3;
	color: var(--eventy-text);
	text-decoration: none;
	border-radius: var(--eventy-roh-pole);
}

.eventy-vyber-polozka:hover {
	background: var(--eventy-plocha-vnorena);
}

.eventy-vyber-polozka.je-zvolena {
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text);
	font-weight: 600;
}

.eventy-vyber-nic {
	margin: 0;
	padding: 10px 12px;
	font-size: 13px;
	color: var(--eventy-text-tichy);
}

/* Termín */

.eventy-datum-panel form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: flex-end;
	padding: 6px;
}

.eventy-datum-panel label {
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

.eventy-datum-panel input[type="date"] {
	padding: 8px 10px;
	font-size: 14px;
	font-family: inherit;
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
	background: var(--eventy-plocha-karty);
	color: var(--eventy-text);
}

.eventy-btn {
	height: 36px;
	padding: 0 18px;
	font-size: 13.5px;
	font-family: inherit;
	border: 0;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-noc);
	color: var(--eventy-text-na-noci);
	cursor: pointer;
}

.eventy-reset {
	font-size: 13px;
	color: var(--eventy-text-tichy);
	text-decoration: none;
	padding: 0 4px;
}

.eventy-reset:hover {
	text-decoration: underline;
}

/* Prepínač dlaždice / mapa */

.eventy-prepinac {
	display: flex;
	gap: 2px;
	margin-left: auto;
	padding: 3px;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-prepinac a {
	padding: 6px 16px;
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none;
	color: var(--eventy-text-tichy);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-prepinac a.je-aktivny {
	background: var(--eventy-plocha-noc);
	color: var(--eventy-text-na-noci);
}

.eventy-poloha {
	margin: 0 0 20px;
	padding-left: 4px;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

.eventy-poloha.je-chyba {
	color: var(--eventy-koniec);
}

/* ---------- Dlaždice ---------- */

.eventy-mriezka {
	display: grid;
	max-width: 100%;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 22px 0 0;
}

@media (min-width: 780px) {
	.eventy-mriezka {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
	}

	.eventy-obrazok {
		aspect-ratio: 16 / 9;
	}

	.eventy-dlazdica-telo {
		padding: 14px 16px 16px;
	}

	.eventy-nazov {
	}
}

.eventy-dlazdica {
	position: relative;
	display: flex;
	flex-direction: column;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 14px;
	overflow: hidden;
	transition: border-color 0.15s ease;
}

.eventy-dlazdica:hover {
	border-color: var(--eventy-ciara);
	box-shadow: var(--eventy-tien-zdvih);
}

/* Odkaz z nadpisu pokrýva celú dlaždicu, aby sa dalo kliknúť kamkoľvek. */
.eventy-nazov a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.eventy-viac {
	/* Automatický horný okraj drží spodné dva riadky pri spodku dlaždice
	   aj vtedy, keď podujatie nemá miesto konania ani úryvok. */
	margin: auto 0 0;
	padding-top: 10px;
	order: 1;
	font-size: 12.5px;
	color: var(--eventy-text);
	display: flex;
	align-items: center;
	gap: 5px;
}

.eventy-viac span:first-child {
	border-bottom: 1px solid var(--eventy-plocha-dobrej);
}

.eventy-dlazdica:hover .eventy-viac span:first-child {
	border-bottom-color: var(--eventy-ciara-silna);
}

.eventy-vstupenky {
	position: relative;
	z-index: 2;
}

.eventy-dlazdica-odkaz {
	display: block;
	text-decoration: none;
}

.eventy-obrazok {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 6px;
	aspect-ratio: 16 / 9;
	background-size: cover;
	background-position: center;
	background-color: var(--eventy-plocha-vnorena);
}

.eventy-obrazok--nahrada[data-farba="0"] { background-color: #e6f1fb; color: #185fa5; }
.eventy-obrazok--nahrada[data-farba="1"] { background-color: #e1f5ee; color: #0f6e56; }
.eventy-obrazok--nahrada[data-farba="2"] { background-color: #faece7; color: #993c1d; }
.eventy-obrazok--nahrada[data-farba="3"] { background-color: #eeedfe; color: #534ab7; }
.eventy-obrazok--nahrada[data-farba="4"] { background-color: #faeeda; color: #854f0b; }
.eventy-obrazok--nahrada[data-farba="5"] { background-color: #eaf3de; color: #3b6d11; }

/* Dlaždica bez fotky: len farba a jemný vzor, žiadny text — je to doplnok,
   nie plnohodnotná fotka, preto je aj oveľa nižšia než fotka v pomere 16:9. */
.eventy-obrazok--nahrada {
	display: block;
	padding: 0;
	overflow: hidden;
}

.eventy-dlazdica .eventy-obrazok--nahrada {
	aspect-ratio: auto;
	height: 80px;
}

.eventy-nahrada-svg {
	display: block;
	width: 100%;
	height: 100%;
}

.eventy-dlazdica-telo {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 12px 14px 14px;
}

.eventy-datum-popis {
	display: flex;
	align-items: baseline;
	gap: 6px;
	min-width: 0;
	margin: 0;
	font-size: 11px;
	letter-spacing: 0.03em;
	color: var(--eventy-odkaz);
}

.eventy-datum-popis .eventy-datum-text {
	white-space: nowrap;
}

/* Mesto je v riadku s dátumom. Dlhý názov sa oreže, riadok nikdy nepretečie. */
.eventy-datum-mesto {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--eventy-text-tichy);
}

.eventy-datum-mesto::before {
	content: "· ";
}

.eventy-nazov {
	margin: 6px 0 6px;
	font-weight: 600;
}

.eventy-nazov a {
	color: var(--eventy-text);
	text-decoration: none;
}

.eventy-nazov a:hover {
	text-decoration: underline;
}

.eventy-miesto {
	margin: 0;
	font-size: 12px;
	line-height: 1.5;
	color: var(--eventy-text-tichy);
}

.eventy-miesto-nazov,
.eventy-miesto-mesto {
	display: block;
}

.eventy-navigovat {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted var(--eventy-ciara);
}

.eventy-navigovat:hover {
	color: var(--eventy-text);
	border-bottom-color: var(--eventy-ciara-silna);
}

.eventy-akcie {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	/* Cena a vstupenky sedia na spodku dlaždice, aby boli v mriežke
	   v jednej línii aj pri rôzne dlhých názvoch. */
	order: 2;
	margin: 14px 0 0;
	padding-top: 12px;
	border-top: 1px solid var(--eventy-ciara);
}

/* Neviditeľná vzpera vysoká ako tlačidlo Vstupenky. Spodný riadok je tak
   rovnako vysoký aj v dlaždici bez tlačidla a deliaca čiara nad ním je
   v celej mriežke v jednej línii. Funguje pri oboch modeloch box-sizing. */
.eventy-akcie::before {
	content: "";
	display: block;
	width: 0;
	/* 34 px = výška tlačidla Vstupenky aj tichej varianty Viac info s rámikom. */
	min-height: 34px;
}


.eventy-cena {
	font-size: 14px;
	font-weight: 600;
	color: var(--eventy-text);
	white-space: nowrap;
}

.eventy-vstupenky,
.eventy-vstupenky:link,
.eventy-vstupenky:visited {
	display: inline-block;
	margin-left: auto;
	padding: 7px 16px;
	font-size: 12.5px;
	line-height: 1.4;
	text-decoration: none;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-noc);
	color: var(--eventy-text-na-noci);
	white-space: nowrap;
}

.eventy-vstupenky:hover,
.eventy-vstupenky:focus,
.eventy-vstupenky:active {
	background: var(--eventy-plocha-noc-stlac);
	color: var(--eventy-text-na-noci);
	text-decoration: none;
}

.eventy-navigacia {
	display: inline-block;
	padding: 4px 13px;
	font-size: 12px;
	line-height: 1.5;
	text-decoration: none;
	border-radius: var(--eventy-roh-pilulka);
	border: 1px solid var(--eventy-ciara);
	color: var(--eventy-text-tichy);
}

.eventy-navigacia:hover {
	border-color: var(--eventy-ciara-silna);
	color: var(--eventy-text);
}

/* Celé dátumové pole otvára kalendárik, nielen ikona */
.eventy-datum-panel input[type="date"] {
	cursor: pointer;
}

.eventy-datum-panel input[type="date"]::-webkit-calendar-picker-indicator {
	cursor: pointer;
}

/* ---------- Mapa ---------- */

.eventy-mapa {
	height: 560px;
	margin: 22px 0 24px;
	border-radius: 14px;
	overflow: hidden;
	z-index: 0;
}

.eventy-mapa--male {
	height: 320px;
}

.eventy-popup strong {
	display: block;
	font-size: 15px;
}

.eventy-popup-obec {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

.eventy-popup ul {
	list-style: none;
	margin: 0 0 6px;
	padding: 0;
}

.eventy-popup li {
	margin-bottom: 6px;
	line-height: 1.35;
}

.eventy-popup li span {
	display: block;
	font-size: 11px;
	color: var(--eventy-odkaz);
}

.eventy-popup-viac {
	margin: 0 0 6px;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

/* ---------- Profily ---------- */

.eventy-profil {
	padding-top: 28px;
	padding-bottom: 48px;
}

.eventy-hlavicka {
	margin-bottom: 22px;
}

.eventy-nadradene {
	margin: 0 0 4px;
	font-size: 13px;
	color: var(--eventy-text-tichy);
}

.eventy-hlavicka h1 {
	margin: 0 0 8px;
}

.eventy-adresa {
	margin: 0 0 4px;
	color: var(--eventy-text-tichy);
}

.eventy-kontakt {
	margin: 0;
	font-size: 14px;
	display: flex;
	gap: 14px;
}

.eventy-profil h2 {
	margin: 32px 0 10px;
}

.eventy-zoznam {
	list-style: none;
	margin: 0;
	padding: 0;
}

.eventy-polozka {
	padding: 14px 0;
	border-bottom: 1px solid var(--eventy-ciara);
}

.eventy-miesta {
	list-style: none;
	margin: 0;
	padding: 0;
}

.eventy-miesta li {
	padding: 9px 0;
	border-bottom: 1px solid var(--eventy-ciara);
}

.eventy-miesta span {
	display: block;
	font-size: 13px;
	color: var(--eventy-text-tichy);
}

.eventy-archiv {
	opacity: 0.82;
}

.eventy-prazdne {
	padding: 18px;
	background: var(--eventy-plocha-vnorena);
	border-radius: 12px;
	color: var(--eventy-text-tichy);
}

/* ---------- Stránkovanie ---------- */

.eventy-strankovanie {
	display: flex;
	gap: 6px;
	margin: 26px 0 0;
}

.eventy-strankovanie a {
	padding: 6px 13px;
	font-size: 13px;
	text-decoration: none;
	color: var(--eventy-text-tichy);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-strankovanie a.je-aktivny {
	background: var(--eventy-plocha-noc);
	border-color: var(--eventy-ciara-silna);
	color: var(--eventy-text-na-noci);
}

@media (max-width: 560px) {
	.eventy {
		padding: 0 10px;
	}

	.eventy-filtre {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: stretch;
		padding: 10px;
		gap: 8px;
		border-radius: 14px;
	}

	.eventy-vyber {
		width: 100%;
	}

	.eventy-vyber > .eventy-pill {
		width: 100%;
		justify-content: space-between;
	}

	.eventy-pill-text {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.eventy-reset {
		grid-column: 1 / -1;
		text-align: center;
		padding: 4px 0;
	}

	.eventy-mriezka {
		gap: 10px;
	}

	.eventy-dlazdica-telo {
		padding: 10px 11px 12px;
	}

	.eventy-miesto-nazov {
		display: none;
	}

	.eventy-prepinac {
		grid-column: 1 / -1;
		margin-left: 0;
		width: 100%;
	}

	.eventy-prepinac a {
		flex: 1 1 0;
		text-align: center;
	}

	.eventy-vyber {
		position: static;
	}

	.eventy-vyber-panel {
		left: 10px;
		right: 10px;
		min-width: 0;
	}

	.eventy-mapa {
		height: 420px;
	}
}

/* ---------- Detail udalosti ---------- */

.eventy-detail {
	padding-top: 26px;
	padding-bottom: 60px;
}

.eventy-omrvinky {
	margin: 0 0 10px;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

.eventy-omrvinky a {
	color: var(--eventy-text-tichy);
	text-decoration: none;
}

.eventy-omrvinky a:hover {
	color: var(--eventy-text);
}

.eventy-detail-nazov {
	margin: 0 0 12px;
}

.eventy-detail-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 22px;
}

.eventy-znacka-termin {
	display: inline-block;
	padding: 6px 13px;
	font-size: 13px;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-akcentu);
	color: var(--eventy-odkaz);
}

.eventy-znacka-miesto {
	font-size: 13px;
	color: var(--eventy-text-tichy);
}

.eventy-znacka-miesto a {
	color: var(--eventy-text-tichy);
	text-decoration: none;
	border-bottom: 1px dotted var(--eventy-ciara);
}

.eventy-znacka-miesto a:hover {
	color: var(--eventy-text);
}

.eventy-detail-obrazok {
	border-radius: var(--eventy-roh-ziadny);
	background-size: cover;
	background-position: center;
	background-color: var(--eventy-plocha-vnorena);
	display: flex;
	align-items: center;
	justify-content: center;
}

.eventy-detail-popis {
	color: var(--eventy-text);
}

.eventy-detail-popis p {
	margin: 0 0 1em;
}

.eventy-prednasa {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 22px 0 0;
	padding-top: 18px;
	border-top: 1px solid var(--eventy-ciara);
	font-size: 14px;
}

.eventy-iniciala {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text);
	font-size: 14px;
}

.eventy-prednasa-popis {
	color: var(--eventy-text-tichy);
}

/* Karta so vstupenkami */

.eventy-karta {
	padding: 20px;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 16px;
}

@media (min-width: 880px) {
	.eventy-karta {
		position: sticky;
		top: 24px;
	}
}

@media (max-width: 879px) {
	.eventy-detail {
		padding-bottom: 40px;
	}
}

.eventy-karta-popis {
	margin: 0 0 4px;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

.eventy-karta-cena {
	margin: 0 0 16px;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.1;
	color: var(--eventy-text);
}

.eventy-karta-cta,
.eventy-karta-cta:link,
.eventy-karta-cta:visited {
	display: block;
	padding: 13px;
	text-align: center;
	font-size: 15px;
	text-decoration: none;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-noc);
	color: var(--eventy-text-na-noci);
}

.eventy-karta-cta:hover,
.eventy-karta-cta:focus,
.eventy-karta-cta:active {
	background: var(--eventy-plocha-noc-stlac);
	color: var(--eventy-text-na-noci);
}

.eventy-karta-zdroj {
	margin: 8px 0 0;
	font-size: 11px;
	text-align: center;
	color: var(--eventy-text-tichy);
}

.eventy-karta-udaje {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid var(--eventy-ciara);
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.eventy-karta-riadok {
	display: flex;
	gap: 10px;
	font-size: 13.5px;
	line-height: 1.45;
}

.eventy-karta-ikona {
	flex-shrink: 0;
	margin-top: 2px;
	color: var(--eventy-text-tichy);
}

.eventy-tlmene {
	color: var(--eventy-text-tichy);
}

.eventy-tmavy-odkaz {
	color: var(--eventy-text);
	text-decoration: none;
	border-bottom: 1px solid var(--eventy-ciara);
}

.eventy-tmavy-odkaz:hover {
	border-bottom-color: var(--eventy-ciara-silna);
}

.eventy-karta-tlacidla {
	display: flex;
	gap: 8px;
	margin-top: 16px;
}

.eventy-karta-tlacidla a {
	flex: 1;
	padding: 9px;
	text-align: center;
	font-size: 12.5px;
	text-decoration: none;
	color: var(--eventy-text);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-karta-tlacidla a:hover {
	border-color: var(--eventy-ciara-silna);
	color: var(--eventy-text);
}

/* Ďalšie prednášky */

.eventy-dalsie {
	max-width: 100%;
	overflow: hidden;
	margin-top: 34px;
	padding-top: 22px;
	border-top: 1px solid var(--eventy-ciara);
}

.eventy-dalsie h2 {
	margin: 0 0 14px;
}

.eventy-dalsie-mriezka {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 12px;
}

.eventy-dalsie-polozka {
	display: block;
	padding: 13px 14px;
	text-decoration: none;
	border: 1px solid var(--eventy-ciara);
	border-radius: 12px;
}

.eventy-dalsie-polozka:hover {
	border-color: var(--eventy-ciara);
}

.eventy-dalsie-nazov {
	display: block;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--eventy-text);
}

@media (max-width: 879px) {
	.eventy-detail-nazov {
	}
}

/* ---------- Zapnuté filtre ---------- */

.eventy-aktivne {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 16px;
	padding-left: 4px;
}

.eventy-aktivne-popis {
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

.eventy-aktivny,
.eventy-aktivny:link,
.eventy-aktivny:visited {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 5px 11px;
	font-size: 12.5px;
	line-height: 1.3;
	text-decoration: none;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text);
	border: 1px solid var(--eventy-plocha-dobrej);
}

.eventy-aktivny span {
	font-size: 14px;
	line-height: 1;
	color: var(--eventy-text-tichy);
}

.eventy-aktivny:hover {
	background: var(--eventy-plocha-noc);
	color: var(--eventy-text-na-noci);
	border-color: var(--eventy-ciara-silna);
}

.eventy-aktivny:hover span {
	color: var(--eventy-text-na-noci);
}

.eventy-aktivne-vsetky,
.eventy-aktivne-odkaz {
	font-size: 12px;
	color: var(--eventy-text-tichy);
	text-decoration: none;
}

.eventy-aktivne-vsetky:hover,
.eventy-aktivne-odkaz:hover {
	text-decoration: underline;
}

/* ---------- Späť a kalendár ---------- */

.eventy-spat {
	margin: 0 0 14px;
	font-size: 13px;
}

.eventy-spat a {
	color: var(--eventy-text-tichy);
	text-decoration: none;
}

.eventy-spat a:hover {
	color: var(--eventy-text);
}

/* Pridanie do kalendára: hlavné tlačidlo Google a vedľa úzka rozbaľovačka.
   Sú to dva samostatné prvky, klik na jeden nikdy nespustí druhý. */
.eventy-kalendar {
	position: relative;
	display: flex;
	gap: 6px;
	margin-top: 14px;
}

.eventy-kalendar-hlavne,
.eventy-kalendar-hlavne:link,
.eventy-kalendar-hlavne:visited {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 14px;
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
	color: var(--eventy-text);
	text-decoration: none;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-kalendar-hlavne:hover,
.eventy-kalendar-hlavne:focus {
	color: var(--eventy-text);
	border-color: var(--eventy-ciara-silna);
}

.eventy-kalendar-dalsie {
	flex: 0 0 44px;
}

.eventy-kalendar-dalsie > summary {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 100%;
	min-height: 44px;
	padding: 0 12px;
	font-size: 13px;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

.eventy-kalendar-dalsie > summary:hover,
.eventy-kalendar-dalsie[open] > summary {
	border-color: var(--eventy-ciara-silna);
}

.eventy-kalendar-dalsie > summary::-webkit-details-marker {
	display: none;
}

.eventy-kalendar-dalsie > summary::after {
	content: "";
	width: 6px;
	height: 6px;
	border-right: 1.5px solid var(--eventy-text-tichy);
	border-bottom: 1.5px solid var(--eventy-text-tichy);
	transform: translateY(-2px) rotate(45deg);
}

.eventy-kalendar-dalsie[open] > summary::after {
	transform: translateY(1px) rotate(225deg);
}

/* Na počítači je rozbaľovačka len šípka, text ostáva pre čítačky. */
.eventy-kalendar-dalsie-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* Aj na mobile ostávajú v jednom riadku: tlačidlo a vedľa neho úzka šípka.
   Text v šípke je len pre čítačky, inak by sa riadok zalomil na dva. */

.eventy-kalendar-panel {
	position: absolute;
	z-index: 30;
	left: 0;
	right: 0;
	top: calc(100% + 6px);
	padding: 6px;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-dialog);
	box-shadow: var(--eventy-tien-plavajuce);
}

.eventy-kalendar-panel a {
	display: block;
	padding: 9px 12px;
	font-size: 13.5px;
	color: var(--eventy-text);
	text-decoration: none;
	border-radius: 10px;
}

.eventy-kalendar-panel a:hover {
	background: var(--eventy-plocha-vnorena);
}

.eventy-kalendar-ics {
	margin-top: 4px;
	padding-top: 10px !important;
	border-top: 1px solid var(--eventy-ciara);
	border-radius: 0 0 10px 10px !important;
	font-size: 12px !important;
	color: var(--eventy-text-tichy) !important;
}

.eventy-dalsie + .eventy-dalsie {
	margin-top: 26px;
	padding-top: 22px;
}

.eventy-dalsie-miesto {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

/* ---------- Vodorovný pás s dlaždicami ---------- */

.eventy-dalsie-hlavicka {
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 14px;
}

.eventy-dalsie-hlavicka h2 {
	margin: 0;
}

.eventy-dalsie-vsetky {
	font-size: 13px;
	color: var(--eventy-text);
	text-decoration: none;
	max-width: 100%;
	overflow-wrap: break-word;
}

.eventy-dalsie-vsetky:hover {
	text-decoration: underline;
}

.eventy-pas {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

@media (max-width: 879px) {
	.eventy-pas {
		display: flex;
		gap: 12px;
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		scroll-snap-type: x proximity;
		overscroll-behavior-x: none;
		overscroll-behavior-inline: none;
		scrollbar-width: none;
		padding-bottom: 4px;
		touch-action: pan-x pan-y;
	}

	.eventy-pas::-webkit-scrollbar {
		display: none;
	}

	.eventy-pas .eventy-dlazdica {
		flex: 0 0 min(78%, 320px);
		max-width: min(78%, 320px);
		scroll-snap-align: start;
	}
}

/* ---------- Detail: usporiadanie ---------- */

.eventy-detail-mriezka {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	/* Text nesie stránku: karta s cenou, tlačidlami a miestom konania je
	   nad záhybom pred fotkou, nie po nej. */
	grid-template-areas:
		"karta"
		"obrazok"
		"uryvok"
		"obsah";
	gap: 20px;
	align-items: start;
}

/* Bez fotky niet čo vykresliť v ploche "obrazok" — rad sa o ňu nezmenšuje
   o prázdny riadok, lebo v ňom odteraz nestojí žiadny prvok. */
.eventy-detail-mriezka--bez-fotky {
	grid-template-areas:
		"karta"
		"uryvok"
		"obsah";
}

.eventy-uryvok {
	grid-area: uryvok;
}

.eventy-uryvok p {
	margin: 0;
	font-size: 16px;
	line-height: 1.65;
	color: var(--eventy-text);
}

.eventy-citat-viac {
	display: inline-block;
	margin-top: 8px;
	font-size: 13.5px;
	color: var(--eventy-text);
	text-decoration: none;
	border-bottom: 1px solid var(--eventy-plocha-dobrej);
}

.eventy-citat-viac:hover {
	border-bottom-color: var(--eventy-ciara-silna);
}

.eventy-detail-obrazok-obal {
	grid-area: obrazok;
}

.eventy-karta {
	grid-area: karta;
}

.eventy-detail-obsah {
	grid-area: obsah;
}

@media (min-width: 880px) {
	.eventy-detail-mriezka {
		grid-template-columns: minmax(0, 1.7fr) minmax(320px, 1fr);
		grid-template-areas:
			"obrazok karta"
			"obsah   karta";
		gap: 22px 32px;
	}

	.eventy-detail-mriezka--bez-fotky {
		grid-template-areas: "obsah karta";
	}

	/* Fotka je doplnok, nie hero: nezaberá celý stĺpec, popis pod ňou
	   naďalej používa jeho plnú šírku na čítanie. */
	.eventy-detail-obrazok-obal {
		max-width: 480px;
	}
}

.eventy-detail-obrazok {
	aspect-ratio: 16 / 9;
	height: auto;
	margin-bottom: 0;
}

/* Skrátený popis na mobile */

.eventy-detail-popis.je-skratene {
	position: relative;
	max-height: 200px;
	overflow: hidden;
}

.eventy-detail-popis.je-skratene::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 70px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--eventy-plocha-karty));
}

.eventy-popis-viac {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 10px;
	padding: 8px 16px;
	font-size: 13px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

.eventy-popis-viac:hover {
	border-color: var(--eventy-ciara-silna);
}


/* Poistka proti ťahaniu stránky do strany. Musí byť na html aj na body,
   inak prehliadač pravidlo z body prevezme na celé okno a spraví z tela
   posuvný priestor. Používam clip, nie hidden, aby sa nerozbila lepkavá
   karta na počítači. */
@media (max-width: 879px) {
	html:has(body.ma-eventy),
	body.ma-eventy {
		overflow-x: clip;
		max-width: 100%;
	}
}

/* Pás končí na okraji obsahu, nie na okraji obrazovky. */
@media (max-width: 879px) {
	.eventy-pas {
		scroll-padding-left: 0;
	}

	.eventy-dalsie {
		overflow-x: clip;
	}
}


/* Ani jedna nadradená vrstva šablóny sa nesmie nechať roztiahnuť
   obsahom pásu. Platí len na stránkach pluginu. */
body.ma-eventy .site-content,
body.ma-eventy .content-area,
body.ma-eventy .site-main,
body.ma-eventy .entry-content {
	min-width: 0;
	max-width: 100%;
}

/* ---------- Vyhľadávanie vo filtroch ---------- */

.eventy-hladanie {
	display: flex;
	align-items: center;
	gap: 7px;
	height: 36px;
	padding: 0 14px;
	min-width: 0;
	flex: 1 1 180px;
	max-width: 280px;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	color: var(--eventy-text-tichy);
}

.eventy-hladanie:focus-within {
	border-color: var(--eventy-ciara-silna);
	color: var(--eventy-text);
}

.eventy-hladanie input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	padding: 0;
	font-size: 13.5px;
	font-family: inherit;
	color: var(--eventy-text);
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.eventy-hladanie input[type="search"]::placeholder {
	color: var(--eventy-text-tichy);
	font-size: 13.5px;
}

.eventy-hladanie input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.eventy-hladat-btn {
	flex: 0 0 auto;
	height: 28px;
	padding: 0 14px;
	font-size: 12.5px;
	font-family: inherit;
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border: 0;
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

.eventy-hladat-btn[hidden] {
	display: none;
}

.eventy-hladat-btn:hover {
	background: var(--eventy-plocha-noc-stlac);
}

@media (max-width: 560px) {
	.eventy-hladanie {
		grid-column: 1 / -1;
		max-width: none;
	}
}

/* ---------- Profil mesta ---------- */

.eventy-uvod {
	margin: 10px 0 14px;
	max-width: 62ch;
	color: var(--eventy-text-tichy);
}

.eventy-cisla {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
}

.eventy-cisla span {
	padding: 5px 12px;
	font-size: 12.5px;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text-tichy);
}

.eventy-vyzva {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 36px;
	padding: 16px 18px;
	border: 1px solid var(--eventy-ciara);
	border-radius: 14px;
	font-size: 14px;
}

.eventy-vyzva a,
.eventy-vyzva a:link,
.eventy-vyzva a:visited {
	padding: 8px 18px;
	font-size: 13px;
	text-decoration: none;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-noc);
	color: var(--eventy-text-na-noci);
	white-space: nowrap;
}

.eventy-vyzva a:hover {
	background: var(--eventy-plocha-noc-stlac);
	color: var(--eventy-text-na-noci);
}

.eventy-profil .eventy-mriezka {
	margin-top: 4px;
}

/* ---------- Profil miesta a témy ---------- */

.eventy-akcie-profil {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.eventy-akcie-profil a,
.eventy-akcie-profil a:link,
.eventy-akcie-profil a:visited {
	padding: 7px 15px;
	font-size: 12.5px;
	text-decoration: none;
	color: var(--eventy-text);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-akcie-profil a:hover {
	border-color: var(--eventy-ciara-silna);
	color: var(--eventy-text);
}

.eventy-odkazy {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.eventy-odkazy a,
.eventy-odkazy a:link,
.eventy-odkazy a:visited {
	padding: 7px 15px;
	font-size: 13px;
	text-decoration: none;
	color: var(--eventy-text);
	background: var(--eventy-plocha-vnorena);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-odkazy a:hover {
	background: var(--eventy-plocha-noc);
	color: var(--eventy-text-na-noci);
}

.eventy-profil .eventy-polozka {
	padding: 12px 0;
}

.eventy-profil .eventy-polozka .eventy-nazov {
	margin: 4px 0 0;
}

/* ---------- Formulár na pridanie podujatia ---------- */

.eventy-formular {
	max-width: 760px;
	padding-top: 20px;
	padding-bottom: 60px;
}

.eventy-form fieldset {
	margin: 0 0 26px;
	padding: 20px;
	border: 1px solid var(--eventy-ciara);
	border-radius: 16px;
}

.eventy-form legend {
	padding: 0 8px;
	font-size: 13px;
	letter-spacing: 0.02em;
	color: var(--eventy-text-tichy);
}

.eventy-pole {
	display: block;
	margin-bottom: 16px;
}

.eventy-pole:last-child {
	margin-bottom: 0;
}

.eventy-pole > span {
	display: block;
	margin-bottom: 6px;
	font-size: 13.5px;
	color: var(--eventy-text);
}

.eventy-pole > span b {
	color: var(--eventy-koniec);
	font-weight: 400;
}

.eventy-pole input[type="text"],
.eventy-pole input[type="url"],
.eventy-pole input[type="email"],
.eventy-pole input[type="date"],
.eventy-pole input[type="time"],
.eventy-pole select,
.eventy-pole textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 13px;
	font-size: 16px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
}

.eventy-pole textarea {
	line-height: 1.6;
	resize: vertical;
}

.eventy-pole input:focus,
.eventy-pole select:focus,
.eventy-pole textarea:focus {
	border-color: var(--eventy-ciara-silna);
}

.eventy-pole small {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.5;
	color: var(--eventy-text-tichy);
}

.eventy-pole input[type="file"] {
	font-size: 13px;
}

.eventy-inline {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--eventy-text-tichy);
}

.eventy-dvojica,
.eventy-trojica {
	display: grid;
	gap: 14px;
}

@media (min-width: 620px) {
	.eventy-dvojica {
		grid-template-columns: 1fr 1fr;
	}

	.eventy-trojica {
		grid-template-columns: 1.4fr 1fr 1fr;
	}
}

.eventy-dvojica .eventy-pole,
.eventy-trojica .eventy-pole {
	margin-bottom: 0;
}

.eventy-vysvetlenie {
	margin: 0 0 16px;
	font-size: 13px;
	color: var(--eventy-text-tichy);
}

.eventy-pasca {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.eventy-chyby {
	margin-bottom: 22px;
	padding: 16px 18px;
	background: var(--eventy-plocha-konca);
	border: 1px solid var(--eventy-plocha-konca);
	border-radius: 12px;
	color: var(--eventy-koniec);
	font-size: 14px;
}

.eventy-chyby ul {
	margin: 8px 0 0;
	padding-left: 18px;
}

.eventy-odoslanie {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	margin: 0;
}

.eventy-odoslanie span {
	font-size: 12.5px;
	color: var(--eventy-text-tichy);
}

.eventy-btn--velke {
	height: 46px;
	padding: 0 26px;
	font-size: 15px;
}

.eventy-btn:disabled {
	opacity: 0.6;
	cursor: default;
}

.eventy-hotovo {
	padding: 34px 28px;
	text-align: center;
	background: var(--eventy-plocha-vnorena);
	border-radius: 16px;
}

.eventy-hotovo h2 {
	margin: 0 0 10px;
}

.eventy-hotovo p {
	margin: 0 0 16px;
	color: var(--eventy-text-tichy);
	line-height: 1.6;
}

.eventy-hotovo .eventy-btn {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: var(--eventy-text-na-noci);
}

.cf-turnstile {
	margin-bottom: 22px;
}

/* ---------- Štítky a našepkávač vo formulári ---------- */

.eventy-stitky {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.eventy-stitok {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.eventy-stitok input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}

.eventy-stitok span {
	display: inline-block;
	padding: 8px 15px;
	font-size: 13px;
	line-height: 1.2;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.eventy-stitok:hover span {
	border-color: var(--eventy-ciara);
}

.eventy-stitok input:checked + span {
	background: var(--eventy-plocha-noc);
	border-color: var(--eventy-ciara-silna);
	color: var(--eventy-text-na-noci);
}

.eventy-stitok input:focus-visible + span {
	outline: 2px solid var(--eventy-fokus);
	outline-offset: 2px;
}

.eventy-naseptavac {
	position: relative;
}

.eventy-naseptavac input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 13px;
	font-size: 16px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
}

.eventy-naseptavac input[type="text"]:focus {
	border-color: var(--eventy-ciara-silna);
}

.eventy-navrhy {
	position: absolute;
	z-index: 30;
	left: 0;
	right: 0;
	top: calc(100% - 22px);
	max-height: 260px;
	overflow-y: auto;
	padding: 6px;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-dialog);
	box-shadow: var(--eventy-tien-plavajuce);
}

.eventy-navrh {
	display: block;
	width: 100%;
	padding: 9px 12px;
	text-align: left;
	font-family: inherit;
	background: none;
	border: 0;
	border-radius: 10px;
	cursor: pointer;
}

.eventy-navrh:hover {
	background: var(--eventy-plocha-vnorena);
}

.eventy-navrh strong {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: var(--eventy-text);
}

.eventy-navrh span {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

.eventy-navrh em {
	display: inline-block;
	margin-top: 4px;
	padding: 2px 8px;
	font-size: 11px;
	font-style: normal;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text);
}

/* Formulár v rovnakom duchu ako úvodná stránka */

.eventy-form fieldset {
	background: var(--eventy-plocha-karty);
	border-radius: 16px;
}

.eventy-form legend {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.eventy-formular > .eventy-form > fieldset:first-of-type {
	border-color: var(--eventy-ciara);
}

/* ---------- Obrázok a prednášajúci vo formulári ---------- */

.eventy-nahratie {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 26px 20px;
	text-align: center;
	background: var(--eventy-plocha-vnorena);
	border: 1.5px dashed var(--eventy-ciara);
	border-radius: 14px;
	color: var(--eventy-text-tichy);
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.eventy-nahratie:hover {
	border-color: var(--eventy-ciara-silna);
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text);
}

.eventy-nahratie strong {
	font-size: 14px;
	font-weight: 600;
	color: var(--eventy-text);
}

.eventy-nahratie span {
	font-size: 12px;
	line-height: 1.5;
}

.eventy-nahratie input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
}

.eventy-nazov-suboru {
	margin: 8px 0 0;
	padding: 8px 12px;
	font-size: 12.5px;
	background: var(--eventy-plocha-vnorena);
	border-radius: 10px;
	color: var(--eventy-text);
}

.eventy-upozornenie {
	margin-top: 18px;
	padding: 16px 18px;
	background: var(--eventy-plocha-akcentu);
	border: 1px solid var(--eventy-akcent);
	border-radius: 12px;
}

.eventy-upozornenie strong {
	display: block;
	margin-bottom: 6px;
	font-size: 13.5px;
	color: var(--eventy-odkaz);
}

.eventy-upozornenie p {
	margin: 0 0 8px;
	font-size: 12.5px;
	line-height: 1.6;
	color: var(--eventy-text-tichy);
}

.eventy-suhlas {
	margin-top: 10px;
	font-size: 13px;
	color: var(--eventy-text);
	align-items: flex-start;
}

.eventy-suhlas input {
	margin-top: 2px;
}

.eventy-mena {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.eventy-mena input {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 13px;
	font-size: 16px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
}

.eventy-mena input:focus {
	border-color: var(--eventy-ciara-silna);
}

.eventy-pridat-meno {
	margin-top: 8px;
	padding: 7px 15px;
	font-size: 12.5px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

.eventy-pridat-meno:hover {
	border-color: var(--eventy-ciara-silna);
}

/* ---------- Odoberanie kalendára ---------- */

.eventy-odoberat {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: 34px;
	padding: 18px 20px;
	background: var(--eventy-plocha-vnorena);
	border-radius: 16px;
}

.eventy-odoberat strong {
	display: block;
	font-size: 15px;
	color: var(--eventy-text);
}

.eventy-odoberat p {
	margin: 4px 0 0;
	font-size: 13px;
	line-height: 1.55;
	color: var(--eventy-text-tichy);
	max-width: 46ch;
}

.eventy-odoberat-akcie {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.eventy-odoberat-akcie .eventy-btn,
.eventy-odoberat-akcie .eventy-btn:link,
.eventy-odoberat-akcie .eventy-btn:visited {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: var(--eventy-text-na-noci);
}

.eventy-odoberat-akcie input {
	width: 210px;
	max-width: 100%;
	height: 36px;
	padding: 0 12px;
	font-size: 12px;
	font-family: inherit;
	color: var(--eventy-text-tichy);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
}

.eventy-odoberat-akcie input:focus {
	border-color: var(--eventy-ciara-silna);
	color: var(--eventy-text);
}

@media (max-width: 560px) {
	.eventy-odoberat-akcie {
		width: 100%;
	}

	.eventy-odoberat-akcie .eventy-btn {
		width: 100%;
		justify-content: center;
	}

	.eventy-odoberat-akcie input {
		width: 100%;
	}
}

/* ---------- Zrušené ---------- */

.eventy-zrusene-pruzok {
	margin: 0 0 16px;
	padding: 12px 16px;
	background: var(--eventy-plocha-konca);
	border: 1px solid var(--eventy-plocha-konca);
	border-radius: 12px;
	font-size: 14px;
	color: var(--eventy-koniec);
}

.eventy-zrusene-znacka {
	display: inline-block;
	padding: 2px 9px;
	font-size: 11px;
	letter-spacing: 0.03em;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-konca);
	color: var(--eventy-koniec);
}

.eventy-dlazdica.je-zrusena .eventy-datum-text,
.eventy-terminy li.je-zrusena .eventy-termin-datum {
	text-decoration: line-through;
	color: var(--eventy-text-tichy);
}

.eventy-dlazdica.je-zrusena .eventy-obrazok {
	filter: grayscale(1);
	opacity: 0.75;
}

/* ---------- Turné ---------- */

.eventy-turne-pruzok {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 30px;
	padding: 14px 18px;
	background: var(--eventy-plocha-vnorena);
	border-radius: 14px;
	font-size: 14px;
	color: var(--eventy-text);
}

.eventy-turne-pruzok a {
	color: var(--eventy-text);
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.eventy-turne-popis {
	margin-bottom: 26px;
}

.eventy-terminy {
	list-style: none;
	margin: 0;
	padding: 0;
}

.eventy-terminy li {
	display: grid;
	grid-template-columns: minmax(0, 160px) minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid var(--eventy-ciara);
}

.eventy-termin-datum {
	font-size: 12.5px;
	color: var(--eventy-odkaz);
}

.eventy-termin-miesto a {
	font-size: 15px;
	font-weight: 600;
	color: var(--eventy-text);
	text-decoration: none;
}

.eventy-termin-miesto small {
	display: block;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

@media (max-width: 560px) {
	.eventy-terminy li {
		grid-template-columns: 1fr auto;
		grid-template-areas:
			"datum akcia"
			"miesto akcia";
		gap: 4px 10px;
	}

	.eventy-termin-datum { grid-area: datum; }
	.eventy-termin-miesto { grid-area: miesto; }
	.eventy-termin-akcia { grid-area: akcia; }
}

/* ---------- Hlásenie chyby ---------- */

.eventy-hlasenie {
	margin-top: 34px;
	padding-top: 18px;
	border-top: 1px solid var(--eventy-ciara);
}

.eventy-hlasenie > summary {
	list-style: none;
	font-size: 12.5px;
	color: var(--eventy-text-tichy);
	cursor: pointer;
}

.eventy-hlasenie > summary::-webkit-details-marker {
	display: none;
}

.eventy-hlasenie > summary:hover {
	color: var(--eventy-text);
}

.eventy-hlasenie-panel {
	margin-top: 14px;
	padding: 18px 20px;
	background: var(--eventy-plocha-vnorena);
	border-radius: var(--eventy-roh-dialog);
}

.eventy-hlasenie-popis {
	margin: 0 0 10px;
	font-size: 13px;
	color: var(--eventy-text-tichy);
}

.eventy-hlasenie-panel .eventy-pole {
	margin-top: 14px;
}

.eventy-hlasenie-dakujeme {
	margin: 0;
	font-size: 14px;
	color: var(--eventy-text);
}

.eventy-hlasenie-chyba {
	margin: 0 0 10px;
	font-size: 13px;
	color: var(--eventy-koniec);
}

/* ---------- Odber ---------- */

.eventy-odber {
	margin-top: 26px;
	padding: 18px 20px;
	background: var(--eventy-plocha-noc);
	border-radius: 16px;
	color: var(--eventy-plocha-dobrej);
}

.eventy-odber strong {
	display: block;
	font-size: 15px;
	color: var(--eventy-text-na-noci);
}

.eventy-odber p {
	margin: 4px 0 12px;
	font-size: 13px;
	line-height: 1.55;
	color: var(--eventy-text-tichy-na-noci);
	max-width: 48ch;
}

.eventy-odber-form {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.eventy-odber-form input[type="email"] {
	flex: 1 1 200px;
	min-width: 0;
	height: 40px;
	padding: 0 15px;
	font-size: 16px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 0;
	border-radius: var(--eventy-roh-pole);
}

.eventy-odber-form .eventy-btn {
	height: 40px;
	background: var(--eventy-plocha-karty);
	color: var(--eventy-text);
	font-weight: 600;
}

.eventy-odber-form .eventy-btn:hover {
	background: var(--eventy-plocha-dobrej);
}

.eventy-odber small {
	display: block;
	margin-top: 10px;
	font-size: 11.5px;
	color: var(--eventy-text-tichy-na-noci);
}

.eventy-odber-hotovo {
	margin: 0;
	font-size: 14px;
	color: var(--eventy-text-na-noci);
}

.eventy-odber-chyba {
	margin: 10px 0 0;
	font-size: 13px;
	color: var(--eventy-koniec);
}

.eventy-oznam {
	margin: 0 0 20px;
	padding: 14px 18px;
	background: var(--eventy-plocha-vnorena);
	border-radius: 12px;
	font-size: 14px;
	color: var(--eventy-text);
}

.eventy-odber-odpoved {
	margin: 12px 0 0;
	padding: 10px 14px;
	font-size: 13.5px;
	line-height: 1.5;
	background: rgba(255, 255, 255, 0.12);
	border-radius: 10px;
	color: var(--eventy-text-na-noci);
}

.eventy-odber-odpoved.je-chyba {
	background: rgba(243, 196, 179, 0.16);
	color: var(--eventy-koniec);
}

/* ---------- Potvrdenie odberu ---------- */

.eventy-stav {
	padding-top: 60px;
	padding-bottom: 80px;
}

.eventy-stav-obal {
	max-width: 520px;
	margin: 0 auto;
	padding: 40px 32px;
	text-align: center;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 20px;
}

.eventy-stav-ikona {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin-bottom: 18px;
	border-radius: 50%;
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text-tichy);
}

.eventy-stav-ikona--ok {
	background: var(--eventy-plocha-dobrej);
	color: var(--eventy-text);
}

.eventy-stav-obal h1 {
	margin: 0 0 10px;
}

.eventy-stav-obal p {
	margin: 0 auto 22px;
	max-width: 40ch;
	font-size: 15px;
	line-height: 1.65;
	color: var(--eventy-text-tichy);
}

.eventy-stav-tlacidla {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 14px;
}

.eventy-stav-tlacidla .eventy-btn,
.eventy-stav-tlacidla .eventy-btn:link,
.eventy-stav-tlacidla .eventy-btn:visited {
	display: inline-flex;
	align-items: center;
	height: 44px;
	padding: 0 24px;
	font-size: 15px;
	text-decoration: none;
	color: var(--eventy-text-na-noci);
}

.eventy-stav-vedlajsie {
	font-size: 14px;
	color: var(--eventy-text-tichy);
	text-decoration: none;
	border-bottom: 1px solid var(--eventy-ciara);
}

.eventy-stav-vedlajsie:hover {
	color: var(--eventy-text);
	border-bottom-color: var(--eventy-ciara-silna);
}

.eventy-stav-poznamka {
	margin-top: 24px !important;
	font-size: 12.5px !important;
	color: var(--eventy-text-tichy) !important;
}

/* ---------- Program podujatia ---------- */

.eventy-program {
	margin-top: 22px;
}

.eventy-program h2 {
	margin: 0 0 8px;
}

.eventy-program-polozka {
	display: flex;
	gap: 14px;
	padding: 12px 0;
	border-top: 1px solid var(--eventy-ciara);
}

.eventy-program-polozka:last-child {
	border-bottom: 1px solid var(--eventy-ciara);
}

.eventy-program-cas {
	flex: 0 0 56px;
	font-size: 13px;
	color: var(--eventy-odkaz);
}

.eventy-program-polozka.je-prestavka .eventy-program-cas {
	color: var(--eventy-text-tichy);
}

.eventy-program-telo strong {
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--eventy-text);
}

.eventy-program-telo em {
	font-size: 13.5px;
	color: var(--eventy-text-tichy);
}

.eventy-program-detail {
	display: block;
	margin-top: 2px;
	font-size: 12.5px;
	color: var(--eventy-text-tichy);
}

.eventy-program-detail a {
	color: var(--eventy-text);
	text-decoration: none;
	border-bottom: 1px solid var(--eventy-plocha-dobrej);
}

/* Viacdňový program: skupina dní s nadpisom „Piatok 14. 11.“ */
.eventy-program-den + .eventy-program-den {
	margin-top: 22px;
}

.eventy-program-den-nadpis {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 6px;
	color: var(--eventy-text);
}

.eventy-program-dnes {
	padding: 2px 9px;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-program-dnes[hidden] {
	display: none;
}

/* Podujatie práve prebieha: dnešný deň je výrazný, ostatné tichšie. */
.eventy-program-den.je-dnes {
	padding-left: 12px;
	border-left: 3px solid var(--eventy-ciara-silna);
}

.eventy-program-den.je-tiche .eventy-program-den-nadpis,
.eventy-program-den.je-tiche .eventy-program-telo strong {
	color: var(--eventy-text-tichy);
}

.eventy-program-den.je-tiche .eventy-program-cas,
.eventy-program-den.je-tiche .eventy-program-detail {
	color: var(--eventy-text-tichy);
}

/* Značka v rohu obrázka */

.eventy-obrazok-obal {
	position: relative;
	display: block;
}

.eventy-znacka-rohu {
	position: absolute;
	left: 9px;
	top: 9px;
	z-index: 2;
	padding: 4px 11px;
	font-size: 11px;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-karty);
	color: var(--eventy-text);
}

/* Časť sveta, kam cesta vedie — voľný roh vľavo dole, oproti odznaku videa. */
.eventy-znacka-kde {
	position: absolute;
	left: 9px;
	bottom: 9px;
	z-index: 2;
	max-width: calc(100% - 62px);
	padding: 4px 11px;
	overflow: hidden;
	font-size: 11px;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-karty);
	color: var(--eventy-text-tichy);
}

.eventy-zhrnutie {
	margin: 0 0 4px;
	font-size: 12px;
	line-height: 1.5;
	color: var(--eventy-text-tichy);
}

/* Prednášky v dlaždici: názov a pod ním meno, najviac tri a „a ďalšie“. */

.eventy-dlazdica-prednasky {
	margin: 0 0 4px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 1.45;
	color: var(--eventy-text-tichy);
}

.eventy-dlazdica-prednasky li {
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eventy-dlazdica-prednaska-nazov {
	color: var(--eventy-text);
}

.eventy-dlazdica-prednaska-kto::before {
	content: "· ";
}

.eventy-dlazdica-prednasky-viac {
	color: var(--eventy-text-tichy);
}

/* Na profile prezentujúceho: jeho prednáška pod názvom večera. */

.eventy-dlazdica-prednaska-jeho {
	margin: 0 0 4px;
	font-size: 12px;
	line-height: 1.5;
	color: var(--eventy-text);
}

.eventy-dlazdica-prednaska-popis {
	color: var(--eventy-text-tichy);
}

/* O čom prednáša */

.eventy-prednasky-prehlad {
	margin: 0 0 26px;
}

.eventy-prednasky-zoznam {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.eventy-prednasky-zoznam li {
	margin: 0;
	padding: 6px 12px;
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	font-size: 13px;
	line-height: 1.3;
}

.eventy-prednaska-pocet {
	color: var(--eventy-text-tichy);
}

/* Prázdny profil: veta, výrazné sledovanie a okolie */

.eventy-prazdny {
	margin: 0 0 28px;
}

.eventy-prazdny-veta {
	margin: 0 0 14px;
	font-size: 17px;
	line-height: 1.5;
}

.eventy-prazdny-sledovat {
	padding: 18px 20px;
	border: 1px solid var(--eventy-plocha-dobrej);
	border-radius: 12px;
	background: var(--eventy-plocha-dobrej);
}

.eventy-prazdny-vyzva {
	margin: 0 0 12px;
	line-height: 1.55;
}

.eventy-prazdny-sledovat .eventy-sledovat {
	margin: 0;
}

.eventy-prazdny-okolie {
	margin: 0 0 28px;
}

.eventy-prazdny-km {
	color: var(--eventy-text-tichy);
	font-size: 13px;
}

/* Riadok o potvrdení údajov */

.eventy-potvrdenie {
	margin: 0 0 8px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--eventy-text-tichy);
	cursor: help;
}

.eventy-potvrdenie--upozornenie {
	color: var(--eventy-odkaz);
}

.eventy-potvrdenie--vazne {
	color: var(--eventy-koniec);
	font-weight: 600;
}

/* Časté otázky na profile mesta */

.eventy-faq {
	max-width: 70ch;
	margin: 0 0 30px;
}

.eventy-faq-polozka {
	border-bottom: 1px solid var(--eventy-ciara);
}

.eventy-faq-polozka > summary {
	padding: 12px 0;
	cursor: pointer;
	font-weight: 600;
	line-height: 1.45;
}

.eventy-faq-polozka > p {
	margin: 0 0 14px;
	line-height: 1.6;
}

/* Rozcestníky /mesta/, /miesta-konania/, /prezentujuci/ */

.eventy-rozcestnik section {
	margin: 0 0 30px;
}

.eventy-rozcestnik-zoznam {
	margin: 0;
	padding: 0;
	list-style: none;
}

.eventy-rozcestnik-zoznam li {
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px solid var(--eventy-ciara);
	line-height: 1.45;
}

.eventy-rozcestnik-zoznam--mesta {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 0 24px;
}

.eventy-rozcestnik-adresa,
.eventy-rozcestnik-pocet,
.eventy-rozcestnik-mesta {
	color: var(--eventy-text-tichy);
	font-size: 13px;
}

.eventy-rozcestnik-mesta {
	display: block;
}

.eventy-rozcestnik-mesto h3 {
	margin: 0 0 6px;
}

.eventy-rozcestnik-tiche {
	padding-top: 20px;
	border-top: 1px solid var(--eventy-ciara);
}

.eventy-rozcestnik-ludia {
	margin: 0;
	padding: 0;
	list-style: none;
}

.eventy-rozcestnik-clovek {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid var(--eventy-ciara);
	line-height: 1.45;
}

.eventy-rozcestnik-meno {
	font-weight: 600;
}

.eventy-rozcestnik-prevzaty {
	display: inline-block;
	padding: 1px 8px;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-dobrej);
	color: var(--eventy-dobra-sprava);
	font-size: 12px;
}

.eventy-rozcestnik-zdroje {
	max-width: 70ch;
	margin: 0 0 22px;
	color: var(--eventy-text-tichy);
	line-height: 1.55;
}

/* Čakacia listina */

.eventy-cakacia {
	margin: 0 0 28px;
}

.eventy-cakacia--vyrazne {
	margin-top: 14px;
	padding: 18px 20px;
	border: 1px solid var(--eventy-plocha-dobrej);
	border-radius: 12px;
	background: var(--eventy-plocha-dobrej);
}

.eventy-cakacia--ticho {
	max-width: 62ch;
	margin-top: 32px;
	padding-top: 20px;
	border-top: 1px solid var(--eventy-ciara);
}

.eventy-cakacia-nadpis {
	margin: 0 0 6px;
}

.eventy-cakacia-veta {
	margin: 0 0 12px;
	line-height: 1.55;
}

.eventy-cakacia-riadok {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 10px;
}

.eventy-cakacia-riadok input[type="email"] {
	flex: 1 1 220px;
	min-width: 0;
	padding: 10px 12px;
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
}

.eventy-cakacia-suhlas {
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
	color: var(--eventy-text-tichy);
}

.eventy-cakacia-suhlas input {
	margin-right: 6px;
}

.eventy-cakacia-hotovo {
	margin: 0;
	padding: 12px 14px;
	border: 1px solid var(--eventy-plocha-dobrej);
	border-radius: 10px;
	background: var(--eventy-plocha-karty);
	line-height: 1.55;
}

.eventy-cakacia-chyba {
	margin: 0 0 10px;
	color: var(--eventy-koniec);
}

/* Ste to vy? / Ste tento organizátor? */

.eventy-ste-to-vy {
	margin: 4px 0 10px;
	font-size: 13px;
}

.eventy-ste-to-vy > summary {
	display: inline-block;
	color: var(--eventy-text-tichy);
	cursor: pointer;
	list-style: none;
}

.eventy-ste-to-vy > summary::-webkit-details-marker {
	display: none;
}

.eventy-ste-to-vy > summary:hover {
	color: var(--eventy-text);
}

.eventy-ste-to-vy-telo {
	max-width: 62ch;
	margin-top: 8px;
	padding: 12px 14px;
	border: 1px solid var(--eventy-ciara);
	border-radius: 10px;
	line-height: 1.55;
}

.eventy-ste-to-vy-telo p {
	margin: 0 0 8px;
}

.eventy-ste-to-vy-telo p:last-child {
	margin-bottom: 0;
}

/* Organizátor */

.eventy-organizator {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 14px 0 0;
	padding-top: 14px;
	border-top: 1px solid var(--eventy-ciara);
	font-size: 14px;
}

.eventy-organizator a {
	color: var(--eventy-text);
	text-decoration: none;
	border-bottom: 1px solid var(--eventy-ciara);
}

.eventy-organizator a:hover {
	border-bottom-color: var(--eventy-ciara-silna);
}

.eventy-iniciala--tiha {
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text-tichy);
}

/* ---------- Doplnky tretieho kroku ---------- */

.eventy-uryvok--mobil {
	display: block;
}

@media (min-width: 880px) {
	.eventy-uryvok--mobil {
		display: none;
	}
}

.eventy-cena--volny {
	color: var(--eventy-dobra-sprava);
}

.eventy-vstupenky--tiha,
.eventy-vstupenky--tiha:link,
.eventy-vstupenky--tiha:visited {
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	color: var(--eventy-text);
}

.eventy-vstupenky--tiha:hover {
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text);
}

.eventy-karta-cta--tiha,
.eventy-karta-cta--tiha:link,
.eventy-karta-cta--tiha:visited {
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara-silna);
	color: var(--eventy-text);
}

.eventy-karta-cta--tiha:hover {
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text);
}

/* Galéria */

.eventy-galeria {
	position: relative;
	border-radius: var(--eventy-roh-ziadny);
	overflow: hidden;
}

.eventy-galeria-pas {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	overscroll-behavior-x: none;
	scrollbar-width: none;
}

.eventy-galeria-pas::-webkit-scrollbar {
	display: none;
}

.eventy-galeria-pas .eventy-detail-obrazok {
	flex: 0 0 100%;
	scroll-snap-align: start;
	border-radius: 0;
}

.eventy-galeria-bodky {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	display: flex;
	justify-content: center;
	gap: 6px;
}

/* Bodka je malá, klikacia plocha okolo nej veľká, nech sa dá trafiť myšou. */
.eventy-galeria-bodky button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.eventy-galeria-bodky button span {
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.55);
	transition: width 0.15s ease, background 0.15s ease;
}

.eventy-galeria-bodky button.je-aktivna span {
	width: 18px;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-karty);
}

.eventy-galeria-bodky button:hover span {
	background: rgba(255, 255, 255, 0.85);
}

.eventy-galeria:focus-visible {
	outline: 2px solid var(--eventy-fokus);
	outline-offset: 2px;
}

/* Šípky na počítači: okrúhle biele tlačidlá, ukážu sa až pri prejdení myšou.
   Na dotykových zariadeniach sa nezobrazujú vôbec, tam funguje potiahnutie. */
.eventy-galeria-sipka {
	display: none;
}

@media (min-width: 880px) and (hover: hover) and (pointer: fine) {
	.eventy-galeria-sipka {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 38px;
		height: 38px;
		padding: 0;
		color: var(--eventy-text);
		background: rgba(255, 255, 255, 0.94);
		border: 0;
		border-radius: 50%;
		box-shadow: var(--eventy-tien-zdvih);
		cursor: pointer;
		opacity: 0;
		transition: opacity 0.15s ease, background 0.15s ease;
	}

	.eventy-galeria-sipka--spat {
		left: 10px;
	}

	.eventy-galeria-sipka--dalej {
		right: 10px;
	}

	.eventy-galeria:hover .eventy-galeria-sipka,
	.eventy-galeria:focus-within .eventy-galeria-sipka {
		opacity: 1;
	}

	.eventy-galeria-sipka:hover {
		background: var(--eventy-plocha-karty);
	}

	/* Na kraji galérie šípka zmizne a nedá sa na ňu kliknúť. */
	.eventy-galeria:hover .eventy-galeria-sipka[disabled],
	.eventy-galeria:focus-within .eventy-galeria-sipka[disabled] {
		opacity: 0;
		pointer-events: none;
	}
}

/* Karty miest konania */

.eventy-miesta-mriezka {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
}

.eventy-miesto-karta {
	display: block;
	padding: 14px 16px;
	text-decoration: none;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 12px;
}

.eventy-miesto-karta:hover {
	border-color: var(--eventy-ciara);
}

.eventy-miesto-karta-nazov {
	display: block;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--eventy-text);
}

.eventy-miesto-karta-adresa {
	display: block;
	margin-top: 3px;
	font-size: 12.5px;
	color: var(--eventy-text-tichy);
}

.eventy-miesto-karta-pocet {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	color: var(--eventy-text);
}

/* Stránkovanie */

.eventy-strankovanie {
	flex-wrap: wrap;
	align-items: center;
}

.eventy-strankovanie-sip {
	font-size: 12.5px !important;
}

.eventy-strankovanie-bodky {
	padding: 6px 4px;
	color: var(--eventy-text-tichy);
}

/* Newsletter ako dlaždica */

/* Dlaždica má rovnaký vzorovaný podklad ako podujatie bez fotky, obsah je
   zvislo aj vodorovne v strede. Vzor je pod obsahom, preto má vlastnú vrstvu. */
.eventy-odber--dlazdica {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 18px 16px;
	border-radius: 12px;
	text-align: center;
}

.eventy-odber-vzor {
	position: absolute;
	inset: 0;
	opacity: 0.35;
	pointer-events: none;
}

.eventy-odber-telo {
	position: relative;
	width: 100%;
}

.eventy-odber--dlazdica p {
	margin: 6px auto 12px;
	max-width: 30ch;
	font-size: 12.5px;
}

.eventy-odber--dlazdica strong {
	font-size: 14.5px;
	line-height: 1.35;
}

.eventy-odber--dlazdica .eventy-odber-form {
	flex-direction: column;
	gap: 6px;
}

.eventy-odber--dlazdica .eventy-odber-form input[type="email"] {
	flex: 1 1 auto;
	width: 100%;
	height: 38px;
	font-size: 14px;
	text-align: center;
}

.eventy-odber--dlazdica .eventy-odber-form .eventy-btn {
	width: 100%;
	height: 38px;
}

/* Po odoslaní: veľká fajka a dve vety, žiadny sivý rámček. */
.eventy-odber--dlazdica .eventy-odber-hotovo {
	display: block;
}

.eventy-odber-fajka {
	display: block;
	margin-bottom: 8px;
	color: var(--eventy-text-na-noci);
}

.eventy-odber--dlazdica .eventy-odber-odpoved {
	background: none;
	padding: 6px 0 0;
	font-size: 12.5px;
}

/* Hlásenie chyby v karte */

.eventy-karta .eventy-hlasenie {
	margin-top: 12px;
	padding-top: 10px;
}

.eventy-karta .eventy-hlasenie > summary {
	text-align: center;
	font-size: 11.5px;
}

.eventy-karta .eventy-hlasenie-panel {
	padding: 13px;
	margin-top: 10px;
}

.eventy-karta .eventy-stitok span {
	padding: 6px 11px;
	font-size: 11.5px;
}

/* ---------- Typ podujatia a opakované riadky ---------- */

.eventy-typ {
	margin-bottom: 26px;
	padding: 16px 18px;
	background: var(--eventy-plocha-vnorena);
	border-radius: 14px;
}

.eventy-typ-popis {
	display: block;
	margin-bottom: 9px;
	font-size: 13px;
	color: var(--eventy-text-tichy);
}

.eventy-typ-volby {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.eventy-typ small {
	display: block;
	margin-top: 10px;
	font-size: 12.5px;
	color: var(--eventy-text-tichy);
}

.eventy-riadky {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* Riadok je karta: popis vľavo hore, krížik v pravom hornom rohu, oboje
   vnútri rámika. Rovnako vyzerá prednášajúci, blok programu aj termín turné.
   Krížik je mimo mriežky, aby na úzkej obrazovke nevyzeral ako ďalšie pole. */
.eventy-riadok,
.eventy-meno-riadok {
	position: relative;
	padding: 29px 12px 12px;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 12px;
}

.eventy-riadok {
	display: grid;
	grid-template-columns: 100px minmax(0, 1.4fr) minmax(0, 1fr);
	gap: 7px;
	align-items: center;
}

.eventy-riadok--termin {
	grid-template-columns: minmax(0, 1.2fr) 100px minmax(0, 1.4fr) minmax(0, 1fr) 80px;
}

.eventy-riadok-poradie {
	position: absolute;
	top: 9px;
	left: 12px;
	font-size: 11.5px;
	letter-spacing: 0.02em;
	color: var(--eventy-text-tichy);
}

.eventy-riadok > .eventy-riadok-zmazat,
.eventy-meno-riadok > .eventy-riadok-zmazat {
	position: absolute;
	top: 6px;
	right: 7px;
	width: 28px;
	height: 28px;
	font-size: 15px;
}

.eventy-riadok input {
	width: 100%;
	box-sizing: border-box;
	padding: 9px 11px;
	font-size: 15px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
}

.eventy-riadok input:focus {
	border-color: var(--eventy-ciara-silna);
}

.eventy-riadok-zmazat {
	width: 32px;
	height: 32px;
	font-size: 16px;
	line-height: 1;
	color: var(--eventy-text-tichy);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 50%;
	cursor: pointer;
}

.eventy-riadok-zmazat:hover {
	border-color: var(--eventy-koniec);
	color: var(--eventy-koniec);
}

.eventy-riadky-tlacidla {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 10px;
}

.eventy-pridat-riadok,
.eventy-kopirovat-riadok {
	padding: 8px 15px;
	font-size: 12.5px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

.eventy-pridat-riadok:hover,
.eventy-kopirovat-riadok:hover {
	border-color: var(--eventy-ciara-silna);
}

.eventy-galeria-viac {
	margin-top: 16px;
}

.eventy-galeria-viac > summary {
	list-style: none;
	display: inline-block;
	padding: 8px 15px;
	font-size: 12.5px;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

.eventy-galeria-viac > summary::-webkit-details-marker {
	display: none;
}

.eventy-galeria-viac-telo {
	margin-top: 12px;
}

.eventy-galeria-viac-telo small {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

@media (max-width: 620px) {
	.eventy-riadok,
	.eventy-riadok--termin {
		grid-template-columns: 1fr 1fr;
		gap: 6px;
		padding: 29px 11px 11px;
	}

	.eventy-riadok input[type="text"] {
		grid-column: 1 / -1;
	}

	.eventy-riadok-zmazat {
		justify-self: end;
	}
}

/* =========================================================================
   Uloženie, pripomienka, zdieľanie, filtre, kalendár, termíny turné, video
   ========================================================================= */

/* Prvky s atribútom hidden sa skryjú aj vtedy, keď im iné pravidlo dáva display. */
.eventy [hidden] {
	display: none !important;
}

/* ---------- Srdiečko ---------- */

.eventy-srdce {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	font: inherit;
	line-height: 1;
	color: var(--eventy-text-tichy);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	cursor: pointer;
	transition: color 0.15s ease, transform 0.15s ease;
}

.eventy-srdce svg {
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
}

/* Šablóna webu dáva tlačidlám pri hover a focus tmavé pozadie. */
.eventy-srdce:hover,
.eventy-srdce:focus,
.eventy-srdce:active {
	background: var(--eventy-plocha-karty);
	color: var(--eventy-koniec);
	border-color: var(--eventy-ciara);
}

.eventy-srdce:focus-visible {
	outline: 2px solid var(--eventy-fokus);
	outline-offset: 2px;
}

.eventy-srdce.je-ulozene,
.eventy-srdce.je-ulozene:hover,
.eventy-srdce.je-ulozene:focus {
	color: var(--eventy-koniec);
}

.eventy-srdce.je-ulozene svg {
	fill: currentColor;
}

.eventy-srdce:active svg {
	transform: scale(0.88);
}

/* V dlaždici: biely kruh v pravom hornom rohu, nad vrstvou klikateľnej dlaždice. */
.eventy-srdce--dlazdica {
	position: absolute;
	top: 9px;
	right: 9px;
	z-index: 3;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 50%;
	box-shadow: var(--eventy-tien-zdvih);
}

.eventy-srdce--dlazdica svg {
	width: 17px;
	height: 17px;
}

/* V karte: štvorcový gombík vedľa pripomienky. */
.eventy-srdce--karta {
	flex: 0 0 44px;
	width: 44px;
	min-height: 44px;
	border-radius: 11px;
}

/* ---------- Ikona videa v dlaždici ---------- */

.eventy-video-ikona {
	position: absolute;
	right: 9px;
	bottom: 9px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: rgba(20, 18, 12, 0.55);
	color: var(--eventy-text-na-noci);
	pointer-events: none;
}

.eventy-video-ikona svg {
	fill: currentColor;
	margin-left: 2px;
}

/* ---------- Relatívny dátum: blízky termín ---------- */

.eventy-datum-text.je-blizko {
	display: inline-block;
	padding: 2px 8px;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-akcent);
	color: var(--eventy-na-akcente);
	font-weight: 600;
	letter-spacing: 0.01em;
}

.eventy-znacka-termin.je-blizko {
	background: var(--eventy-akcent);
	color: var(--eventy-na-akcente);
	font-weight: 600;
}

.eventy-karta-blizko {
	font-weight: 600;
}

.eventy-karta-blizko.je-blizko {
	color: var(--eventy-odkaz);
}

/* ---------- Karta: dvojica akcií ---------- */

.eventy-karta-dvojica {
	display: flex;
	gap: 6px;
	margin-top: 16px;
}

.eventy-karta-dvojica .eventy-kalendar {
	flex: 1 1 58%;
	min-width: 0;
	margin-top: 0;
}

.eventy-karta-akcia,
.eventy-karta-akcia:link,
.eventy-karta-akcia:visited {
	flex: 1 1 42%;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 12px;
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
	color: var(--eventy-text);
	text-decoration: none;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-karta-akcia:hover,
.eventy-karta-akcia:focus {
	color: var(--eventy-text);
	border-color: var(--eventy-ciara-silna);
}

@media (max-width: 879px) {
	.eventy-karta-dvojica {
		flex-direction: column;
	}
}

/* ---------- Pripomienka ---------- */

.eventy-pripomienka {
	margin-top: 10px;
}

.eventy-pripomienka-riadok {
	display: flex;
	gap: 6px;
	align-items: stretch;
}

.eventy-pripomienka-riadok--bez {
	justify-content: flex-end;
	margin-top: 10px;
}

.eventy-pripomienka-btn,
.eventy-pripomienka-btn:hover,
.eventy-pripomienka-btn:focus,
.eventy-pripomienka-btn:active {
	flex: 1 1 auto;
	min-width: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 14px;
	font-size: 14px;
	font-family: inherit;
	font-weight: 600;
	line-height: 1.3;
	color: var(--eventy-dobra-sprava);
	background: var(--eventy-plocha-dobrej);
	border: 1px solid var(--eventy-plocha-dobrej);
	border-radius: 12px;
	cursor: pointer;
}

.eventy-pripomienka-btn:hover,
.eventy-pripomienka.je-otvorena .eventy-pripomienka-btn {
	border-color: var(--eventy-dobra-sprava);
}

.eventy-pripomienka-btn:focus-visible {
	outline: 2px solid var(--eventy-fokus);
	outline-offset: 2px;
}

.eventy-pripomienka-panel {
	margin-top: 8px;
	padding: 14px;
	background: var(--eventy-plocha-dobrej);
	border: 1px solid var(--eventy-plocha-dobrej);
	border-radius: var(--eventy-roh-dialog);
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--eventy-text);
}

.eventy-pripomienka-panel p {
	margin: 0 0 10px;
}

.eventy-pripomienka-kedy {
	font-weight: 600;
	color: var(--eventy-dobra-sprava);
}

.eventy-pripomienka-pole {
	display: flex;
	gap: 6px;
}

.eventy-pripomienka-pole input[type="email"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 40px;
	padding: 0 12px;
	font-size: 16px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-plocha-dobrej);
	border-radius: var(--eventy-roh-pole);
}

.eventy-pripomienka-pole input[type="email"]:focus {
	border-color: var(--eventy-dobra-sprava);
}

.eventy-pripomienka-pole .eventy-btn {
	height: 40px;
	flex: 0 0 auto;
}

.eventy-pripomienka-novinky {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	margin: 10px 0 6px;
	font-size: 13px;
}

.eventy-pripomienka-novinky input {
	margin-top: 3px;
}

.eventy-pripomienka-panel small {
	display: block;
	font-size: 11.5px;
	color: var(--eventy-text-tichy);
}

.eventy-pripomienka-odpoved {
	margin: 10px 0 0 !important;
	font-weight: 600;
	color: var(--eventy-dobra-sprava);
}

.eventy-pripomienka-odpoved.je-chyba {
	color: var(--eventy-koniec);
}

/* Pás na konci detailu */
.eventy-pripomienka--pas {
	margin-top: 30px;
	padding: 18px;
	background: var(--eventy-plocha-dobrej);
	border-radius: 16px;
}

.eventy-pripomienka--pas .eventy-pripomienka-pas-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-bottom: 12px;
	font-size: 14px;
	color: var(--eventy-text-tichy);
}

.eventy-pripomienka--pas .eventy-pripomienka-pas-text strong {
	font-size: 16px;
	color: var(--eventy-text);
}

.eventy-pripomienka--pas .eventy-pripomienka-panel {
	background: var(--eventy-plocha-karty);
}

@media (min-width: 620px) {
	.eventy-pripomienka--pas .eventy-pripomienka-riadok {
		max-width: 360px;
	}
}

/* ---------- Zdieľanie ---------- */

.eventy-zdielat {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid var(--eventy-ciara);
}

.eventy-zdielat-popis {
	font-size: 13px;
	color: var(--eventy-text-tichy);
}

.eventy-zdielat-ikony {
	display: flex;
	align-items: center;
	gap: 6px;
	position: relative;
}

.eventy-zdielat-ikona,
.eventy-zdielat-ikona:link,
.eventy-zdielat-ikona:visited,
.eventy-zdielat-ikona:hover,
.eventy-zdielat-ikona:focus {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 50%;
	cursor: pointer;
	text-decoration: none;
}

.eventy-zdielat-ikona:hover,
.eventy-zdielat-ikona:focus-visible,
.eventy-zdielat-ikona.je-skopirovane {
	color: var(--eventy-text);
	border-color: var(--eventy-ciara-silna);
}

.eventy-zdielat-stav {
	position: absolute;
	right: 0;
	top: calc(100% + 4px);
	font-size: 11.5px;
	font-weight: 600;
	color: var(--eventy-dobra-sprava);
	white-space: nowrap;
}

.eventy-zdielat-system,
.eventy-zdielat-system:hover,
.eventy-zdielat-system:focus {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 36px;
	padding: 0 16px;
	font-size: 13px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

/* ---------- Filtre: Len uložené ---------- */

.eventy-ulozene-info {
	margin: 0 0 14px;
	padding-left: 4px;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

/* Pamäť polohy */

.eventy-poloha-pamat {
	margin-left: 4px;
}

.eventy-poloha-zabudnut,
.eventy-poloha-zabudnut:hover,
.eventy-poloha-zabudnut:focus {
	padding: 0;
	font: inherit;
	color: var(--eventy-text);
	background: none;
	border: 0;
	border-bottom: 1px solid var(--eventy-plocha-dobrej);
	cursor: pointer;
}

/* Rýchle voľby termínu */

.eventy-datum-predvolby {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 6px 6px 4px;
}

.eventy-predvolba,
.eventy-predvolba:link,
.eventy-predvolba:visited {
	padding: 6px 11px;
	font-size: 12.5px;
	line-height: 1.3;
	color: var(--eventy-text);
	text-decoration: none;
	background: var(--eventy-plocha-vnorena);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-predvolba:hover {
	background: var(--eventy-ciara);
}

.eventy-predvolba.je-zvolena {
	background: var(--eventy-plocha-noc);
	color: var(--eventy-text-na-noci);
}

/* ---------- Mesačný kalendár ---------- */

.eventy-kalendar-mesiac {
	margin: 22px 0 24px;
	padding: 18px;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 16px;
}

.eventy-kalendar-hlavicka {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}

.eventy-kalendar-hlavicka h2 {
	margin: 0;
}

.eventy-kalendar-sipka,
.eventy-kalendar-sipka:link,
.eventy-kalendar-sipka:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	font-size: 16px;
	color: var(--eventy-text);
	text-decoration: none;
	border: 1px solid var(--eventy-ciara);
	border-radius: 50%;
}

.eventy-kalendar-sipka:hover {
	border-color: var(--eventy-ciara-silna);
}

.eventy-kalendar-sipka.je-neaktivna {
	color: var(--eventy-text-tichy);
	border-color: var(--eventy-ciara);
}

.eventy-kalendar-mriezka {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 4px;
}

.eventy-kalendar-nazov-dna {
	padding: 4px 0 8px;
	font-size: 12px;
	text-align: center;
	color: var(--eventy-text-tichy);
}

.eventy-kalendar-den {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	aspect-ratio: 1 / 1;
	min-height: 40px;
	font-size: 14px;
	color: var(--eventy-text);
	text-decoration: none;
	border-radius: 10px;
}

.eventy-kalendar-den.je-mimo {
	visibility: hidden;
}

.eventy-kalendar-den.je-minulost {
	color: var(--eventy-text-tichy);
}

.eventy-kalendar-den.je-dnes {
	box-shadow: inset 0 0 0 1.5px var(--eventy-ciara-silna);
}

a.eventy-kalendar-den.ma-udalosti {
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text);
	font-weight: 600;
}

a.eventy-kalendar-den.ma-udalosti:hover {
	background: var(--eventy-plocha-noc);
	color: var(--eventy-text-na-noci);
}

.eventy-kalendar-pocet {
	min-width: 18px;
	padding: 1px 5px;
	font-size: 10.5px;
	line-height: 1.4;
	text-align: center;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-akcent);
	color: var(--eventy-na-akcente);
}

@media (max-width: 560px) {
	.eventy-kalendar-mesiac {
		padding: 12px 8px;
	}

	.eventy-kalendar-mriezka {
		gap: 2px;
	}

	.eventy-kalendar-den {
		font-size: 13px;
	}
}

/* ---------- Ďalšie termíny turné na detaile ---------- */

.eventy-dalsie-terminy {
	margin-top: 30px;
}

.eventy-dalsie-terminy h2 {
	margin: 0 0 4px;
}

.eventy-dalsie-terminy-poradie {
	margin: 0 0 6px;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

.eventy-termin-klikatelny {
	position: relative;
	cursor: pointer;
}

.eventy-termin-klikatelny:hover .eventy-termin-odkaz {
	text-decoration: underline;
}

.eventy-termin-akcia .eventy-vstupenky {
	position: relative;
	z-index: 2;
}

.eventy-terminy li.je-zrusena .eventy-termin-miesto a {
	text-decoration: line-through;
	color: var(--eventy-text-tichy);
}

.eventy-dalsie-terminy-vsetky {
	display: inline-block;
	margin-top: 12px;
}

/* ---------- Video ---------- */

.eventy-video {
	margin: 24px 0 0;
}

.eventy-video-obal {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--eventy-roh-ziadny);
	background: var(--eventy-plocha-noc);
}

.eventy-video-obal iframe,
.eventy-video-obal video,
.eventy-video-obal embed,
.eventy-video-obal object {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}

.eventy-video--odkaz a {
	color: var(--eventy-text);
	font-weight: 600;
}

/* ---------- Dlaždice na mobile: jeden stĺpec ---------- */

/* Úryvok popisu: na počítači dva riadky, na mobile jeden. */
.eventy-dlazdica-uryvok {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	margin: 0 0 6px;
	font-size: 13px;
	line-height: 1.45;
	color: var(--eventy-text-tichy);
}

@media (max-width: 559px) {
	.eventy-mriezka {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}

	.eventy-dlazdica .eventy-obrazok {
		aspect-ratio: 16 / 9;
	}

	.eventy-dlazdica-telo {
		padding: 12px 14px 14px;
	}

	.eventy-nazov {
	}

	.eventy-dlazdica-uryvok {
		-webkit-line-clamp: 1;
		line-clamp: 1;
		font-size: 12.5px;
	}

	.eventy-miesto-nazov {
		display: none;
	}
}

/* =========================================================================
   Formulár v krokoch, úprava podujatia, vypredané, spodná lišta, 404
   ========================================================================= */

/* ---------- Formulár: kroky a skupiny bez rámikov ---------- */

.eventy-form .eventy-krok-nadpis {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 6px;
}

.eventy-form .eventy-krok-nadpis span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	font-size: 13px;
	border-radius: 50%;
	background: var(--eventy-plocha-noc);
	color: var(--eventy-text-na-noci);
}

.eventy-form .eventy-krok + .eventy-krok {
	margin-top: 34px;
}

.eventy-form.ma-kroky .eventy-krok + .eventy-krok {
	margin-top: 0;
}

.eventy-form .eventy-skupina {
	margin: 0 0 18px;
	padding: 18px 0 0;
	border-top: 1px solid var(--eventy-ciara);
}

.eventy-form .eventy-skupina-nadpis {
	margin: 0 0 14px;
	font-size: 11.5px;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--eventy-text-tichy);
}

/* Typ podujatia už nemá sivý podklad, je to bežná skupina. */
.eventy-form .eventy-typ {
	margin-bottom: 18px;
	padding: 18px 0 0;
	background: none;
	border-radius: 0;
}

.eventy-form .eventy-pole {
	margin-bottom: 16px;
}

.eventy-form .eventy-pole:last-child {
	margin-bottom: 0;
}

.eventy-form .eventy-pole > span,
.eventy-form .eventy-pole > label > span {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 600;
	color: var(--eventy-text);
}

.eventy-form .eventy-pole small,
.eventy-form .eventy-typ small {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.5;
	color: var(--eventy-text-tichy);
}

.eventy-form .eventy-dvojica,
.eventy-form .eventy-trojica {
	gap: 16px;
}

.eventy-povinne {
	margin-left: 2px;
	font-weight: 600;
	color: var(--eventy-koniec);
}

.eventy-pole-volba {
	display: flex;
	margin-top: 10px;
	font-size: 13.5px;
	color: var(--eventy-text);
}

.eventy-pole-text {
	margin: 0;
	font-size: 15px;
	color: var(--eventy-text);
}

.eventy-form .eventy-upozornenie {
	margin-top: 16px;
}

/* Ukazovateľ z troch dielikov */

.eventy-kroky-dieliky {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}

.eventy-kroky-dieliky li {
	margin: 0;
	font-size: 12px;
	line-height: 1.3;
	color: var(--eventy-text-tichy);
}

.eventy-kroky-dieliky li::before {
	content: "";
	display: block;
	height: 4px;
	margin-bottom: 7px;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-ciara);
}

.eventy-kroky-dieliky li.je-aktualny {
	color: var(--eventy-text);
	font-weight: 600;
}

.eventy-kroky-dieliky li.je-aktualny::before {
	background: var(--eventy-ciara-silna);
}

.eventy-kroky-dieliky li.je-hotovy::before {
	background: var(--eventy-plocha-noc);
}

.eventy-kroky-navigacia {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 8px;
	padding-top: 18px;
	border-top: 1px solid var(--eventy-ciara);
}

.eventy-krok-dalej,
.eventy-odoslat {
	margin-left: auto;
}

.eventy-krok-spat,
.eventy-krok-spat:hover,
.eventy-krok-spat:focus {
	height: 46px;
	padding: 0 22px;
	font-size: 15px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

.eventy-krok-spat:hover {
	border-color: var(--eventy-ciara-silna);
}

.eventy-odoslanie-popis {
	margin: 10px 0 0;
	font-size: 12.5px;
	text-align: right;
	color: var(--eventy-text-tichy);
}

.eventy-koncept-obnoveny {
	margin: 0 0 18px;
	padding: 11px 14px;
	font-size: 13.5px;
	color: var(--eventy-text);
	background: var(--eventy-plocha-vnorena);
	border-radius: 10px;
}

.eventy-koncept-zahodit,
.eventy-koncept-zahodit:hover,
.eventy-koncept-zahodit:focus {
	margin-left: 6px;
	padding: 0;
	font: inherit;
	color: inherit;
	background: none;
	border: 0;
	border-bottom: 1px solid currentColor;
	cursor: pointer;
}

/* Pole vyplnené z obnoveného konceptu — kým sa ho človek nedotkne, je vidieť,
   že obsah nie je jeho čerstvo napísaný. */
.eventy-form .je-z-konceptu {
	background-color: var(--eventy-plocha-akcentu);
}

@media (max-width: 560px) {
	.eventy-kroky-dieliky li span {
		font-size: 11px;
	}

	.eventy-odoslanie-popis {
		text-align: left;
	}
}

/* ---------- Stránka úpravy ---------- */

.eventy-uprava {
	padding-top: 24px;
	padding-bottom: 60px;
}

.eventy-uprava-hlavicka,
.eventy-uprava > .eventy-uprava-oznam,
.eventy-uprava > .eventy-zrusene-pruzok,
.eventy-zrusenie {
	max-width: 760px;
}

.eventy-uprava-hlavicka h1 {
	margin: 0 0 6px;
}

.eventy-uprava-hlavicka p {
	margin: 0 0 18px;
	font-size: 14px;
}

.eventy-uprava .eventy-formular {
	padding-top: 6px;
}

.eventy-uprava-oznam {
	margin: 0 0 18px;
	padding: 12px 16px;
	font-size: 14px;
	color: var(--eventy-dobra-sprava);
	background: var(--eventy-plocha-dobrej);
	border-radius: 12px;
}

.eventy-uprava-oznam.je-chyba {
	color: var(--eventy-koniec);
	background: var(--eventy-plocha-konca);
}

.eventy-zrusenie {
	margin-top: 40px;
	padding-top: 22px;
	border-top: 1px solid var(--eventy-ciara);
	color: var(--eventy-text-tichy);
	font-size: 14px;
}

.eventy-zrusenie h2 {
	margin: 0 0 6px;
	font-size: 11.5px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--eventy-text-tichy);
}

.eventy-zrusenie p {
	margin: 0 0 12px;
}

.eventy-zrusenie details > summary {
	list-style: none;
}

.eventy-zrusenie details > summary::-webkit-details-marker {
	display: none;
}

.eventy-zrusenie-btn {
	display: inline-block;
	padding: 9px 18px;
	font-size: 13.5px;
	color: var(--eventy-koniec);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-plocha-konca);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

.eventy-zrusenie-btn:hover,
.eventy-zrusenie details[open] > .eventy-zrusenie-btn {
	border-color: var(--eventy-koniec);
}

.eventy-zrusenie-form {
	margin-top: 14px;
	padding: 16px;
	background: var(--eventy-plocha-konca);
	border-radius: 12px;
}

.eventy-btn--nebezpecne,
.eventy-btn--nebezpecne:hover,
.eventy-btn--nebezpecne:focus {
	background: var(--eventy-koniec);
	color: var(--eventy-text-na-noci);
}

.eventy-uprava .eventy-stav-obal {
	margin-left: 0;
}

/* ---------- Vypredané ---------- */

.eventy-vypredane-znacka {
	display: inline-block;
	padding: 2px 9px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.03em;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-akcent);
	color: var(--eventy-na-akcente);
}

.eventy-detail-meta .eventy-vypredane-znacka {
	padding: 6px 13px;
	font-size: 13px;
}

.eventy-vstupenky.je-vypredane,
.eventy-karta-cta.je-vypredane,
.eventy-lista-hlavne.je-vypredane {
	background: var(--eventy-ciara) !important;
	color: var(--eventy-text-tichy) !important;
	border-color: var(--eventy-ciara) !important;
	cursor: not-allowed;
	pointer-events: none;
}

/* ---------- Pás s pripomienkou len na mobile ---------- */

@media (min-width: 880px) {
	.eventy-pripomienka--pas {
		display: none;
	}
}

/* Zvonček: stav vypýtanej pripomienky */

.eventy-pripomienka.je-nastavena .eventy-pripomienka-btn svg,
.eventy-zvoncek.je-nastavena svg {
	fill: currentColor;
}

/* ---------- Spodná lišta na mobile ---------- */

.eventy-lista {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 90;
	display: flex;
	align-items: flex-end;
	gap: 10px;
	padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
	background: var(--eventy-plocha-karty);
	border-top: 1px solid var(--eventy-ciara);
	box-shadow: var(--eventy-tien-lista);
}

@media (min-width: 880px) {
	.eventy-lista {
		display: none !important;
	}
}

@media (max-width: 879px) {
	/* Rezerva, aby koniec stránky nezostal pod lištou. */
	.eventy-detail {
		padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
	}
}

.eventy-lista-vlavo {
	display: flex;
	gap: 8px;
	flex: 0 0 auto;
}

.eventy-srdce--lista,
.eventy-lista-kolo,
.eventy-lista-kolo:hover,
.eventy-lista-kolo:focus {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	padding: 0;
	border-radius: 50%;
}

.eventy-lista-kolo,
.eventy-lista-kolo:hover,
.eventy-lista-kolo:focus {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--eventy-dobra-sprava);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	cursor: pointer;
}

.eventy-lista-kolo.je-nastavena {
	background: var(--eventy-plocha-dobrej);
	border-color: var(--eventy-plocha-dobrej);
}

.eventy-lista-vpravo {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.eventy-lista-cena {
	font-size: 11.5px;
	line-height: 1.2;
	text-align: center;
	color: var(--eventy-text-tichy);
}

.eventy-lista-hlavne,
.eventy-lista-hlavne:link,
.eventy-lista-hlavne:visited,
.eventy-lista-hlavne:hover,
.eventy-lista-hlavne:focus {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 42px;
	padding: 0 14px;
	font-size: 14.5px;
	font-weight: 600;
	font-family: inherit;
	line-height: 1;
	text-decoration: none;
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border: 1px solid var(--eventy-ciara-silna);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

.eventy-lista-hlavne--pripomienka,
.eventy-lista-hlavne--pripomienka:hover,
.eventy-lista-hlavne--pripomienka:focus {
	color: var(--eventy-dobra-sprava);
	background: var(--eventy-plocha-dobrej);
	border-color: var(--eventy-plocha-dobrej);
}

.eventy-lista-hlavne--svetle,
.eventy-lista-hlavne--svetle:link,
.eventy-lista-hlavne--svetle:visited {
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border-color: var(--eventy-ciara);
}

/* ---------- Stránka 404 ---------- */

.eventy-404 {
	padding-top: 40px;
	padding-bottom: 60px;
}

.eventy-404-hlavicka {
	max-width: 640px;
	margin-bottom: 34px;
}

.eventy-404-hlavicka h1 {
	margin: 0 0 10px;
}

.eventy-404-hlavicka p {
	margin: 0 0 18px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--eventy-text-tichy);
}

.eventy-404-hladanie {
	max-width: 440px;
	height: 44px;
}

.eventy-404-najblizsie h2 {
	margin: 0 0 4px;
}

.eventy-404-poradie {
	margin: 0;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}
/* =========================================================================
   Horná lišta na počítači a panel pod srdiečkom
   ========================================================================= */

/* ---------- Horná lišta ---------- */

.eventy-horna-lista {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 95;
	background: var(--eventy-plocha-karty);
	border-bottom: 1px solid var(--eventy-ciara);
	box-shadow: var(--eventy-tien-zdvih);
	transform: translateY(-120%);
	opacity: 0;
	visibility: hidden;
	/* Pri skrytí sa viditeľnosť vypne až po dobehnutí posunu. */
	transition: transform 0.28s ease, opacity 0.2s ease, visibility 0s linear 0.28s;
}

.eventy-horna-lista.je-viditelna {
	transform: none;
	opacity: 1;
	visibility: visible;
	transition: transform 0.28s ease, opacity 0.2s ease, visibility 0s;
}

@media (prefers-reduced-motion: reduce) {
	.eventy-horna-lista,
	.eventy-horna-lista.je-viditelna {
		transition: none;
	}
}

@media (max-width: 879px) {
	.eventy-horna-lista {
		display: none !important;
	}
}

.eventy-horna-obsah {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: 1320px;
	height: 66px;
	margin: 0 auto;
	padding: 0 20px;
}

.eventy-horna-nahlad {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	border-radius: 8px;
	background-size: cover;
	background-position: center;
	background-color: var(--eventy-plocha-vnorena);
}

.eventy-horna-text {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.eventy-horna-nazov {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--eventy-text);
}

.eventy-horna-meta {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12.5px;
	line-height: 1.3;
	color: var(--eventy-text-tichy);
}

.eventy-horna-meta--kratka {
	display: none;
}

.eventy-horna-cena {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	line-height: 1.2;
	padding-right: 4px;
}

.eventy-horna-cena small {
	font-size: 11px;
	color: var(--eventy-text-tichy);
}

.eventy-horna-cena strong {
	font-size: 16px;
	font-weight: 600;
	white-space: nowrap;
	color: var(--eventy-text);
}

.eventy-horna-akcie {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 8px;
}

.eventy-horna-cta,
.eventy-horna-cta:link,
.eventy-horna-cta:visited,
.eventy-horna-cta:hover,
.eventy-horna-cta:focus {
	flex: 0 0 auto;
	padding: 0 20px;
	white-space: nowrap;
}

.eventy-horna-cta-kratke {
	display: none;
}

@media (max-width: 1099px) {
	.eventy-horna-nahlad,
	.eventy-horna-meta--plna,
	.eventy-horna-cena {
		display: none;
	}

	.eventy-horna-meta--kratka {
		display: block;
	}

	.eventy-horna-cta-dlhe {
		display: none;
	}

	.eventy-horna-cta-kratke {
		display: inline;
	}
}

/* ---------- Panel pod srdiečkom ---------- */

.eventy-srdce-panel {
	position: relative;
	z-index: 3;
	padding: 12px 14px;
	font-size: 13.5px;
	line-height: 1.45;
	text-align: left;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-plocha-konca);
	border-radius: var(--eventy-roh-dialog);
	box-shadow: var(--eventy-tien-plavajuce);
	cursor: default;
}

.eventy-srdce-panel p {
	margin: 0;
}

.eventy-srdce-panel-hlavicka {
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	color: var(--eventy-koniec);
}

.eventy-srdce-panel-hlavicka svg {
	flex: 0 0 auto;
	fill: var(--eventy-koniec);
}

.eventy-srdce-panel-otazka {
	margin: 6px 0 10px !important;
}

.eventy-srdce-panel-pole {
	display: flex;
	gap: 6px;
}

.eventy-srdce-panel-pole input[type="email"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 38px;
	padding: 0 11px;
	font-size: 16px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
}

.eventy-srdce-panel-pole input[type="email"]:focus {
	border-color: var(--eventy-ciara-silna);
}

.eventy-srdce-panel-pole .eventy-btn {
	flex: 0 0 auto;
	height: 38px;
	padding: 0 16px;
}

.eventy-srdce-panel-odpoved {
	margin-top: 8px !important;
	font-weight: 600;
	color: var(--eventy-dobra-sprava);
}

.eventy-srdce-panel-odpoved.je-chyba {
	color: var(--eventy-koniec);
}

.eventy-srdce-panel-nie,
.eventy-srdce-panel-nie:hover,
.eventy-srdce-panel-nie:focus {
	display: inline-block;
	margin-top: 8px;
	padding: 0;
	font-size: 12.5px;
	font-family: inherit;
	color: var(--eventy-text-tichy);
	background: none;
	border: 0;
	text-decoration: underline;
	cursor: pointer;
}

/* Umiestnenie podľa toho, kde srdiečko je */

.eventy-srdce-panel--dlazdica {
	margin: 10px 12px 0;
}

.eventy-srdce-panel--karta {
	margin-top: 8px;
}

.eventy-srdce-panel--dolna {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: calc(100% + 8px);
}

.eventy-srdce-panel--horna {
	position: absolute;
	top: calc(100% + 8px);
	right: 20px;
	width: 340px;
}
/* =========================================================================
   Formulár: náhľady nahratých obrázkov a chyby pri poliach
   ========================================================================= */

.eventy-nahlady {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}

.eventy-nahlad {
	position: relative;
	width: 150px;
	overflow: hidden;
	background: var(--eventy-plocha-vnorena);
	border: 1px solid var(--eventy-ciara);
	border-radius: 10px;
}

.eventy-nahlady:not(.eventy-nahlady--galeria):not(.eventy-nahlady--fotky) .eventy-nahlad {
	width: 220px;
}

.eventy-nahlad img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.eventy-nahlad.je-nahravanie img {
	opacity: 0.45;
}

.eventy-nahlad-stav {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	color: var(--eventy-text);
}

.eventy-nahlady-hlaska {
	margin: 8px 0 0;
	font-size: 12.5px;
	color: var(--eventy-koniec);
}

.eventy-nahlady-hlaska.je-ok {
	color: var(--eventy-text);
}

/* Chybné pole: červený okraj a krátka veta pod ním */

.eventy-form input.je-chyba,
.eventy-form textarea.je-chyba,
.eventy-form select.je-chyba,
.eventy-form .eventy-riadok input.je-chyba,
.eventy-form .eventy-naseptavac input.je-chyba {
	border-color: var(--eventy-koniec);
	box-shadow: 0 0 0 1px var(--eventy-koniec);
}

.eventy-form .eventy-nahratie.je-chyba {
	border-color: var(--eventy-koniec);
}

.eventy-form label.je-chyba {
	color: var(--eventy-koniec);
}

.eventy-form label.je-chyba input[type="checkbox"] {
	outline: 2px solid var(--eventy-koniec);
	outline-offset: 1px;
}

.eventy-form .eventy-pole small.eventy-pole-chyba,
.eventy-form small.eventy-pole-chyba,
.eventy-pole-chyba {
	display: block;
	margin-top: 6px;
	font-size: 12.5px;
	line-height: 1.4;
	font-weight: 600;
	color: var(--eventy-koniec);
}
/* ---------- Upozornenie pri organizátorovi a sála ---------- */

.eventy-disclaimer {
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.5;
	color: var(--eventy-text-tichy);
}

.eventy-karta-sala {
	color: var(--eventy-text);
}
/* ---------- Lišta filtrov a panel Filtre ---------- */

/* Na počítači sú Mesto, Termín a Časť sveta priamo v riadku lišty. */
.eventy-filtre-pc {
	display: contents;
}

.eventy-filtre-pc .eventy-pill-text,
.eventy-mesto-filter .eventy-pill-text {
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.eventy-datum-nazov {
	flex-basis: 100%;
	font-size: 12px;
	font-weight: 600;
	color: var(--eventy-text-tichy);
}

.eventy-fp {
	position: relative;
}

.eventy-fp > summary {
	list-style: none;
}

.eventy-fp > summary::-webkit-details-marker {
	display: none;
}

.eventy-fp-tlacidlo::after {
	display: none;
}

.eventy-fp-ikona {
	flex: none;
	color: var(--eventy-text);
}

.eventy-fp-pocet,
.eventy-fp-vyber-pocet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-fp-pocet[hidden],
.eventy-fp-vyber-pocet[hidden],
.eventy-fp-hladat[hidden],
.eventy-fp-nic[hidden],
.eventy-fp-moznost[hidden],
.eventy-fp-rozsah[hidden],
.eventy-fp-prepinac[hidden],
.eventy-fp-sprava[hidden] {
	display: none;
}

/* Okno panela */

.eventy-fp-okno {
	display: flex;
	flex-direction: column;
	margin: 0;
	background: var(--eventy-plocha-karty);
	color: var(--eventy-text);
	text-align: left;
}

.eventy-fp-hlavicka {
	position: relative;
	display: grid;
	grid-template-columns: 40px 1fr auto;
	align-items: center;
	gap: 8px;
	flex: none;
	padding: 10px 14px;
	border-bottom: 1px solid var(--eventy-ciara);
}

.eventy-fp-zavriet,
.eventy-fp-zavriet:link,
.eventy-fp-zavriet:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	color: var(--eventy-text);
	text-decoration: none;
	border-radius: 50%;
}

.eventy-fp-zavriet:hover,
.eventy-fp-zavriet:focus {
	color: var(--eventy-text);
	background: var(--eventy-plocha-vnorena);
}

.eventy .eventy-fp-nadpis {
	margin: 0;
	font-family: inherit;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
	color: var(--eventy-text);
}

.eventy-fp-zrusit,
.eventy-fp-zrusit:link,
.eventy-fp-zrusit:visited {
	font-size: 13px;
	white-space: nowrap;
	color: var(--eventy-text);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.eventy-fp-telo {
	flex: 1 1 auto;
	min-height: 0;
	padding: 2px 16px 12px;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

.eventy-fp-pata {
	flex: none;
	padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
	background: var(--eventy-plocha-karty);
	border-top: 1px solid var(--eventy-ciara);
}

.eventy-fp-zobrazit,
.eventy-fp-zobrazit:hover,
.eventy-fp-zobrazit:focus {
	width: 100%;
	height: 46px;
	padding: 0 18px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border: 0;
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
	transition: opacity 0.15s ease, background 0.15s ease;
}

.eventy-fp-zobrazit:hover {
	background: var(--eventy-plocha-noc-stlac);
}

.eventy-fp-zobrazit.je-nacitava {
	opacity: 0.72;
}

.eventy-fp-zobrazit.je-nula {
	background: var(--eventy-text-tichy);
}

/* Sekcie */

.eventy-fp-sekcia,
fieldset.eventy-fp-sekcia {
	min-width: 0;
	margin: 0;
	padding: 14px 0;
	border: 0;
	border-bottom: 1px solid var(--eventy-ciara);
}

.eventy-fp-sekcia:last-child {
	border-bottom: 0;
}

.eventy-fp-titulok {
	display: block;
	margin: 0 0 8px;
	padding: 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--eventy-text);
}

legend.eventy-fp-titulok {
	float: left;
	width: 100%;
}

legend.eventy-fp-titulok + * {
	clear: both;
}

/* Rozbaľovací zoznam s hľadaním */

.eventy-fp-vyber > summary {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 14px;
	font-size: 14px;
	color: var(--eventy-text);
	list-style: none;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 12px;
	cursor: pointer;
}

.eventy-fp-vyber > summary::-webkit-details-marker {
	display: none;
}

.eventy-fp-vyber > summary::after {
	content: "";
	flex: none;
	width: 6px;
	height: 6px;
	margin-left: 4px;
	border-right: 1.5px solid var(--eventy-ciara);
	border-bottom: 1.5px solid var(--eventy-ciara);
	transform: translateY(-2px) rotate(45deg);
	transition: transform 0.15s ease;
}

.eventy-fp-vyber[open] > summary::after {
	transform: translateY(1px) rotate(225deg);
}

.eventy-fp-vyber.je-aktivna > summary {
	border-color: var(--eventy-ciara-silna);
	box-shadow: inset 0 0 0 1px var(--eventy-ciara-silna);
}

.eventy-fp-vyber-text {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eventy-fp-vyber-panel {
	margin-top: 6px;
	padding: 6px;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-dialog);
}

.eventy-fp-hladat {
	display: block;
	width: 100%;
	height: 38px;
	margin: 0 0 4px;
	padding: 0 12px;
	font-family: inherit;
	font-size: 16px;
	color: var(--eventy-text);
	background: var(--eventy-plocha-vnorena);
	border: 1px solid transparent;
	border-radius: var(--eventy-roh-pole);
	-webkit-appearance: none;
}

.eventy-fp-hladat:focus {
	background: var(--eventy-plocha-karty);
	border-color: var(--eventy-ciara-silna);
}

.eventy-fp-napoveda {
	margin: 2px 8px 6px;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

.eventy-fp-zoznam {
	max-height: 248px;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
}

.eventy-fp-zoznam::-webkit-scrollbar {
	width: 8px;
}

.eventy-fp-zoznam::-webkit-scrollbar-thumb {
	background: var(--eventy-ciara);
	border: 2px solid var(--eventy-plocha-karty);
	border-radius: var(--eventy-roh-kruh);
}

.eventy-fp-moznost {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 9px 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: var(--eventy-text);
	border-radius: var(--eventy-roh-pole);
	cursor: pointer;
}

.eventy-fp-moznost:hover {
	background: var(--eventy-plocha-vnorena);
}

.eventy-fp-moznost input {
	flex: none;
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--eventy-text);
}

.eventy-fp-moznost span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eventy-fp-moznost input:checked + span {
	font-weight: 600;
	color: var(--eventy-text);
}

.eventy-fp-nic {
	margin: 0;
	padding: 10px 12px;
	font-size: 13px;
	color: var(--eventy-text-tichy);
}

/* Pilulky termínu a typu */

.eventy-fp-pilulky {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.eventy-fp-pilulka {
	position: relative;
	max-width: 100%;
	margin: 0;
	cursor: pointer;
}

.eventy-fp-pilulka input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.eventy-fp-pilulka span {
	display: block;
	max-width: 100%;
	padding: 9px 14px;
	font-size: 13.5px;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	transition: background 0.15s ease, border-color 0.15s ease;
}

.eventy-fp-pilulka:hover span {
	border-color: var(--eventy-ciara);
}

.eventy-fp-pilulka input:checked + span {
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border-color: var(--eventy-ciara-silna);
}

.eventy-fp-pilulka input:focus-visible + span,
.eventy-fp-prepinac input:focus-visible + .eventy-fp-prepinac-jazdec {
	outline: 2px solid var(--eventy-fokus);
	outline-offset: 2px;
}

.eventy-fp-rozsah {
	display: flex;
	gap: 10px;
	margin-top: 12px;
}

.eventy-fp-rozsah label {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
	margin: 0;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

.eventy-fp-rozsah input[type="date"] {
	width: 100%;
	min-width: 0;
	height: 42px;
	padding: 0 10px;
	font-family: inherit;
	font-size: 15px;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
}

/* Prepínače */

.eventy-fp-prepinace {
	padding-top: 6px;
}

.eventy-fp-prepinac {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	padding: 10px 0;
	font-size: 14px;
	font-weight: 400;
	color: var(--eventy-text);
	cursor: pointer;
}

.eventy-fp-prepinac input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.eventy-fp-prepinac-jazdec {
	position: relative;
	flex: none;
	width: 42px;
	height: 24px;
	background: var(--eventy-ciara);
	border-radius: var(--eventy-roh-kruh);
	transition: background 0.15s ease;
}

.eventy-fp-prepinac-jazdec::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 18px;
	height: 18px;
	background: var(--eventy-plocha-karty);
	border-radius: 50%;
	box-shadow: var(--eventy-tien-zdvih);
	transition: transform 0.15s ease;
}

.eventy-fp-prepinac input:checked + .eventy-fp-prepinac-jazdec {
	background: var(--eventy-plocha-noc);
}

.eventy-fp-prepinac input:checked + .eventy-fp-prepinac-jazdec::after {
	transform: translateX(18px);
}

.eventy-fp-sprava {
	margin: -4px 0 6px;
	font-size: 12px;
	line-height: 1.4;
	color: var(--eventy-text-tichy);
}

.eventy-fp-sprava.je-chyba {
	color: var(--eventy-koniec);
}

html.eventy-fp-zamknute,
html.eventy-fp-zamknute body {
	overflow: hidden !important;
}

/* Počítač: jeden riadok a plávajúce okno pri tlačidle Ďalšie filtre */

@media (min-width: 760px) {
	.eventy-fp-mobil {
		display: none !important;
	}

	.eventy-filtre .eventy-hladanie {
		flex: 1 1 110px;
		min-width: 100px;
		max-width: 320px;
	}

	.eventy-fp-okno {
		position: absolute;
		z-index: 40;
		top: calc(100% + 8px);
		right: 0;
		width: 400px;
		max-width: calc(100vw - 24px);
		max-height: min(680px, calc(100vh - 140px));
		overflow: hidden;
		border: 1px solid var(--eventy-ciara);
		border-radius: var(--eventy-roh-dialog);
		box-shadow: var(--eventy-tien-plavajuce);
	}
}

/* Mobil: hľadanie na celú šírku, pod ním Filtre a prepínač zobrazenia,
   panel ako spodný dialóg na celú výšku */

@media (max-width: 759.98px) {
	.eventy-fp-pc {
		display: none !important;
	}

	.eventy-filtre {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		align-items: center;
		gap: 8px;
		padding: 10px;
		border-radius: 14px;
	}

	.eventy-filtre .eventy-hladanie {
		grid-column: 1 / -1;
		width: 100%;
		max-width: none;
	}

	/* 16px, nie menej: pod tým iPhone pri fokuse do poľa celú stránku priblíži. */
	.eventy-hladanie input[type="search"],
	.eventy-hladanie input[type="search"]::placeholder {
		font-size: 16px;
	}

	.eventy-filtre-pc {
		display: none;
	}

	.eventy-fp {
		position: static;
	}

	.eventy-fp-tlacidlo {
		height: 38px;
	}

	.eventy-filtre .eventy-prepinac {
		grid-column: auto;
		justify-self: end;
		width: auto;
		max-width: 100%;
		margin-left: 0;
	}

	.eventy-filtre .eventy-prepinac a {
		flex: none;
		padding: 6px 10px;
		font-size: 12.5px;
	}

	.eventy-fp-okno {
		position: fixed;
		z-index: 100000;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: auto;
		height: 100%;
		border-radius: 0;
		transition: transform 0.2s ease;
		animation: eventy-fp-hore 0.22s ease-out;
	}

	/* Úchyt naznačuje, že panel sa dá stiahnuť nadol. */
	.eventy-fp-hlavicka {
		padding-top: 18px;
	}

	.eventy-fp-hlavicka::before {
		content: "";
		position: absolute;
		top: 7px;
		left: 50%;
		width: 36px;
		height: 4px;
		background: var(--eventy-ciara);
		border-radius: var(--eventy-roh-kruh);
		transform: translateX(-50%);
	}

	.eventy-fp-zoznam {
		max-height: 290px;
	}
}

@keyframes eventy-fp-hore {
	from {
		transform: translateY(100%);
	}

	to {
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.eventy-fp-okno {
		animation: none;
		transition: none;
	}
}
/* Užší počítač a tablet na šírku: riadok sa zhustí, aby ostal jeden.
   Prázdna lišta (Hľadať, Mesto, Termín, Časť sveta, Ďalšie filtre, prepínač
   zobrazenia) sa tak zmestí do jedného riadku už od 760 bodov. Vyhľadávanie
   sa zúži najviac, pole sa aj tak po kliknutí píše naplno. */
@media (min-width: 760px) and (max-width: 1099.98px) {
	.eventy-filtre {
		gap: 5px;
	}

	.eventy-filtre .eventy-hladanie {
		flex: 1 1 76px;
		min-width: 70px;
		padding: 0 11px;
	}

	.eventy-filtre .eventy-pill {
		padding: 0 8px;
		gap: 5px;
	}

	.eventy-filtre-pc .eventy-pill-text,
	.eventy-mesto-filter .eventy-pill-text {
		max-width: 110px;
	}

	.eventy-filtre .eventy-prepinac a {
		padding: 6px 8px;
	}
}

/* Tablet na výšku: šablóna tu pridáva väčšie okraje stránky a riadok by sa
   zlomil. Tlačidlo má krátky názov Filtre ako na mobile, počet ostáva ten
   z panela (Mesto, Termín a Časť sveta sú vidieť v riadku). */
@media (min-width: 760px) and (max-width: 819.98px) {
	.eventy-fp-tlacidlo > .eventy-fp-pc:not(.eventy-fp-pocet) {
		display: none !important;
	}

	.eventy-fp-tlacidlo > .eventy-fp-mobil:not(.eventy-fp-pocet) {
		display: inline !important;
	}
}
/* ---------- Časové stránky /dnes/, /zajtra/, /tento-vikend/ ---------- */

.eventy-cas {
	padding-top: 28px;
	padding-bottom: 48px;
}

.eventy-cas-datum {
	margin: 0 0 6px;
	font-size: 14px;
	color: var(--eventy-odkaz);
	font-weight: 600;
}

.eventy-cas .eventy-uvod p {
	margin: 0 0 8px;
}

.eventy .eventy-cas-podnadpis {
	margin: 0 0 12px;
}

.eventy-cas-nic {
	margin: 18px 0 4px;
	padding: 14px 18px;
	background: var(--eventy-plocha-akcentu);
	border: 1px solid var(--eventy-akcent);
	border-radius: 14px;
}

.eventy-cas-nic-veta {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	color: var(--eventy-odkaz);
}

.eventy-cas-ine {
	margin: 34px 0 10px;
}

.eventy-cas-ine h2 {
	margin: 0 0 10px;
}

/* ---------- Stránka miesta konania ---------- */

.eventy-miesto-text {
	max-width: 70ch;
	margin: 0 0 20px;
	color: var(--eventy-text);
}

.eventy-miesto-text p {
	margin: 0 0 12px;
}

.eventy-miesto-udaje {
	margin: 0 0 8px;
}

.eventy .eventy-miesto-udaje h2 {
	margin: 0 0 6px;
}

.eventy-miesto-prakticke {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px;
	margin: 18px 0 0;
}

.eventy-miesto-prakticke > div {
	padding: 12px 16px;
	background: var(--eventy-plocha-vnorena);
	border-radius: 12px;
}

.eventy-miesto-prakticke dt {
	margin: 0 0 4px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--eventy-text-tichy);
}

.eventy-miesto-prakticke dd {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--eventy-text);
}

/* ---------- Mapa načítavaná až pri zobrazení ---------- */

.eventy-mapa {
	background: var(--eventy-plocha-vnorena);
}

.eventy-mapa.je-nacitava {
	background: linear-gradient(90deg, var(--eventy-plocha-vnorena) 0%, var(--eventy-plocha-vnorena) 50%, var(--eventy-plocha-vnorena) 100%);
	background-size: 200% 100%;
	animation: eventy-mapa-nacitava 1.4s ease-in-out infinite;
}

.eventy-mapa.je-chyba {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: var(--eventy-text-tichy);
}

@keyframes eventy-mapa-nacitava {
	from {
		background-position: 100% 0;
	}

	to {
		background-position: -100% 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.eventy-mapa.je-nacitava {
		animation: none;
	}
}
/* ---------- Úvod: veta s počtom a rýchle odkazy na časové stránky ---------- */

.eventy-pocitadlo {
	margin: 0 0 10px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--eventy-text-tichy);
}

.eventy-rychle-odkazy {
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	margin: 0 0 12px;
}

.eventy-rychly-odkaz,
.eventy-rychly-odkaz:link,
.eventy-rychly-odkaz:visited {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	height: 34px;
	padding: 0 14px;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	color: var(--eventy-text);
	background: var(--eventy-plocha-vnorena);
	border: 1px solid var(--eventy-plocha-dobrej);
	border-radius: var(--eventy-roh-pilulka);
	transition: background 0.15s ease, color 0.15s ease;
}

.eventy-rychly-odkaz:hover,
.eventy-rychly-odkaz:focus {
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border-color: var(--eventy-ciara-silna);
}

@media (max-width: 359.98px) {
	.eventy-rychle-odkazy {
		gap: 6px;
	}

	.eventy-rychly-odkaz,
	.eventy-rychly-odkaz:link,
	.eventy-rychly-odkaz:visited {
		padding: 0 11px;
		font-size: 13px;
	}
}
/* =========================================================================
   Vyber si mesto — blok nad výpisom na úvode (inc/mesta.php)

   Vznikol z testovania ľuďmi: filter mesta je jeden z ôsmich v rade a nikto
   si ho nevšimne. Pilulky sú zámerne rovnaké ako rýchle odkazy nad nimi,
   aby to bol ten istý jazyk a nie nový prvok.
   ====================================================================== */

.eventy-vyber-mesta {
	margin: 0 0 16px;
}

.eventy-vyber-mesta-zoznam {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.eventy-vyber-mesta-odkaz,
.eventy-vyber-mesta-odkaz:link,
.eventy-vyber-mesta-odkaz:visited {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 34px;
	padding: 0 6px 0 14px;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	color: var(--eventy-text);
	background: var(--eventy-plocha-vnorena);
	border: 1px solid var(--eventy-plocha-dobrej);
	border-radius: var(--eventy-roh-pilulka);
	transition: background 0.15s ease, color 0.15s ease;
}

.eventy-vyber-mesta-odkaz:hover,
.eventy-vyber-mesta-odkaz:focus {
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border-color: var(--eventy-ciara-silna);
}

/* Počet je to, čo filtru chýbalo, preto má vlastnú plochu a nie zátvorku. */
.eventy-vyber-mesta-pocet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	font-size: 12px;
	font-weight: 700;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-vyber-mesta-odkaz:hover .eventy-vyber-mesta-pocet,
.eventy-vyber-mesta-odkaz:focus .eventy-vyber-mesta-pocet {
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
}

.eventy-vyber-mesta-vsetky {
	margin: 8px 0 0;
	font-size: 13.5px;
}

/* =========================================================================
   Filter mesta v lište (inc/filtre.php, eventy_render_mesto_filter())

   Panel s hľadaním a mestami ako pilulkami, výber ostáva na tej istej
   stránke. Pilulka je tá istá ako v paneli Filtre (.eventy-fp-pilulka)
   a pole to isté ako v ostatných výberoch, nič nové.
   ========================================================================= */

.eventy-mesto-panel {
	width: 380px;
	padding: 10px;
}

.eventy-mesto-panel .eventy-vyber-hladat {
	margin-bottom: 10px;
}

.eventy-mesto-pilulky {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	max-height: 280px;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
}

/* Zbalené sú len kým sa nehľadá, hľadanie prechádza všetky mestá. */
.eventy-mesto-pilulky.je-zbalene:not(.je-hlada) .je-dalsia,
.eventy-mesto-panel .eventy-mesto-pilulka[hidden] {
	display: none;
}

.eventy-mesto-panel .eventy-vyber-polozka.eventy-mesto-pilulka {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	max-width: 100%;
	box-sizing: border-box;
	padding: 9px 14px;
	font-size: 13.5px;
	font-weight: 400;
	line-height: 1.2;
	white-space: nowrap;
	text-decoration: none;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	transition: background 0.15s ease, border-color 0.15s ease;
}

.eventy-mesto-panel a.eventy-mesto-pilulka:hover {
	background: var(--eventy-plocha-vnorena);
}

.eventy-mesto-panel a.eventy-mesto-pilulka:focus-visible {
	outline: 2px solid var(--eventy-fokus);
	outline-offset: 2px;
}

.eventy-mesto-panel .eventy-vyber-polozka.eventy-mesto-pilulka.je-zvolena {
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border-color: var(--eventy-ciara-silna);
}

.eventy-mesto-panel .eventy-vyber-polozka.eventy-mesto-pilulka.je-prazdna {
	color: var(--eventy-text-tichy);
	opacity: 0.6;
	cursor: default;
}

.eventy-mesto-pocet {
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

.eventy-mesto-pilulka.je-zvolena .eventy-mesto-pocet {
	color: inherit;
	opacity: 0.75;
}

.eventy-mesto-dalsie {
	margin: 10px 2px 2px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--eventy-text-tichy);
}

.eventy-mesto-vsetky {
	padding: 0;
	font: inherit;
	color: var(--eventy-text);
	text-decoration: underline;
	background: none;
	border: 0;
	cursor: pointer;
}

/* Mobil: Mesto vedľa hľadania, pod nimi Filtre a prepínač zobrazenia.
   Panel ide cez celú šírku lišty a pilulky sú väčšie pre prst. */
@media (max-width: 759.98px) {
	.eventy-filtre.ma-mesto {
		grid-template-columns: auto minmax(0, 1fr) auto;
	}

	.eventy-filtre.ma-mesto .eventy-hladanie {
		grid-column: 1 / 3;
		grid-row: 1;
	}

	.eventy-filtre.ma-mesto .eventy-mesto-filter {
		grid-column: 3;
		grid-row: 1;
		width: auto;
	}

	.eventy-filtre.ma-mesto .eventy-fp {
		grid-column: 1;
		grid-row: 2;
	}

	.eventy-filtre.ma-mesto .eventy-prepinac {
		grid-column: 2 / 4;
		grid-row: 2;
	}

	.eventy-mesto-filter > .eventy-pill {
		height: 38px;
	}

	.eventy-mesto-panel {
		width: auto;
	}

	.eventy-mesto-pilulky {
		gap: 8px;
		max-height: 50vh;
	}

	.eventy-mesto-panel .eventy-vyber-polozka.eventy-mesto-pilulka {
		min-height: 42px;
		padding: 10px 16px;
		font-size: 15px;
	}
}

/* ---------- Typografia obsahu pluginu ----------
   Písmo (font-family) sa v plugine nenastavuje, celý web ho dedí zo šablóny:
   GeneratePress, Prispôsobiť → Typografia. Tu sú len veľkosti nadpisov a textu
   vo výpisoch, detailoch a profiloch. Jediné miesto, kde sa menia. */

/* Ovládacie prvky a mapa by inak dostali systémové písmo prehliadača. */
.eventy button,
.eventy input,
.eventy select,
.eventy textarea,
.eventy .leaflet-container {
	font-family: inherit;
}

.eventy {
	font-size: 16px;
	line-height: 1.65;
}

/* H1 profilov, časových stránok a úvodu (tam je to názov stránky zo šablóny). */
.eventy h1,
body.ma-eventy h1.entry-title {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.015em;
	text-wrap: balance;
	overflow-wrap: break-word;
	hyphens: manual;
}

.eventy h1.eventy-detail-nazov {
	font-size: 40px;
	line-height: 46px;
	letter-spacing: -0.01em;
}

.eventy h2 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: normal;
	text-wrap: balance;
	overflow-wrap: break-word;
}

.eventy h3 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	overflow-wrap: break-word;
}

/* Bežný text v blokoch, ktoré mali vlastnú veľkosť, dedí z .eventy. */
.eventy .eventy-uvod,
.eventy .eventy-detail-popis,
.eventy .eventy-miesto-text,
.eventy .eventy-pocitadlo,
.eventy .eventy-cas-nic-veta {
	font-size: inherit;
	line-height: inherit;
}

/* Nadpis dňa vo viacdňovom programe: na detaile ako h3, vo formulári menší. */
.eventy .eventy-program-den-nadpis {
	font-size: 16px;
	line-height: 1.35;
}

.eventy .eventy-riadky--program .eventy-program-den-nadpis {
	font-size: 14.5px;
}

/* Výnimky: nie sú to nadpisy textu, ale popisky ovládania. Zámerne malé.
   Názov panela Filtre (.eventy-fp-nadpis) a štítky skupín vo formulári
   (.eventy-skupina-nadpis) majú vlastné pravidlá s vyššou prioritou. */
.eventy .eventy-zrusenie h2 {
	font-size: 11.5px;
	letter-spacing: 0.1em;
}

@media (max-width: 759.98px) {
	.eventy {
		font-size: 15.5px;
		line-height: 1.65;
	}

	.eventy h1,
	body.ma-eventy h1.entry-title {
		font-size: 24px;
		line-height: 1.2;
		letter-spacing: -0.015em;
	}

	.eventy h1.eventy-detail-nazov {
		font-size: 28px;
		line-height: 34px;
		letter-spacing: -0.01em;
	}

	.eventy h2 {
		font-size: 17px;
		line-height: 1.3;
	}

	.eventy h3 {
		font-size: 15px;
	}
}
/* ---------- Dátumové polia a rozbaľovacie panely filtrov na úzkej obrazovke ----------
   Kalendárik pri Od a Do je natívny výber prehliadača, nie náš panel. Ukotví sa
   k ľavému okraju políčka, preto na úzkej obrazovke idú polia pod seba a začínajú
   pri odsadení panela. Plávajúce panely na počítači sa nikdy nerozšíria za obrazovku. */

.eventy-vyber-panel {
	max-width: calc(100vw - 24px);
}

.eventy-datum-panel input[type="date"],
.eventy-fp-rozsah input[type="date"] {
	box-sizing: border-box;
	max-width: 100%;
}

/* iOS Safari dáva dátumovému poľu vlastnú najmenšiu šírku a pole by vytŕčalo z panela. */
@supports (-webkit-touch-callout: none) {
	.eventy-fp-rozsah input[type="date"] {
		-webkit-appearance: none;
		appearance: none;
		display: block;
		text-align: left;
	}

	.eventy-fp-rozsah input[type="date"]::-webkit-date-and-time-value {
		text-align: left;
	}
}

@media (max-width: 479.98px) {
	.eventy-fp-rozsah {
		flex-direction: column;
		gap: 12px;
	}
}

/* =========================================================================
   Doplnky verzie 3.19: počty vo filtroch, panely na mobile, okraj stránky
   ========================================================================= */

/* Možnosť bez podujatí sa dá prečítať, ale nedá sa zapnúť. */
.eventy-vyber-polozka.je-prazdna,
.eventy-fp-moznost.je-prazdna,
.eventy-fp-pilulka.je-prazdna {
	color: var(--eventy-text-tichy);
	cursor: default;
}

.eventy-vyber-polozka.je-prazdna {
	display: block;
	padding: 8px 10px;
	font-size: 14px;
	border-radius: var(--eventy-roh-pole);
}

.eventy-fp-moznost.je-prazdna input,
.eventy-fp-pilulka.je-prazdna input {
	cursor: default;
}

.eventy-fp-pilulka.je-prazdna span {
	opacity: 0.6;
}

/* Kalendárik pri Od a Do otvára prehliadač sám a ukotví ho k políčku.
   Preto má pole na úzkej obrazovke odstup od okrajov panela a panely
   výberu nie sú plávajúce okná pri pilulke, ale pruh cez celú šírku
   panela filtrov. Tým sa nemá čo dostať za okraj obrazovky. */
@media (max-width: 899.98px) {
	.eventy-filtre {
		position: relative;
	}

	.eventy-vyber {
		position: static;
	}

	.eventy-vyber-panel {
		left: 12px;
		right: 12px;
		width: auto;
		min-width: 0;
		max-width: none;
	}

	.eventy-datum-panel form {
		padding: 10px 16px 14px;
	}
}

@media (max-width: 559.98px) {
	.eventy-datum-panel form,
	.eventy-fp-rozsah {
		flex-direction: column;
		align-items: stretch;
	}

	.eventy-datum-panel label,
	.eventy-fp-rozsah label {
		width: 100%;
	}
}

/* Šablóna má vlastné odsadenie obsahu, plugin na mobile ďalšie nepridáva.
   Platí len na našich stránkach, obsahové stránky ostávajú bez zmeny. */
@media (max-width: 767.98px) {
	body.ma-eventy .eventy {
		padding-left: 0;
		padding-right: 0;
	}
}

/* ---------- Odber: jeden blok s dvoma možnosťami ---------- */

.eventy-odber-blok {
	margin-top: 34px;
	padding: 18px 20px;
	background: var(--eventy-plocha-vnorena);
	border-radius: 16px;
}

.eventy-odber-nadpis {
	display: block;
	font-size: 15px;
	color: var(--eventy-text);
}

.eventy-odber-popis {
	margin: 4px 0 14px;
	font-size: 13px;
	line-height: 1.55;
	color: var(--eventy-text-tichy);
	max-width: 52ch;
}

.eventy-odber-volby {
	display: grid;
	gap: 10px;
}

@media (min-width: 720px) {
	.eventy-odber-volby {
		grid-template-columns: 1fr 1fr;
		align-items: start;
	}
}

.eventy-odber-volba {
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 12px;
}

.eventy-odber-volba > summary {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 12px 14px;
	font-size: 14px;
	color: var(--eventy-text);
	cursor: pointer;
	list-style: none;
}

.eventy-odber-volba > summary::-webkit-details-marker {
	display: none;
}

.eventy-odber-volba > summary small {
	color: var(--eventy-text-tichy);
	font-size: 12px;
}

.eventy-odber-volba > summary::after {
	content: "+";
	margin-left: auto;
	font-size: 15px;
	color: var(--eventy-text-tichy);
}

.eventy-odber-volba[open] > summary::after {
	content: "−";
}

.eventy-odber-volba[open] {
	border-color: var(--eventy-plocha-dobrej);
}

.eventy-odber-volba-telo {
	padding: 0 14px 14px;
}

.eventy-odber-volba-telo .eventy-odber-form {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.eventy-odber-volba-telo .eventy-odber-form input[type="email"] {
	flex: 1 1 180px;
	min-width: 0;
	height: 36px;
	padding: 0 14px;
	font-size: 15px;
	font-family: inherit;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
}

.eventy-odber-volba-telo small {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

/* Odber kalendára aj so záložnými možnosťami */

.eventy-kalendar-odber .eventy-btn,
.eventy-kalendar-odber .eventy-btn:link,
.eventy-kalendar-odber .eventy-btn:visited {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: var(--eventy-text-na-noci);
}

.eventy-kalendar-zaloha {
	margin-top: 10px;
	font-size: 13px;
}

.eventy-kalendar-zaloha > summary {
	color: var(--eventy-text-tichy);
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.eventy-kalendar-zaloha.je-potrebna > summary {
	color: var(--eventy-koniec);
}

.eventy-kalendar-zaloha-telo {
	margin-top: 8px;
}

.eventy-kalendar-zaloha-telo p {
	margin: 0 0 8px;
}

.eventy-kalendar-adresa {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.eventy-kalendar-adresa input {
	flex: 1 1 160px;
	min-width: 0;
	height: 34px;
	padding: 0 12px;
	font-size: 12px;
	font-family: inherit;
	color: var(--eventy-text-tichy);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
}

.eventy-kalendar-kopirovat {
	height: 34px;
	padding: 0 14px;
	font-size: 12.5px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

.eventy-kalendar-kopirovat:hover {
	border-color: var(--eventy-ciara-silna);
}

/* Obyčajný riadok s odkazom namiesto karty s tlačidlom */

.eventy-odkaz-riadok {
	margin: 22px 0 0;
	font-size: 14px;
}

.eventy-odkaz-riadok a {
	color: var(--eventy-text);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Prepínač dlhého popisu je tichý odkaz, nie hlavná akcia. */

.eventy-popis-viac,
.eventy .eventy-popis-viac {
	display: inline;
	margin-top: 10px;
	padding: 0;
	font-size: 14px;
	font-family: inherit;
	font-weight: 400;
	color: var(--eventy-text);
	background: none;
	border: 0;
	border-radius: 0;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.eventy-popis-viac:hover,
.eventy .eventy-popis-viac:hover {
	background: none;
	color: var(--eventy-text);
}

/* ---------- Galéria vo formulári: rovnaká plocha ako hlavný obrázok ---------- */

.eventy-pole-galeria {
	margin-top: 16px;
}

.eventy-nahratie-dalsie {
	display: none;
}

.eventy-pole.ma-nahlady .eventy-nahratie {
	flex-direction: row;
	gap: 8px;
	padding: 10px 16px;
	border-style: solid;
	border-width: 1px;
}

.eventy-pole.ma-nahlady .eventy-nahratie svg,
.eventy-pole.ma-nahlady .eventy-nahratie-popis,
.eventy-pole.ma-nahlady .eventy-nahratie-prvy {
	display: none;
}

.eventy-pole.ma-nahlady .eventy-nahratie-dalsie {
	display: inline;
	font-size: 13px;
}

/* Pri plnom počte fotiek sa plocha na nahratie skryje. */
.eventy-pole.je-plna .eventy-nahratie {
	display: none;
}

.eventy-nahlad-odobrat {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 26px;
	height: 26px;
	padding: 0;
	font-size: 17px;
	line-height: 1;
	font-family: inherit;
	color: var(--eventy-text);
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid var(--eventy-ciara);
	border-radius: 50%;
	cursor: pointer;
}

.eventy-nahlad-odobrat:hover {
	background: var(--eventy-plocha-karty);
	border-color: var(--eventy-koniec);
	color: var(--eventy-koniec);
}

/* ---------- Náhľad podujatia a poďakovanie po odoslaní ---------- */

.eventy-nahlad-pas {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 18px;
	padding: 12px 16px;
	background: var(--eventy-plocha-akcentu);
	border: 1px solid var(--eventy-akcent);
	border-radius: 12px;
	font-size: 14px;
	color: var(--eventy-odkaz);
}

.eventy-nahlad-pas a,
.eventy-nahlad-pas a:link,
.eventy-nahlad-pas a:visited {
	padding: 7px 16px;
	font-size: 13px;
	text-decoration: none;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-noc);
	color: var(--eventy-text-na-noci);
	white-space: nowrap;
}

.eventy-hotovo-akcie {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 18px;
}

.eventy-btn--tiche,
.eventy-btn--tiche:link,
.eventy-btn--tiche:visited {
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	color: var(--eventy-text);
}

.eventy-btn--tiche:hover {
	background: var(--eventy-plocha-vnorena);
	border-color: var(--eventy-ciara-silna);
	color: var(--eventy-text);
}

.eventy-hotovo-odkaz {
	font-size: 14px;
	color: var(--eventy-text-tichy);
	text-decoration: underline;
	text-underline-offset: 3px;
}
/* =========================================================================
   Verzia 4.2.0: stavy karty, zrušené podujatia, pásy na úvode a hodnotenia
   ====================================================================== */

/* ---------- Predposledný riadok karty ---------- */

/* Štvorec so srdiečkom má 38 px a nikdy nie je na riadku sám. Vedľajší
   široký prvok je vyšší, preto sa srdiečko neťahá, ale vycentruje. */
.eventy-srdce--karta {
	flex: 0 0 38px;
	align-self: center;
	width: 38px;
	height: 38px;
	min-height: 38px;
	border-radius: 11px;
}

.eventy-podrobnosti-riadok {
	display: flex;
	gap: 6px;
	align-items: stretch;
}

.eventy-karta-cta--riadok,
.eventy-karta-cta--riadok:link,
.eventy-karta-cta--riadok:visited {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 14px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	border-radius: 12px;
}

/* Podrobnosti na e-mail: oranžová ako termín nad kartou. */
.eventy-podrobnosti-btn,
.eventy-podrobnosti-btn:hover,
.eventy-podrobnosti-btn:focus,
.eventy-podrobnosti-btn:active {
	flex: 1 1 auto;
	min-width: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 14px;
	font-size: 14px;
	font-family: inherit;
	font-weight: 600;
	line-height: 1.3;
	color: var(--eventy-na-akcente);
	background: var(--eventy-akcent);
	border: 1px solid var(--eventy-akcent);
	border-radius: 12px;
	cursor: pointer;
}

.eventy-podrobnosti-btn:hover,
.eventy-podrobnosti.je-otvorena .eventy-podrobnosti-btn {
	background: var(--eventy-akcent);
	border-color: var(--eventy-akcent);
}

.eventy-podrobnosti-btn:focus-visible {
	outline: 2px solid var(--eventy-fokus);
	outline-offset: 2px;
}

.eventy-podrobnosti-tichy {
	margin: 8px 0 0;
	text-align: center;
}

.eventy-tichy-odkaz {
	padding: 0;
	font-size: 13px;
	font-family: inherit;
	color: var(--eventy-text-tichy);
	background: none;
	border: 0;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.eventy-tichy-odkaz:hover {
	color: var(--eventy-text);
}

.eventy-podrobnosti-panel {
	margin-top: 8px;
	padding: 14px;
	background: var(--eventy-plocha-akcentu);
	border: 1px solid var(--eventy-akcent);
	border-radius: var(--eventy-roh-dialog);
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--eventy-text);
}

.eventy-podrobnosti-panel p {
	margin: 0 0 10px;
}

.eventy-podrobnosti-pole {
	display: flex;
	gap: 6px;
}

.eventy-podrobnosti-pole input[type="email"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 40px;
	padding: 0 12px;
	font-size: 16px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-akcent);
	border-radius: var(--eventy-roh-pole);
}

.eventy-podrobnosti-pole input[type="email"]:focus {
	border-color: var(--eventy-akcent);
}

.eventy-podrobnosti-pole .eventy-btn {
	height: 40px;
	flex: 0 0 auto;
}

.eventy-podrobnosti-panel small {
	display: block;
	font-size: 11.5px;
	color: var(--eventy-text-tichy);
}

.eventy-podrobnosti-odpoved {
	margin: 10px 0 0 !important;
	font-weight: 600;
	color: var(--eventy-dobra-sprava);
}

.eventy-podrobnosti-odpoved.je-chyba {
	color: var(--eventy-koniec);
}

/* ---------- Zrušené podujatie v karte ---------- */

.eventy-zrusene-pas {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0;
	padding: 12px 14px;
	background: var(--eventy-plocha-konca);
	border: 1px solid var(--eventy-plocha-konca);
	border-radius: 12px;
	color: var(--eventy-koniec);
}

.eventy-zrusene-pas strong {
	font-size: 15px;
}

.eventy-zrusene-dovod {
	font-size: 13px;
	color: var(--eventy-text-tichy);
}

.eventy-zrusene-odber {
	margin-top: 12px;
	padding: 14px;
	background: var(--eventy-plocha-vnorena);
	border-radius: 12px;
}

.eventy-zrusene-veta {
	margin: 0 0 10px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--eventy-text);
}

.eventy-zrusene-odber .eventy-odber-form {
	display: flex;
	flex-wrap: nowrap;
	gap: 6px;
}

.eventy-zrusene-odber .eventy-odber-form input[type="email"] {
	flex: 1 1 60px;
	min-width: 0;
	height: 40px;
	padding: 0 12px;
	font-size: 16px;
	font-family: inherit;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
}

.eventy-zrusene-odber .eventy-btn {
	height: 40px;
	flex: 0 0 auto;
}

.eventy-zrusene-odber small {
	display: block;
	margin-top: 8px;
	font-size: 11.5px;
	color: var(--eventy-text-tichy);
}

/* ---------- Choď s niekým ---------- */

.eventy-zdielat {
	display: block;
}

.eventy-zdielat-nadpis {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	color: var(--eventy-text);
}

.eventy-zdielat-ikony {
	justify-content: flex-start;
}

.eventy-zdielat-stav {
	right: auto;
	left: 0;
}


/* ---------- Hodnotenie po podujatí ---------- */

.eventy-hodnotenie-obal {
	text-align: left;
}

.eventy-hodnotenie-nazov {
	font-weight: 600;
	color: var(--eventy-text);
}

.eventy-hodnotenie-skupina {
	margin: 0 0 18px;
	padding: 14px 16px;
	border: 1px solid var(--eventy-ciara);
	border-radius: 14px;
}

.eventy-hodnotenie-skupina legend {
	padding: 0 6px;
	font-size: 14px;
	font-weight: 600;
	color: var(--eventy-text);
}

.eventy-hodnotenie-skupina .eventy-inline {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	margin: 6px 0;
	font-size: 14.5px;
}

.eventy-hodnotenie-zaporne {
	margin-top: 10px;
}

.eventy-hodnotenie-zaporne summary {
	font-size: 13px;
	color: var(--eventy-text-tichy);
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 3px;
	list-style: none;
}

.eventy-hodnotenie-zaporne summary::-webkit-details-marker {
	display: none;
}

.eventy-hodnotenie-zaporne-telo {
	margin-top: 6px;
	padding-left: 2px;
}

.eventy-hodnotenie-text {
	margin: 0 0 16px;
}

.eventy-hodnotenie-text label {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	color: var(--eventy-text-tichy);
}

.eventy-hodnotenie-text textarea {
	width: 100%;
	padding: 10px 12px;
	font-size: 16px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
}

.eventy-hodnotenie-text textarea:focus {
	border-color: var(--eventy-ciara-silna);
}

/* =========================================================================
   Verzia 4.3.0: program večera s typmi blokov, návrhy duplicít, drobnosti
   ====================================================================== */

/* ---------- Návrhy podobných podujatí vo formulári ---------- */

.eventy-podobne {
	margin: -6px 0 16px;
	padding: 12px 14px;
	background: var(--eventy-plocha-akcentu);
	border: 1px solid var(--eventy-akcent);
	border-radius: 12px;
}

.eventy-podobne-veta {
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--eventy-text);
}

.eventy-podobne-zoznam {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.eventy-podobne-polozka,
.eventy-podobne-polozka:link,
.eventy-podobne-polozka:visited {
	display: flex;
	flex-direction: column;
	gap: 1px;
	padding: 8px 10px;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-akcent);
	border-radius: 10px;
	text-decoration: none;
	color: var(--eventy-text);
}

.eventy-podobne-polozka:hover {
	border-color: var(--eventy-akcent);
}

.eventy-podobne-polozka span {
	font-size: 12.5px;
	color: var(--eventy-text-tichy);
}

.eventy-podobne small {
	display: block;
	margin-top: 8px;
	font-size: 11.5px;
	color: var(--eventy-text-tichy);
}

/* ---------- Program vo verejnom formulári ---------- */

.eventy-riadok--program {
	position: relative;
}

.eventy-riadok-presun {
	position: absolute;
	top: 8px;
	right: 42px;
	display: flex;
	gap: 2px;
}

.eventy-riadok-presun button {
	width: 24px;
	height: 24px;
	padding: 0;
	font-size: 14px;
	line-height: 1;
	color: var(--eventy-text-tichy);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 7px;
	cursor: pointer;
}

.eventy-riadok-presun button:hover {
	border-color: var(--eventy-ciara-silna);
	color: var(--eventy-text);
}

/* Film a bod programu nemajú prednášajúceho, názov zaberie zvyšok riadku. */
.eventy-riadok--program[data-typ="film"] .eventy-riadok-nazov,
.eventy-riadok--program[data-typ="bod"] .eventy-riadok-nazov {
	grid-column: 2 / -1;
}

.eventy-riadok--program textarea {
	grid-column: 1 / -1;
	width: 100%;
	min-height: 54px;
}

/* Štítky prednášky: tie isté pilulky ako pri jednej prednáške, len menšie. */
.eventy-form .eventy-riadok-stitky {
	grid-column: 1 / -1;
	min-width: 0;
	margin: 6px 0 2px;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
}

/* Legenda bez rámika fieldsetu: pláva, aby bola v bežnom toku ako nadpis. */
.eventy-form .eventy-riadok-stitky legend {
	float: left;
	width: 100%;
	margin: 0 0 6px;
	padding: 0;
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	color: var(--eventy-text);
}

.eventy-form .eventy-riadok-stitky legend + * {
	clear: both;
}

.eventy-riadok-skupina + .eventy-riadok-skupina {
	margin-top: 8px;
}

.eventy-riadok-skupina-nazov {
	display: block;
	margin-bottom: 5px;
	font-size: 11.5px;
	color: var(--eventy-text-tichy);
}

.eventy-stitky--male {
	gap: 6px;
}

.eventy-stitky--male .eventy-stitok span {
	padding: 5px 11px;
	font-size: 12.5px;
}

/* Tlačidlo Pridať položku a jeho ponuka */
.eventy-program-pridanie {
	position: relative;
}

.eventy-pridat-polozku {
	padding: 9px 18px;
	font-size: 13.5px;
	font-family: inherit;
	font-weight: 600;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara-silna);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

.eventy-pridat-polozku:hover,
.eventy-pridat-polozku[aria-expanded="true"] {
	background: var(--eventy-plocha-vnorena);
}

.eventy-program-ponuka {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	z-index: 30;
	display: flex;
	flex-direction: column;
	min-width: 210px;
	padding: 6px;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-dialog);
	box-shadow: var(--eventy-tien-plavajuce);
}

.eventy-program-ponuka .eventy-pridat-blok {
	padding: 10px 12px;
	font-size: 14px;
	font-family: inherit;
	text-align: left;
	color: var(--eventy-text);
	background: none;
	border: 0;
	border-radius: 8px;
	cursor: pointer;
}

.eventy-program-ponuka .eventy-pridat-blok:hover,
.eventy-program-ponuka .eventy-pridat-blok:focus-visible {
	background: var(--eventy-plocha-vnorena);
}

/* Pri prednáškach a filmoch je v ponuke oddelenie od prestávky a ostatných. */
.eventy-program-ponuka [data-volba="prestavka"] {
	margin-top: 5px;
	border-top: 1px solid var(--eventy-ciara);
	border-radius: 0 0 8px 8px;
	padding-top: 13px;
}

/* Veta namiesto polí, ktoré sa pri podujatí s programom vypĺňajú v programe. */
.eventy-v-programe {
	margin: 0 0 12px;
	padding: 10px 12px;
	font-size: 13.5px;
	color: var(--eventy-text-tichy);
	background: var(--eventy-plocha-vnorena);
	border-radius: 10px;
}

@media (max-width: 620px) {
	/* Na úzkej obrazovke má názov vždy celý riadok, aj pri filme a bode programu. */
	.eventy-riadok--program[data-typ] .eventy-riadok-nazov {
		grid-column: 1 / -1;
	}
}

.eventy-riadok--program.sa-tahá {
	opacity: .5;
}

.eventy-program-oznam {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin: 10px 0;
	padding: 10px 12px;
	font-size: 13.5px;
	background: var(--eventy-plocha-akcentu);
	border: 1px solid var(--eventy-akcent);
	border-radius: 10px;
}

.eventy-prepocitat-casy {
	padding: 6px 14px;
	font-size: 13px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara-silna);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

.eventy-prepocitat-casy:hover {
	background: var(--eventy-plocha-vnorena);
}

/* Viacdňový program vo formulári: dni pod sebou, každý s vlastnou ponukou. */
.eventy-riadky--program .eventy-program-den {
	margin: 0 0 18px;
	padding: 0 0 16px;
	border-bottom: 1px solid var(--eventy-ciara);
}

.eventy-riadky--program .eventy-program-den-nadpis {
	margin: 0 0 10px;
	font-weight: 600;
	color: var(--eventy-text);
}

.eventy-program-den-riadky {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-height: 40px;
}

.eventy-program-den-riadky:empty {
	display: none;
}

.eventy-program-den-prazdny {
	margin: 0 0 10px;
	padding: 12px 14px;
	font-size: 13.5px;
	color: var(--eventy-text-tichy);
	border: 1px dashed var(--eventy-ciara);
	border-radius: 10px;
}

.eventy-program-den-prazdny[hidden],
.eventy-program-dni[hidden],
.eventy-riadky-tlacidla[hidden] {
	display: none;
}

.eventy-program-den .eventy-riadky-tlacidla {
	margin-top: 10px;
}

.eventy-program-dni {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin: 4px 0 10px;
}

.eventy-pridat-den {
	padding: 9px 18px;
	font-size: 13.5px;
	font-family: inherit;
	font-weight: 600;
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border: 1px solid var(--eventy-ciara-silna);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

.eventy-pridat-den:hover {
	background: var(--eventy-plocha-noc-stlac);
}

.eventy-odobrat-den {
	padding: 0;
	font-size: 13px;
	font-family: inherit;
	color: var(--eventy-text-tichy);
	background: none;
	border: 0;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.eventy-program-dni-oznam {
	margin: 0 0 10px;
	padding: 10px 12px;
	font-size: 13.5px;
	color: var(--eventy-text);
	background: var(--eventy-plocha-vnorena);
	border-radius: 10px;
}

/* Riadok Podujatie trvá viac dní pod dátumom a časom. */
.eventy-viac-dni {
	margin-top: 4px;
}

.eventy-viac-dni summary {
	display: inline-block;
	font-size: 13.5px;
	color: var(--eventy-text-tichy);
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 3px;
	list-style: none;
}

.eventy-viac-dni summary::-webkit-details-marker {
	display: none;
}

.eventy-viac-dni[open] summary {
	margin-bottom: 10px;
}

.eventy-viac-dni .eventy-pole {
	max-width: 260px;
}

/* ---------- Program na detaile ---------- */

.eventy-program-viac {
	margin-top: 4px;
}

.eventy-program-viac summary {
	display: inline-block;
	font-size: 13px;
	color: var(--eventy-text-tichy);
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 3px;
	list-style: none;
}

.eventy-program-viac summary::-webkit-details-marker {
	display: none;
}

.eventy-program-viac p {
	margin: 6px 0 0;
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--eventy-text);
}

.eventy-program-fotky-pas {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin-top: 8px;
}

.eventy-program-fotka {
	width: 64px;
	height: 64px;
	padding: 0;
	border: 0;
	border-radius: var(--eventy-roh-ziadny);
	background-size: cover;
	background-position: center;
	cursor: pointer;
}

.eventy-program-fotka:hover,
.eventy-program-fotka:focus-visible {
	outline: 2px solid var(--eventy-fokus);
	outline-offset: 2px;
}

.eventy-program-poznamka {
	margin: 14px 0 0;
	font-size: 12.5px;
	color: var(--eventy-text-tichy);
}

/* ---------- Prehliadač fotiek bloku ---------- */

body.ma-eventy-prehliadac {
	overflow: hidden;
}

/* Poistka: okno sa pri zatvorení odstraňuje, ale skrytý prvok nesmie ostať
   viditeľný kvôli display: flex nižšie. */
.eventy-prehliadac[hidden] {
	display: none;
}

.eventy-prehliadac {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 20px;
	background: rgba(15, 15, 14, .93);
}

.eventy-prehliadac img {
	max-width: min(1200px, 92vw);
	max-height: 86vh;
	border-radius: var(--eventy-roh-ziadny);
}

.eventy-prehliadac-zavriet,
.eventy-prehliadac-sipka {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	font-size: 24px;
	line-height: 1;
	color: var(--eventy-text-na-noci);
	background: rgba(255, 255, 255, .12);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
}

.eventy-prehliadac-zavriet {
	position: absolute;
	top: 16px;
	right: 16px;
	font-size: 22px;
}

.eventy-prehliadac-zavriet:hover,
.eventy-prehliadac-sipka:hover {
	background: rgba(255, 255, 255, .24);
}

.eventy-prehliadac-pocet {
	position: absolute;
	bottom: 18px;
	left: 0;
	right: 0;
	margin: 0;
	text-align: center;
	font-size: 13px;
	color: var(--eventy-text-tichy);
}

@media (max-width: 640px) {
	.eventy-prehliadac-sipka {
		position: absolute;
		bottom: 50px;
	}

	.eventy-prehliadac-spat { left: 20px; }
	.eventy-prehliadac-dalej { right: 20px; }
}

/* ---------- Zrušené podujatie: odkaz na predajcu ---------- */

.eventy-zrusene-predajca {
	margin: 10px 0 0;
	text-align: center;
}

/* =========================================================================
   Verzia 4.4.0: pomer 16 : 9, orezanie obrázka, mapa ako pás, drobnosti
   ====================================================================== */

/* ---------- Obrázok na detaile a v galérii: celý, nie orezaný ---------- */

.eventy-detail-obrazok {
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center;
}

/* Prázdne miesto po stranách vypĺňa rozmazaná tá istá fotka. Pri pomere
   16 : 9 po nej nie je ani stopy, lebo fotka zakryje celý rám. */
.eventy-detail-obrazok::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: inherit;
	background-size: cover;
	background-position: center;
	filter: blur(22px) saturate(1.15);
	transform: scale(1.18);
}

.eventy-detail-obrazok > img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.eventy-obrazok--nahrada::before {
	display: none;
}

/* ---------- Výrez hlavného obrázka vo formulári ---------- */

.eventy-nahlad-orezat {
	position: absolute;
	left: 6px;
	bottom: 6px;
	padding: 4px 10px;
	font-size: 12px;
	font-family: inherit;
	color: var(--eventy-text);
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
}

.eventy-nahlad-orezat:hover {
	border-color: var(--eventy-ciara-silna);
}

/* ---------- Jedno pole Fotky: štvorcové náhľady v poradí ---------- */

.eventy-nahlady--fotky .eventy-nahlad {
	width: 124px;
	cursor: grab;
	-webkit-user-select: none;
	user-select: none;
}

.eventy-nahlady--fotky .eventy-nahlad.je-nahravanie {
	cursor: default;
}

.eventy-nahlady--fotky .eventy-nahlad img {
	aspect-ratio: 1 / 1;
}

/* Hlavná fotka má tmavý rámik, aby bolo vidieť, ktorá ide do prehľadu. */
.eventy-nahlady--fotky .eventy-nahlad.je-hlavna {
	border-color: var(--eventy-ciara-silna);
	box-shadow: 0 0 0 1px var(--eventy-ciara-silna);
}

.eventy-nahlad-hlavna {
	position: absolute;
	top: 6px;
	left: 6px;
	padding: 2px 8px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border-radius: var(--eventy-roh-pilulka);
	pointer-events: none;
}

.eventy-nahlady--fotky .eventy-nahlad-orezat {
	left: 6px;
	right: 6px;
	bottom: 6px;
	padding: 4px 6px;
	font-size: 11.5px;
	white-space: nowrap;
}

.eventy-nahlad.je-tahany {
	opacity: 0.4;
}

.eventy-nahlad.je-ciel {
	outline: 2px solid var(--eventy-fokus);
	outline-offset: 2px;
}

/* Šípky na zmenu poradia: na dotykových zariadeniach vždy, inak pri fokuse z klávesnice. */
.eventy-nahlad-sipka {
	position: absolute;
	top: 50%;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	padding: 0;
	font-size: 20px;
	line-height: 1;
	font-family: inherit;
	color: var(--eventy-text);
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid var(--eventy-ciara);
	border-radius: 50%;
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
}

.eventy-nahlad-vlavo {
	left: 6px;
}

.eventy-nahlad-vpravo {
	right: 6px;
}

.eventy-nahlad:focus-within .eventy-nahlad-sipka {
	opacity: 1;
	pointer-events: auto;
}

.eventy-nahlad-sipka:disabled {
	visibility: hidden;
}

.eventy-nahlad-sipka:hover {
	border-color: var(--eventy-ciara-silna);
}

@media (hover: none) {
	.eventy-nahlad-sipka {
		opacity: 1;
		pointer-events: auto;
	}
}

.eventy-fotky-poradie {
	margin: 8px 0 0;
	font-size: 12.5px;
	color: var(--eventy-text-tichy);
}

body.ma-eventy-orez {
	overflow: hidden;
}

.eventy-orez {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(15, 15, 14, 0.88);
}

.eventy-orez-panel {
	width: 100%;
	max-width: 560px;
	padding: 18px;
	background: var(--eventy-plocha-karty);
	border-radius: var(--eventy-roh-dialog);
}

.eventy-orez-popis {
	margin: 0 0 12px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--eventy-text-tichy);
}

.eventy-orez-ram {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--eventy-roh-dialog);
	background: var(--eventy-text);
	cursor: grab;
	touch-action: none;
	user-select: none;
}

.eventy-orez-ram:active {
	cursor: grabbing;
}

.eventy-orez-ram img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	transform-origin: 0 0;
	user-select: none;
	-webkit-user-drag: none;
}

.eventy-orez-lupa {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 14px 0 0;
	font-size: 13px;
	color: var(--eventy-text-tichy);
}

.eventy-orez-lupa input {
	flex: 1 1 auto;
	min-width: 0;
}

.eventy-orez-chyba {
	margin: 10px 0 0;
	font-size: 13px;
	font-weight: 600;
	color: var(--eventy-koniec);
}

.eventy-orez-tlacidla {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 16px;
}

.eventy-orez-zrusit {
	padding: 0;
	font-size: 13.5px;
	font-family: inherit;
	color: var(--eventy-text-tichy);
	background: none;
	border: 0;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

/* ---------- Mapa ako úzky pás na mobile ---------- */

.eventy-mapa--pas {
	display: none;
}

.eventy-mapa-prekrytie,
.eventy-mapa-prekrytie:link,
.eventy-mapa-prekrytie:visited {
	position: absolute;
	inset: 0;
	z-index: 500;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 8px;
	font-size: 13px;
	font-weight: 600;
	font-family: inherit;
	color: var(--eventy-text);
	text-decoration: none;
	background: linear-gradient(to top, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0) 55%);
	border: 0;
	cursor: pointer;
}

.eventy-mapa-zavriet {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 600;
	width: 36px;
	height: 36px;
	font-size: 20px;
	line-height: 1;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 50%;
	cursor: pointer;
}

@media (max-width: 879px) {
	/* Mapa nezaberá skoro celú obrazovku, je z nej úzky pás cez celú šírku.
	   Priblíženie a posúvanie sú vypnuté, aby sa pri rolovaní stránky
	   prstom neposúvala mapa. Celý pás je namiesto toho klikateľný. */
	.eventy-mapa,
	.eventy-mapa--male {
		height: 130px;
		margin: 14px 0 16px;
	}

	.eventy-mapa--pas {
		display: block;
		margin: 12px 0 0;
	}

	.eventy-mapa.je-rozbalena {
		position: fixed;
		inset: 0;
		z-index: 100000;
		height: auto;
		margin: 0;
		border-radius: 0;
	}

	body.ma-eventy-mapu {
		overflow: hidden;
	}
}

/* ---------- Galéria: ťahanie myšou na počítači ---------- */

.eventy-galeria-pas {
	cursor: grab;
}

.eventy-galeria-pas.sa-tahá {
	cursor: grabbing;
	scroll-behavior: auto;
	user-select: none;
	/* Počas ťahania sa pás nesmie prichytávať, inak by skákal späť. */
	scroll-snap-type: none;
}

.eventy-galeria-pas.sa-tahá * {
	pointer-events: none;
}

/* ---------- Odber: popisok pod názvom na úzkej obrazovke ---------- */

@media (max-width: 559px) {
	.eventy-odber-volba > summary {
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		gap: 4px 9px;
	}

	.eventy-odber-volba > summary > span {
		white-space: nowrap;
	}

	.eventy-odber-volba > summary small {
		grid-column: 2 / 4;
	}

	.eventy-odber-volba > summary::after {
		grid-row: 1;
		grid-column: 3;
		margin-left: 0;
	}
}

/* ---------- Kalendár na stránke po potvrdení odberu ---------- */

.eventy-stav-kalendar {
	margin: 18px 0 6px;
	padding: 16px;
	background: var(--eventy-plocha-vnorena);
	border-radius: 14px;
	text-align: left;
}

.eventy-stav-kalendar-veta {
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 600;
	color: var(--eventy-text);
}

/* =========================================================================
   Verzia 4.5.0: video na fotke, galéria v dlaždici, zdieľanie na jednom
   riadku a blok o systéme na organizovanie
   ====================================================================== */

/* ---------- Video ako odznak na fotke ---------- */

.eventy-video-odznak,
.eventy-video-odznak:link,
.eventy-video-odznak:visited {
	position: absolute;
	left: 12px;
	bottom: 12px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px 8px 12px;
	font-size: 13.5px;
	font-weight: 600;
	font-family: inherit;
	color: var(--eventy-text);
	text-decoration: none;
	background: rgba(255, 255, 255, 0.94);
	border: 0;
	border-radius: var(--eventy-roh-pilulka);
	box-shadow: var(--eventy-tien-zdvih);
	cursor: pointer;
}

.eventy-video-odznak:hover,
.eventy-video-odznak:focus-visible {
	background: var(--eventy-plocha-karty);
	color: var(--eventy-text);
}

.eventy-video-odznak .eventy-video-ikona {
	position: static;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border-radius: 50%;
}

.eventy-detail-obrazok-obal {
	position: relative;
}

@media (max-width: 559px) {
	.eventy-video-odznak,
	.eventy-video-odznak:link {
		left: 8px;
		bottom: 8px;
		padding: 5px 12px 5px 8px;
		font-size: 12.5px;
		gap: 6px;
	}

	.eventy-video-odznak .eventy-video-ikona {
		width: 18px;
		height: 18px;
	}
}

/* Prehrávač na celú obrazovku */

.eventy-prehliadac-video {
	width: min(1100px, 92vw);
	aspect-ratio: 16 / 9;
}

.eventy-prehliadac-video iframe {
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: var(--eventy-roh-ziadny);
}

/* ---------- Galéria v dlaždici ---------- */

.eventy-dlazdica-galeria {
	position: relative;
	display: block;
}

.eventy-dlazdica-pas {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	/* Aby posun na konci pásu nerozhýbal stránku ani nevyvolal gesto Späť. */
	overscroll-behavior-x: contain;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.eventy-dlazdica-pas::-webkit-scrollbar {
	display: none;
}

.eventy-dlazdica-snimka,
.eventy-dlazdica-snimka:link,
.eventy-dlazdica-snimka:visited {
	flex: 0 0 100%;
	scroll-snap-align: start;
	display: block;
	text-decoration: none;
}

.eventy-dlazdica-sipka {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	padding: 0;
	color: var(--eventy-text);
	background: rgba(255, 255, 255, 0.92);
	border: 0;
	border-radius: 50%;
	box-shadow: var(--eventy-tien-zdvih);
	cursor: pointer;
	opacity: 0;
	transition: opacity .15s ease;
}

.eventy-dlazdica-sipka--spat {
	left: 8px;
}

.eventy-dlazdica-sipka--dalej {
	right: 8px;
}

.eventy-dlazdica-sipka[disabled] {
	display: none;
}

/* Šípky sú len pre myš, na dotyku sa listuje prstom. */
@media (hover: hover) and (pointer: fine) {
	.eventy-dlazdica:hover .eventy-dlazdica-sipka,
	.eventy-dlazdica-sipka:focus-visible {
		opacity: 1;
	}
}

.eventy-dlazdica-bodky {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 8px;
	z-index: 3;
	display: flex;
	justify-content: center;
	gap: 5px;
	pointer-events: auto;
}

.eventy-dlazdica-bodky button {
	width: 16px;
	height: 16px;
	padding: 0;
	background: none;
	border: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.eventy-dlazdica-bodky button span {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.65);
	box-shadow: var(--eventy-tien-zdvih);
}

.eventy-dlazdica-bodky button.je-aktivna span {
	width: 7px;
	height: 7px;
	background: var(--eventy-plocha-karty);
}

/* Srdiečko a značky ostávajú nad galériou a s fotkami sa neposúvajú. */
.eventy-obrazok-obal > .eventy-srdce,
.eventy-obrazok-obal > .eventy-znacka-rohu,
.eventy-obrazok-obal > .eventy-video-ikona,
.eventy-obrazok-obal > .eventy-znacka-kde {
	z-index: 4;
}

/* ---------- Zdieľanie na jednom riadku ---------- */

.eventy-zdielat {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.eventy-zdielat-nadpis {
	font-size: 13px;
	font-weight: 400;
	color: var(--eventy-text-tichy);
}

.eventy-zdielat-ikony {
	gap: 2px;
}

.eventy-zdielat-ikona,
.eventy-zdielat-ikona:link,
.eventy-zdielat-ikona:visited,
.eventy-zdielat-ikona:hover,
.eventy-zdielat-ikona:focus {
	width: 34px;
	height: 34px;
	color: var(--eventy-text-tichy);
	background: none;
	border: 0;
}

.eventy-zdielat-ikona:hover,
.eventy-zdielat-ikona:focus-visible,
.eventy-zdielat-ikona.je-skopirovane {
	color: var(--eventy-text);
	background: none;
	border: 0;
}

/* Systémové zdieľanie je tá istá ikona, len samo. Bez vynulovaného odsadenia
   by sa do 34 px zmestilo len pár bodov a ikona by sa scvrkla. */
.eventy-zdielat-system,
.eventy-zdielat-system:hover,
.eventy-zdielat-system:focus {
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	color: var(--eventy-text-tichy);
	background: none;
	border: 0;
}

.eventy-zdielat-system:hover,
.eventy-zdielat-system:focus-visible {
	color: var(--eventy-text);
}

.eventy-zdielat-ikona svg {
	flex: none;
}

/* ---------- Karta: medzera pod cenou a odber v podrobnostiach ---------- */

.eventy-karta-cena + .eventy-karta-cta,
.eventy-karta-popis + .eventy-karta-cta,
.eventy-karta-cena + .eventy-karta-cta--tiha {
	margin-top: 14px;
}

.eventy-karta > .eventy-karta-cta:first-child {
	margin-top: 0;
}

.eventy-podrobnosti-odber {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	margin: 10px 0 6px;
	font-size: 13px;
	line-height: 1.45;
}

.eventy-podrobnosti-odber input {
	margin-top: 2px;
}

/* ---------- Blok o systéme na organizovanie ---------- */

.eventy-system {
	margin-top: 26px;
	padding-top: 22px;
	border-top: 1px solid var(--eventy-ciara);
	text-align: center;
}

.eventy-system-nadpis {
	display: block;
	font-size: 17px;
	color: var(--eventy-text);
}

.eventy-system-text {
	margin: 8px auto 14px;
	max-width: 52ch;
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--eventy-text-tichy);
}

/* ---------- Stránka s poďakovaním ---------- */

.eventy-hotovo-akcie {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-top: 18px;
}

.eventy-hotovo-spat {
	margin: 12px 0 0;
	text-align: center;
}

@media (max-width: 559px) {
	.eventy-hotovo-akcie {
		flex-direction: column;
		align-items: stretch;
	}

	.eventy-hotovo-akcie .eventy-btn {
		width: 100%;
		text-align: center;
	}
}

/* =========================================================================
   Verzia 4.6.0: kalendár na počítači, ponuka profilu organizátora
   ====================================================================== */

/* Keď sa po kliknutí na Pridať do kalendára nič neotvorí, skript rozbalí
   záložné možnosti a zvýrazní odkaz do Google Kalendára. */
.eventy-kalendar-google.je-zvyraznene,
.eventy-kalendar-google.je-zvyraznene:link,
.eventy-kalendar-google.je-zvyraznene:visited {
	display: inline-block;
	padding: 8px 16px;
	font-weight: 600;
	text-decoration: none;
	color: var(--eventy-text);
	background: var(--eventy-plocha-akcentu);
	border: 1px solid var(--eventy-akcent);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-kalendar-google.je-zvyraznene:focus {
	outline: 2px solid var(--eventy-fokus);
	outline-offset: 2px;
}

/* Na stránke po potvrdení odberu je všetko na stred, aj kalendár. */
.eventy-stav-kalendar {
	text-align: center;
}

.eventy-stav-kalendar .eventy-kalendar-adresa,
.eventy-stav-kalendar .eventy-kalendar-odber {
	justify-content: center;
}

.eventy-stav-kalendar .eventy-kalendar-zaloha-telo {
	text-align: center;
}

/* Ponuka profilu organizátora vo formulári */
.eventy-profil-ponuka {
	padding: 14px 16px;
	background: var(--eventy-plocha-vnorena);
	border-radius: var(--eventy-roh-dialog);
}

.eventy-profil-ponuka p {
	margin: 0 0 10px;
	font-size: 13.5px;
	line-height: 1.6;
	color: var(--eventy-text);
}

.eventy-profil-ponuka small {
	display: block;
	margin-top: 8px;
}
/* =========================================================================
   Verzia 4.7.0: typ podujatia, séria, odber ďalších turné, skúšobná verzia
   ====================================================================== */

/* ---------- Typ podujatia ---------- */

/* Tichý štítok v dlaždici. Prednáška je predvolená, tá sa nepíše. */
.eventy-typ-stitok {
	padding: 1px 7px;
	font-size: 11px;
	letter-spacing: 0.02em;
	color: var(--eventy-text);
	background: var(--eventy-plocha-vnorena);
	border-radius: var(--eventy-roh-pilulka);
	white-space: nowrap;
}

/* Štítok je odkaz na /typ/{slug}/, ale vyzerá ako štítok, nie ako odkaz. */
a.eventy-typ-stitok {
	text-decoration: none;
}

a.eventy-typ-stitok:hover,
a.eventy-typ-stitok:focus {
	background: var(--eventy-ciara);
	color: var(--eventy-text);
}

.eventy-typ-podujatia {
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid var(--eventy-ciara);
}

.eventy-typ-podujatia-nadpis {
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
	color: var(--eventy-text);
}

/* ---------- Séria ---------- */

.eventy-seria-logo {
	display: block;
	max-width: 180px;
	height: auto;
	margin-bottom: 10px;
}

.eventy-seria-web {
	margin: 10px 0 0;
	font-size: 14px;
}

.eventy-seria-riadok {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 14px 0 0;
	padding: 10px 14px;
	font-size: 14px;
	background: var(--eventy-plocha-vnorena);
	border-radius: 12px;
}

.eventy-seria-logo-male {
	width: 34px;
	height: 34px;
	object-fit: contain;
	border-radius: 8px;
	background: var(--eventy-plocha-karty);
}

.eventy-seria .eventy-archiv h3,
.eventy-organizator-archiv h3 {
	margin: 18px 0 6px;
	font-size: 15px;
	color: var(--eventy-text-tichy);
}

/* ---------- Profil organizátora ---------- */

.eventy-organizator-logo {
	display: block;
	max-width: 160px;
	max-height: 110px;
	width: auto;
	height: auto;
	margin-bottom: 10px;
	object-fit: contain;
}

.eventy-organizator-odkazy {
	margin-top: 12px;
}

.eventy-organizator-mesta-zoznam {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.eventy-organizator-mesta-zoznam a {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	color: var(--eventy-text);
	text-decoration: none;
}

.eventy-organizator-mesta-zoznam a:hover {
	border-color: var(--eventy-ciara-silna);
}

/* ---------- Profil prezentujúceho ----------
   Len fakty z podujatí, bez fotky a kontaktu. Mestá používajú zoznam
   z profilu organizátora. Veľkosti nadpisov sú v bloku Typografia. */

.eventy-prezentujuci-archiv h3 {
	margin: 18px 0 6px;
	color: var(--eventy-text-tichy);
}

.eventy-prezentujuci-zdroje {
	margin: 36px 0 0;
	padding-top: 14px;
	border-top: 1px solid var(--eventy-ciara);
	font-size: 13px;
	color: var(--eventy-text-tichy);
}

.eventy-prezentujuci-zdroje a {
	color: inherit;
}

/* Meno prednášajúceho na detaile a v programe vedie na profil. */
.eventy-prezentujuci-odkaz {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: var(--eventy-ciara);
	text-underline-offset: 2px;
}

.eventy-prezentujuci-odkaz:hover {
	text-decoration-color: currentColor;
}

/* ---------- Námietka a Zdroje údajov ---------- */

.eventy-namietka,
.eventy-zdroje-udajov {
	max-width: 720px;
}

.eventy-namietka-form {
	display: grid;
	gap: 14px;
	margin-top: 18px;
}

.eventy-namietka-form label {
	display: grid;
	gap: 4px;
}

.eventy-namietka-form input[type="text"],
.eventy-namietka-form input[type="email"],
.eventy-namietka-form input[type="url"],
.eventy-namietka-form select,
.eventy-namietka-form textarea {
	width: 100%;
	padding: 9px 11px;
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
	background: var(--eventy-plocha-karty);
}

.eventy-namietka-form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.eventy-namietka-form fieldset label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 4px 0;
}

.eventy-namietka-pasca {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.eventy-namietka-chyby,
.eventy-namietka-hotovo {
	margin: 18px 0 0;
	padding: 12px 14px;
	border-radius: 10px;
}

.eventy-namietka-chyby {
	background: var(--eventy-plocha-konca);
	color: var(--eventy-koniec);
}

.eventy-namietka-chyby ul {
	margin: 0;
	padding-left: 18px;
}

.eventy-namietka-hotovo {
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text);
}

/* ---------- Odber ďalších turné ---------- */

.eventy-odber--turne {
	margin-top: 22px;
}

/* ---------- Skúšobná verzia ---------- */

.eventy-skusobne {
	margin: 24px 0 0;
	padding: 6px 0;
	font-size: 12px;
	letter-spacing: 0.04em;
	text-align: center;
	color: var(--eventy-text-tichy);
}

/* ---------- Sledovať v hlavičke profilu ----------
   Tlačidlo vpravo od nadpisu na úrovni čísel (mesto, miesto konania,
   prezentujúci, séria, turné). Panel sa rozbalí pod tlačidlom, na počítači
   ako plávajúci, na mobile v toku cez celú šírku. */

.eventy-hlavicka-riadok {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
}

.eventy-hlavicka-riadok > .eventy-cisla {
	flex: 1 1 auto;
}

.eventy-sledovat {
	position: relative;
	flex: 0 0 auto;
}

.eventy-sledovat-tlacidlo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 0 18px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border: 1px solid var(--eventy-ciara-silna);
	border-radius: var(--eventy-roh-pilulka);
	cursor: pointer;
	list-style: none;
	user-select: none;
}

.eventy-sledovat-tlacidlo::-webkit-details-marker {
	display: none;
}

.eventy-sledovat-tlacidlo > span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.eventy-sledovat-tlacidlo > span[hidden] {
	display: none;
}

.eventy-sledovat-tlacidlo:hover {
	background: var(--eventy-plocha-noc-stlac);
}

.eventy-sledovat-tlacidlo:focus-visible {
	outline: 2px solid var(--eventy-fokus);
	outline-offset: 2px;
}

/* Sleduješ: tichšie, obrys a zaškrtnutie. */
.eventy-sledovat.je-sledovane .eventy-sledovat-tlacidlo {
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border-color: var(--eventy-plocha-dobrej);
}

.eventy-sledovat.je-sledovane .eventy-sledovat-tlacidlo:hover {
	background: var(--eventy-plocha-vnorena);
}

.eventy-sledovat-panel {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 50;
	width: min(380px, calc(100vw - 32px));
	padding: 16px;
	text-align: left;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-dialog);
	box-shadow: var(--eventy-tien-plavajuce);
}

.eventy-sledovat-veta {
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--eventy-text);
}

.eventy-sledovat-panel .eventy-odber-form {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.eventy-sledovat-panel .eventy-odber-form input[type="email"] {
	flex: 1 1 170px;
	min-width: 0;
	height: 38px;
	padding: 0 14px;
	font-size: 16px;
	font-family: inherit;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pole);
}

.eventy-sledovat-panel .eventy-odber-form input[type="email"]:focus {
	border-color: var(--eventy-ciara-silna);
}

.eventy-sledovat-panel .eventy-odber-form .eventy-btn {
	height: 38px;
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
}

.eventy-sledovat-panel .eventy-odber-form .eventy-btn:hover {
	background: var(--eventy-plocha-noc-stlac);
}

.eventy-sledovat-panel small {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	color: var(--eventy-text-tichy);
}

.eventy-sledovat-panel .eventy-odber-odpoved,
.eventy-sledovat-odpoved,
.eventy-sledovat-potvrd {
	margin: 10px 0 0;
	padding: 9px 12px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--eventy-text);
	background: var(--eventy-plocha-vnorena);
	border-radius: 10px;
}

.eventy-sledovat-panel .eventy-odber-odpoved.je-chyba,
.eventy-sledovat-odpoved.je-chyba,
.eventy-sledovat-panel .eventy-odber-chyba {
	color: var(--eventy-koniec);
	background: var(--eventy-plocha-konca);
}

.eventy-sledovat-panel .eventy-odber-hotovo {
	margin: 0;
	font-size: 14px;
	color: var(--eventy-text);
}

.eventy-sledovat-zrusit {
	margin-top: 4px;
	padding: 0;
	font-family: inherit;
	font-size: 13.5px;
	color: var(--eventy-koniec);
	background: none;
	border: 0;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}

.eventy-sledovat-kalendar {
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px solid var(--eventy-ciara);
	font-size: 13px;
}

.eventy-sledovat-kalendar > summary {
	display: inline;
	color: var(--eventy-text-tichy);
	text-decoration: underline;
	text-decoration-color: var(--eventy-ciara);
	text-underline-offset: 2px;
	cursor: pointer;
	list-style: none;
}

.eventy-sledovat-kalendar > summary::-webkit-details-marker {
	display: none;
}

.eventy-sledovat-kalendar[open] > summary {
	display: block;
	margin-bottom: 10px;
}

/* Na mobile tlačidlo pod nadpisom cez celú šírku, panel v toku stránky. */
@media (max-width: 759.98px) {
	.eventy-hlavicka-riadok {
		flex-direction: column;
		align-items: stretch;
	}

	.eventy-sledovat {
		width: 100%;
	}

	.eventy-sledovat-tlacidlo {
		display: flex;
		width: 100%;
		min-height: 44px;
	}

	.eventy-sledovat-panel {
		position: static;
		width: auto;
		margin-top: 8px;
		box-shadow: none;
	}
}

/* ---------- Návrh opravy profilu („Niečo tu nesedí?“) ----------
   Tichý odkaz dole na profile miesta konania, formulár preberá štýl
   formulára námietky. */

.eventy-navrh {
	margin-top: 36px;
	padding-top: 14px;
	border-top: 1px solid var(--eventy-ciara);
	font-size: 13.5px;
}

.eventy-navrh > summary {
	display: inline;
	color: var(--eventy-text-tichy);
	text-decoration: underline;
	text-decoration-color: var(--eventy-ciara);
	text-underline-offset: 2px;
	cursor: pointer;
	list-style: none;
}

.eventy-navrh > summary::-webkit-details-marker {
	display: none;
}

.eventy-navrh > summary:hover {
	color: var(--eventy-text);
}

.eventy-navrh-telo {
	max-width: 640px;
	margin-top: 12px;
	font-size: 15px;
}

.eventy-navrh-uvod {
	margin: 0;
	color: var(--eventy-text-tichy);
}

.eventy-navrh-form textarea {
	resize: vertical;
}

/* ---------- Prevzatý profil prezentujúceho ----------
   Fotka, bio, odkazy a pozvania pod hlavičkou, značka „Údaje potvrdil sám
   prednášajúci“, formulár pozvania, žiadosť o prevzatie a stránka Správa
   profilu. Formuláre preberajú štýl formulára námietky, tichý odkaz dole
   štýl návrhu opravy. Veľkosti nadpisov sú v bloku Typografia. */

.eventy-prevzaty {
	margin: 4px 0 0;
}

.eventy-prevzaty-znacka {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 13px;
	color: var(--eventy-dobra-sprava);
}

.eventy-prezentujuci-o {
	display: grid;
	gap: 16px 26px;
	max-width: 820px;
	margin: 22px 0 10px;
}

.eventy-prezentujuci-o.ma-foto {
	grid-template-columns: 150px minmax(0, 1fr);
	align-items: start;
}

.eventy-prezentujuci-foto {
	display: block;
	width: 150px;
	height: 150px;
	object-fit: cover;
	border-radius: 50%;
	background: var(--eventy-plocha-vnorena);
}

.eventy-prezentujuci-bio p {
	margin: 0 0 10px;
}

.eventy-prezentujuci-mesto {
	margin: 0 0 10px;
	font-size: 14.5px;
	color: var(--eventy-text-tichy);
}

.eventy-prezentujuci-odkazy {
	margin-top: 4px;
}

.eventy-prezentujuci-pozvania {
	margin-top: 16px;
	padding: 14px 16px;
	background: var(--eventy-plocha-vnorena);
	border-radius: 12px;
}

.eventy-prezentujuci-pozvania-riadok {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 10px;
	font-weight: 600;
	color: var(--eventy-text);
}

.eventy-pozvanie > summary {
	display: inline-flex;
	align-items: center;
	list-style: none;
	cursor: pointer;
}

.eventy-pozvanie > summary::-webkit-details-marker {
	display: none;
}

.eventy-pozvanie-telo {
	max-width: 560px;
	margin-top: 12px;
}

.eventy-prevzatie-form small,
.eventy-sprava-form small {
	font-size: 13px;
	line-height: 1.5;
}

.eventy-prevzatie-odkaz p {
	margin: 0 0 10px;
}

@media (max-width: 759.98px) {
	.eventy-prezentujuci-o.ma-foto {
		grid-template-columns: minmax(0, 1fr);
	}

	.eventy-prezentujuci-foto {
		width: 112px;
		height: 112px;
	}
}

/* Stránka Správa profilu */

.eventy-sprava-profilu {
	max-width: 720px;
}

.eventy-sprava-form fieldset {
	display: grid;
	gap: 8px;
}

.eventy-sprava-form legend {
	margin-bottom: 6px;
	padding: 0;
	font-weight: 600;
}

.eventy-sprava-foto {
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	column-gap: 16px;
}

.eventy-sprava-foto img {
	width: 96px;
	height: 96px;
	object-fit: cover;
	border-radius: 50%;
}

.eventy-sprava-foto > div {
	display: grid;
	gap: 6px;
}

.eventy-namietka-form .eventy-sprava-pozvania label:not(.eventy-sprava-zaskrtnutie) {
	display: grid;
	gap: 4px;
}

.eventy-sprava-meno {
	margin-top: 36px;
	padding-top: 18px;
	border-top: 1px solid var(--eventy-ciara);
}

.eventy-sprava-meno p {
	margin: 0 0 8px;
}

.eventy-sprava-pata {
	margin-top: 28px;
	font-size: 13px;
}

/* ---------- Tri cesty k formuláru a predvyplnené polia ----------
   Mám odkaz na podujatie, Mám text pozvánky, Vyplním ručne. Radiové
   tlačidlá sú pred blokom ciest aj pred formulárom, takže panely aj
   formulár prepína CSS bez JavaScriptu. Bez údajov sa formulár ukáže až
   po voľbe Vyplním ručne; po rozobratí (trieda ma-data) je viditeľný hneď.
   Veľkosť nadpisu je v bloku Typografia. */

.eventy-cesta-prepinac {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0;
	pointer-events: none;
}

.eventy-cesty {
	margin: 0 0 24px;
	padding: 18px 20px 20px;
	border: 1px solid var(--eventy-ciara);
	border-radius: 14px;
	background: var(--eventy-plocha-vnorena);
	overflow-wrap: anywhere;
}

.eventy-cesty-nadpis {
	margin: 0 0 12px;
}

.eventy-cesty-volby {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.eventy-cesta-volba {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	box-sizing: border-box;
	padding: 8px 16px;
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-karty);
	color: var(--eventy-text);
	font-size: 15px;
	line-height: 1.3;
	cursor: pointer;
}

.eventy-cesta-volba:hover {
	border-color: var(--eventy-ciara-silna);
}

#eventy-cesta-odkaz:checked ~ .eventy-cesty label[for="eventy-cesta-odkaz"],
#eventy-cesta-text:checked ~ .eventy-cesty label[for="eventy-cesta-text"],
#eventy-cesta-rucne:checked ~ .eventy-cesty label[for="eventy-cesta-rucne"] {
	border-color: var(--eventy-ciara-silna);
	background: var(--eventy-plocha-noc);
	color: var(--eventy-text-na-noci);
}

#eventy-cesta-odkaz:focus-visible ~ .eventy-cesty label[for="eventy-cesta-odkaz"],
#eventy-cesta-text:focus-visible ~ .eventy-cesty label[for="eventy-cesta-text"],
#eventy-cesta-rucne:focus-visible ~ .eventy-cesty label[for="eventy-cesta-rucne"] {
	outline: 2px solid var(--eventy-fokus);
	outline-offset: 2px;
}

.eventy-cesta-panel {
	display: none;
	margin: 16px 0 0;
}

#eventy-cesta-odkaz:checked ~ .eventy-cesty .eventy-cesta-panel--odkaz,
#eventy-cesta-text:checked ~ .eventy-cesty .eventy-cesta-panel--text,
#eventy-cesta-rucne:checked ~ .eventy-cesty .eventy-cesta-panel--rucne {
	display: block;
}

.eventy-cesta-panel .eventy-pole {
	margin-bottom: 12px;
}

.eventy-cesta-panel textarea {
	min-height: 220px;
}

.eventy-cesta-panel p {
	margin: 0;
}

.eventy-cesta-panel p.eventy-tlmene {
	margin-bottom: 12px;
	font-size: 13.5px;
	line-height: 1.5;
}

.eventy-formular:not(.ma-data) > #eventy-cesta-odkaz:checked ~ .eventy-form,
.eventy-formular:not(.ma-data) > #eventy-cesta-text:checked ~ .eventy-form {
	display: none;
}

.eventy-rozobratie-spravy {
	margin: 14px 0 0;
	padding: 10px 14px;
	border-radius: 10px;
	background: var(--eventy-plocha-akcentu);
	color: var(--eventy-odkaz);
}

.eventy-rozobratie-spravy p {
	margin: 0;
}

.eventy-rozobratie-spravy p + p {
	margin-top: 6px;
}

.eventy-rozobratie-oznam {
	margin: 0 0 22px;
	padding: 14px 16px;
	border-left: 4px solid var(--eventy-akcent);
	border-radius: 10px;
	background: var(--eventy-plocha-akcentu);
	overflow-wrap: anywhere;
}

.eventy-rozobratie-oznam p {
	margin: 0 0 6px;
}

.eventy-rozobratie-oznam p:last-child {
	margin-bottom: 0;
}

.eventy-rozobratie-datum {
	font-weight: 600;
	color: var(--eventy-odkaz);
}

/* Pole predvyplnené z odkazu alebo textu: jemné sivé pozadie a značka pri
   názve — zámerne nenápadné, nie jantárové, aby v sekcii Kam ti máme
   písať nepútalo viac pozornosti než pole E-mail. */
.eventy-prevzate-znacka {
	display: inline-block;
	margin-left: 6px;
	padding: 0 8px;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text-tichy);
	font-size: 11.5px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0;
	text-transform: none;
	vertical-align: 1px;
}

.je-prevzate input[type="text"],
.je-prevzate input[type="url"],
.je-prevzate input[type="date"],
.je-prevzate input[type="time"],
.je-prevzate textarea {
	border-color: var(--eventy-ciara-silna);
	background-color: var(--eventy-plocha-vnorena);
}

.eventy-obrazok-z-odkazu img {
	display: block;
	width: 100%;
	max-width: 320px;
	height: auto;
	margin: 4px 0 10px;
	border-radius: var(--eventy-roh-ziadny);
	background: var(--eventy-plocha-vnorena);
}

@media (max-width: 759.98px) {
	.eventy-cesty {
		padding: 16px 14px;
	}

	.eventy-cesta-volba {
		flex: 1 1 100%;
		justify-content: center;
	}
}

/* ---------- Sekcia Kam ti máme písať ----------
   E-mail je najdôležitejšie a jediné naozaj potrebné pole formulára —
   dostáva výrazný riadok a okraj v značkovej farbe. Organizátor, jeho web,
   kontaktná osoba a poznámka sú vedľajšie údaje, preto sú zbalené pod
   Doplnkové údaje a rozbaľujú sa len samy, keď sú už vyplnené. Celá
   sekcia má vlastný vnútorný odstup zo všetkých strán, nič nesmie
   „lepiť" na ľavý pruh ani na spodok karty. Pri chybe sa podfarbí celá
   sekcia. Veľkosti nadpisov sú v bloku Typografia. */

/* .eventy-form .eventy-skupina (nižšie v súbore, ale dve triedy) má vyššiu
   špecifickosť než samotné .eventy-skupina--kontakt (jedna trieda) — bez
   predpony .eventy-form by jeho padding: 18px 0 0 vždy vyhral bez ohľadu
   na poradie v súbore. Rovnaký dôvod majú aj predpony pri .eventy-pole--email
   nižšie (bijú sa o padding/margin/font-size s .eventy-form .eventy-pole). */
.eventy-form .eventy-skupina--kontakt {
	position: relative;
	padding: 28px;
	border: 1px solid var(--eventy-ciara);
	border-left: 4px solid var(--eventy-ciara-silna);
	border-radius: 12px;
	background: var(--eventy-plocha-akcentu);
}

.eventy-skupina--kontakt .eventy-vysvetlenie {
	margin-top: -4px;
}

.eventy-form .eventy-pole--email {
	margin-top: 4px;
	margin-bottom: 18px;
}

.eventy-form .eventy-pole--email > span {
	font-size: 15.5px;
	font-weight: 600;
}

.eventy-pole--email input[type="email"] {
	width: 100%;
	padding: 13px 16px;
	font-size: 16px;
	border: 1.5px solid var(--eventy-ciara-silna);
	border-radius: var(--eventy-roh-pole);
}

.eventy-pole--email input[type="email"]:focus {
	outline: none;
	box-shadow: 0 0 0 3px var(--eventy-plocha-noc-stlac);
}

.eventy-pole--email small {
	max-width: 46em;
}

.eventy-skupina--kontakt .eventy-profil-ponuka {
	margin-bottom: 20px;
}

.eventy-skupina--kontakt.je-chyba {
	border-color: var(--eventy-koniec);
	border-left-color: var(--eventy-koniec);
	background: var(--eventy-plocha-konca);
}

/* Poďakovanie: adresa, na ktorú e-mail odišiel, a poznámka o spame. */
.eventy-hotovo-email {
	margin-bottom: 4px;
}

.eventy-hotovo-email strong {
	overflow-wrap: anywhere;
}

.eventy-hotovo-spam {
	color: var(--eventy-text-tichy);
	font-size: 14px;
}

@media (max-width: 759.98px) {
	.eventy-form .eventy-skupina--kontakt {
		padding: 18px 16px;
	}
}

/* Doplnkové údaje: Organizátor, Web, Kontaktná osoba, Poznámka. Zbalené
   a nenápadné, kým nie sú vyplnené — vtedy sa detail otvorí sám (atribút
   open, nastavuje ho PHP podľa toho, či niektoré z polí už má hodnotu). */
.eventy-doplnkove-udaje {
	margin-top: 4px;
	padding-top: 18px;
	border-top: 1px solid var(--eventy-ciara);
}

.eventy-doplnkove-udaje summary {
	display: inline-block;
	font-size: 13.5px;
	color: var(--eventy-text-tichy);
	cursor: pointer;
	list-style: none;
}

.eventy-doplnkove-udaje summary::-webkit-details-marker {
	display: none;
}

.eventy-doplnkove-udaje[open] summary {
	margin-bottom: 14px;
}

.eventy-doplnkove-udaje .eventy-pole > span {
	font-size: 13px;
	font-weight: 400;
	color: var(--eventy-text-tichy);
}

/* Dvojica Organizátor a Web má pod sebou rovnakú medzeru ako ostatné polia,
   inak sa Kontaktná osoba lepí hneď pod ňu. */
.eventy-doplnkove-udaje .eventy-dvojica {
	margin-bottom: 16px;
}
/* ---------- Povedz o tom ľuďom ----------
   Výzva pre organizátora na jeho náhľade zverejneného podujatia: dve veľké
   tlačidlá, nie malé ikony. Na mobile sú pod sebou cez celú šírku.
   Veľkosti nadpisov sú v bloku Typografia. */

.eventy-povedz {
	margin: 0 0 22px;
	padding: 18px 20px;
	border: 1px solid var(--eventy-plocha-dobrej);
	border-left: 4px solid var(--eventy-ciara-silna);
	border-radius: 14px;
	background: var(--eventy-plocha-dobrej);
}

.eventy-povedz-nadpis {
	margin: 0 0 6px;
}

.eventy-povedz-veta {
	margin: 0 0 14px;
	color: var(--eventy-text-tichy);
}

.eventy-povedz-tlacidla {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.eventy-povedz-btn,
.eventy-povedz-btn:link,
.eventy-povedz-btn:visited {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 48px;
	padding: 0 22px;
	border-radius: var(--eventy-roh-pilulka);
	color: var(--eventy-text-na-noci);
	font-size: 15.5px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}

.eventy-povedz-btn--whatsapp,
.eventy-povedz-btn--whatsapp:link,
.eventy-povedz-btn--whatsapp:visited {
	background: #25a35a;
}

.eventy-povedz-btn--whatsapp:hover,
.eventy-povedz-btn--whatsapp:focus {
	background: #1d8749;
	color: var(--eventy-text-na-noci);
}

.eventy-povedz-btn--facebook,
.eventy-povedz-btn--facebook:link,
.eventy-povedz-btn--facebook:visited {
	background: #3b5998;
}

.eventy-povedz-btn--facebook:hover,
.eventy-povedz-btn--facebook:focus {
	background: #2f477a;
	color: var(--eventy-text-na-noci);
}

.eventy-povedz-kopia {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 12px 0 0;
}

.eventy-povedz-kopirovat {
	padding: 0;
	border: 0;
	background: none;
	color: var(--eventy-text-tichy);
	font-size: 14px;
	text-decoration: underline;
	cursor: pointer;
}

.eventy-povedz-kopirovat:hover,
.eventy-povedz-kopirovat:focus {
	color: var(--eventy-text);
}

.eventy-povedz-stav {
	font-size: 13px;
	color: var(--eventy-dobra-sprava);
}

@media (max-width: 599.98px) {
	.eventy-povedz {
		padding: 16px 14px;
	}

	.eventy-povedz-tlacidla {
		flex-direction: column;
	}

	.eventy-povedz-btn,
	.eventy-povedz-btn:link,
	.eventy-povedz-btn:visited {
		width: 100%;
		justify-content: center;
	}
}

/* ---------- Zoradenie výpisu ----------
   Podľa dátumu alebo Najbližšie odo mňa. Sú to obyčajné odkazy, voľba je
   v adrese, takže funguje aj bez JavaScriptu. */

.eventy-zoradenie {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
}

.eventy-zoradenie-popis {
	color: var(--eventy-text-tichy);
	font-size: 13.5px;
}

.eventy-zoradenie-volba,
.eventy-zoradenie-volba:link,
.eventy-zoradenie-volba:visited {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0 13px;
	border: 1px solid var(--eventy-plocha-dobrej);
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-karty);
	color: var(--eventy-text);
	font-size: 13.5px;
	line-height: 1.2;
	text-decoration: none;
}

.eventy-zoradenie-volba:hover,
.eventy-zoradenie-volba:focus {
	border-color: var(--eventy-ciara-silna);
}

.eventy-zoradenie-volba.je-aktivna,
.eventy-zoradenie-volba.je-aktivna:link,
.eventy-zoradenie-volba.je-aktivna:visited {
	border-color: var(--eventy-ciara-silna);
	background: var(--eventy-plocha-noc);
	color: var(--eventy-text-na-noci);
}

.eventy-zoradenie-sprava {
	margin: -6px 0 14px;
	color: var(--eventy-text-tichy);
	font-size: 13px;
}

/* Vzdialenosť v dlaždici pri zoradení Najbližšie odo mňa. */
.eventy-datum-km {
	margin-left: auto;
	padding: 2px 8px;
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-dobrej);
	color: var(--eventy-dobra-sprava);
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

/* Zvýraznená pilulka na časovej stránke, na ktorej práve sme. */
.eventy-rychly-odkaz.je-aktivny,
.eventy-rychly-odkaz.je-aktivny:link,
.eventy-rychly-odkaz.je-aktivny:visited {
	border-color: var(--eventy-ciara-silna);
	background: var(--eventy-plocha-noc);
	color: var(--eventy-text-na-noci);
}

/* Štvrtá pilulka Všetky podujatia sa na úzkej obrazovke zalomí. */
@media (max-width: 599.98px) {
	.eventy-rychle-odkazy {
		flex-wrap: wrap;
	}
}

/* =========================================================================
   Verzia 4.25.0: podujatie bez fotky má farebnú plochu so vzorom aj na detaile
   ====================================================================== */

/* Detail je oveľa väčší než dlaždica, preto je text v ploche o niečo
   drobnejší, nech nezaberie celý obrázok. */
.eventy-obrazok--nahrada-detail .eventy-nahrada-nazov {
	font-size: 17px;
}

.eventy-obrazok--nahrada-detail .eventy-nahrada-podtext {
	font-size: 10px;
}
/* Štýly plochy s tlačidlom Zobraziť mapu boli tu od 4.28.0. Vo verzii 4.34.1
   sú preč: plocha prekrývala celú mapu a robila z nej druhý krok, ktorý nikto
   neurobil. Mapa sa teraz načíta sama, len sa čaká, kým sa priblíži k
   obrazovke. */

/* =========================================================================
   Verzia 4.29.0: štítok pri podujatí s finančným záujmom
   ====================================================================== */

/* Tichý štítok, nie reklama. Vykresľuje ho plugin, nie šablóna. */
.eventy-stitok-spolupraca {
	display: inline-block;
	padding: 1px 7px;
	border: 1px solid var(--eventy-plocha-dobrej);
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text-tichy);
	font-size: 11px;
	line-height: 1.6;
	letter-spacing: 0.01em;
	white-space: nowrap;
	vertical-align: middle;
}

/* Deň v kalendári, v ktorom je označené podujatie. */
.eventy-kalendar-den.ma-spolupracu .eventy-kalendar-cislo::after {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	margin: 2px auto 0;
	border-radius: 50%;
	background: var(--eventy-ciara-silna);
}

/* Výhrada v pätičke webu. */
.eventy-vyhrada {
	margin: 10px 0 0;
	color: var(--eventy-text-tichy);
	font-size: 13px;
	line-height: 1.6;
}
/* =========================================================================
   Verzia 4.29.0: finančný záujem prevádzkovateľa
   ====================================================================== */

/* Blok o vzťahu k podujatiu má tri vety, každú vo vlastnom odstavci. */
.eventy-disclaimer p {
	margin: 0 0 4px;
}

.eventy-disclaimer p:last-child {
	margin-bottom: 0;
}

/* Štítok pri označenom podujatí. Zámerne nenápadný: je to informácia,
   nie zvýraznenie. Označenie nesmie podujatiu pomáhať. */
.eventy-spolupraca-stitok,
.eventy-stitok-spolupraca {
	display: inline-block;
	padding: 1px 7px;
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
	background: var(--eventy-plocha-vnorena);
	color: var(--eventy-text-tichy);
	font-size: 11px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.01em;
	white-space: nowrap;
	vertical-align: middle;
}

/* Na detaile stojí v riadku so značkami termínu a miesta. */
.eventy-detail-meta .eventy-spolupraca-stitok {
	font-size: 12px;
}

/* V bubline na mape za názvom podujatia. */
.eventy-popup .eventy-stitok-spolupraca {
	margin-left: 5px;
	font-size: 10px;
}

/* V mriežke kalendára je len bodka: deň má počty, nie jednotlivé podujatia,
   takže sa štítok nemá k čomu pripnúť. */
.eventy-kalendar-den.ma-spolupracu {
	position: relative;
}

.eventy-kalendar-den.ma-spolupracu::after {
	content: "";
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--eventy-ciara-silna);
}

/* Výhrada v pätičke webu. Vykresľuje ju plugin, nie šablóna. */
.eventy-vyhrada,
.eventy-zodpovednost {
	margin: 12px 0 0;
	font-size: 12px;
	line-height: 1.55;
	color: var(--eventy-text-tichy);
}

/* --------------------------------------------------------------------
 * Prstenec fokusu
 *
 * Dizajnový systém: 2 px, odsadenie 2 px, plná farba, **nikdy sa
 * neruší**. Do 5.5.0 malo sedemnásť polí `outline: none` a fokus na
 * nich bol vidieť len ako zmena farby rámika — pri navigácii
 * klávesnicou sa nedalo spoľahlivo zistiť, kde človek stojí.
 *
 * Je to `:focus-visible`, takže pri kliknutí myšou prstenec nenaskočí.
 * ----------------------------------------------------------------- */

.eventy :focus-visible,
.eventy-fp-okno :focus-visible,
.eventy-sledovat-panel :focus-visible,
.eventy-srdce-panel :focus-visible {
	outline: 2px solid var(--eventy-fokus);
	outline-offset: 2px;
}

/* =========================================================================
   Verzia 5.15.0: detail podujatia — hlavička s tromi bunkami, akčný panel,
   spodná lišta na mobile, program v kartách a blok Miesto.
   Triedy eventy-detail-*, rozloženie platí len pod .eventy-detail--v2.
   ====================================================================== */

/* ---------- Rozloženie: hlavička a text vľavo, panel vpravo ---------- */

.eventy-detail--v2 .eventy-detail-rozlozenie {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas:
		"hlavicka"
		"panel"
		"hlavny";
	gap: 16px;
	align-items: start;
}

@media (min-width: 880px) {
	.eventy-detail--v2 .eventy-detail-rozlozenie {
		grid-template-columns: minmax(0, 1fr) 340px;
		grid-template-areas:
			"hlavicka panel"
			"hlavny   panel";
		column-gap: 40px;
		row-gap: 24px;
	}
}

.eventy-detail-hlavicka {
	grid-area: hlavicka;
	min-width: 0;
}

.eventy-detail-panel {
	grid-area: panel;
	min-width: 0;
}

.eventy-detail-hlavny {
	grid-area: hlavny;
	min-width: 0;
}

/* ---------- Štítky nad nadpisom ---------- */

.eventy-detail-stitky {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0 0 10px;
}

.eventy-detail--v2 .eventy-detail-stitok,
.eventy-detail--v2 a.eventy-detail-stitok {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 2px 12px;
	box-sizing: border-box;
	font-size: 13px;
	line-height: 1.3;
	color: var(--eventy-text);
	text-decoration: none;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-detail--v2 a.eventy-detail-stitok:hover {
	border-color: var(--eventy-ciara-silna);
}

.eventy-detail--v2 .eventy-detail-stitok--po {
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border-color: var(--eventy-plocha-noc);
}

.eventy-detail--v2 .eventy-detail-nazov {
	margin: 0 0 16px;
}

/* ---------- Jeden rámik, tri bunky: Kedy, Kde, Vstupné ---------- */

.eventy-detail-fakty {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	margin: 0;
	overflow: hidden;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 14px;
}

.eventy-detail-fakt {
	min-width: 0;
	padding: 10px 16px;
	border-top: 1px solid var(--eventy-ciara);
}

.eventy-detail-fakt:first-child {
	border-top: 0;
}

.eventy-detail-fakt dt {
	margin: 0 0 6px;
	font-size: 11px;
	font-weight: 700;
	line-height: 14px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--eventy-text-tichy);
}

.eventy-detail-fakt dd {
	margin: 0;
	font-size: 15px;
	line-height: 22px;
	color: var(--eventy-text);
}

/* Hodnoty bunky: 22/28 na počítači, 19/26 na mobile. */
.eventy-detail-fakt dd strong {
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 28px;
}

.eventy-detail-fakt-cas {
	display: block;
	margin-top: 2px;
	font-size: 17px;
	font-weight: 500;
	line-height: 24px;
	font-variant-numeric: tabular-nums;
}

@media (max-width: 639.98px) {
	.eventy-detail-fakt dd strong {
		font-size: 19px;
		line-height: 26px;
	}
}

.eventy-detail-fakt dd strong.je-blizko {
	color: var(--eventy-dobra-sprava);
}

.eventy-detail-fakt dd a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid var(--eventy-ciara);
}

.eventy-detail-fakt dd a:hover {
	border-bottom-color: var(--eventy-ciara-silna);
}

.eventy-detail-fakt-riadok {
	display: block;
	font-size: 15px;
	line-height: 22px;
	overflow-wrap: anywhere;
}

/* Miesto konania pod mestom: sivé, 15 px. */
.eventy-detail-fakt-adresa,
.eventy-detail-fakt dd a.eventy-detail-fakt-adresa,
.eventy-detail-fakt-adresa a {
	margin-top: 2px;
	color: var(--eventy-text-tichy);
}

@media (min-width: 640px) {
	.eventy-detail-fakty {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 1fr);
	}

	.eventy-detail-fakty--3 {
		grid-auto-flow: row;
		grid-template-columns: 1.15fr 1.45fr 0.8fr;
	}

	.eventy-detail-fakty--2 {
		grid-auto-flow: row;
		grid-template-columns: 1fr 1.4fr;
	}

	.eventy-detail-fakt {
		padding: 20px 24px;
		border-top: 0;
		border-left: 1px solid var(--eventy-ciara);
	}

	.eventy-detail-fakt:first-child {
		border-left: 0;
	}
}

/* ---------- Akčný panel ---------- */

.eventy-detail-panel {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

@media (min-width: 880px) {
	.eventy-detail-panel {
		position: sticky;
		top: 24px;
		align-self: start;
		gap: 12px;
		padding: 18px;
		background: var(--eventy-plocha-karty);
		border: 1px solid var(--eventy-ciara);
		border-radius: 16px;
	}
}

.eventy-detail-panel-hlavne > * + * {
	margin-top: 10px;
}

.eventy-detail-panel-hlavne .eventy-karta-cta {
	margin: 0;
}

.eventy-detail-zdroj {
	margin: 6px 0 0;
	overflow: hidden;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--eventy-text-tichy);
}

/* Tlačidlá panela: pilulky s rámikom, hlavné je tmavozelené. */
.eventy-detail--v2 .eventy-detail-tl,
.eventy-detail--v2 .eventy-srdce--detail {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex: none;
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 10px 18px;
	box-sizing: border-box;
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	list-style: none;
	cursor: pointer;
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border: 1.5px solid var(--eventy-ciara-silna);
	border-radius: var(--eventy-roh-pilulka);
}

.eventy-detail--v2 .eventy-detail-tl:hover,
.eventy-detail--v2 .eventy-srdce--detail:hover {
	color: var(--eventy-text);
	background: var(--eventy-plocha-vnorena);
	border-color: var(--eventy-ciara-silna);
}

/* Téma dáva tlačidlám pri fokuse tmavé pozadie, tu ostáva pôvodné. */
.eventy-detail--v2 .eventy-detail-tl:focus,
.eventy-detail--v2 .eventy-detail-tl:active,
.eventy-detail--v2 .eventy-srdce--detail:focus,
.eventy-detail--v2 .eventy-srdce--detail:active {
	color: var(--eventy-text);
	background: var(--eventy-plocha-karty);
	border-color: var(--eventy-ciara-silna);
}

.eventy-detail--v2 .eventy-detail-tl--hlavne,
.eventy-detail--v2 .eventy-detail-tl--hlavne:link,
.eventy-detail--v2 .eventy-detail-tl--hlavne:visited,
.eventy-detail--v2 .eventy-detail-tl--hlavne:hover,
.eventy-detail--v2 .eventy-detail-tl--hlavne:focus,
.eventy-detail--v2 .eventy-detail-tl--hlavne:active,
.eventy-detail--v2 .eventy-detail-panel--bez-vstupeniek .eventy-pripomienka--detail .eventy-pripomienka-btn,
.eventy-detail--v2 .eventy-detail-panel--bez-vstupeniek .eventy-pripomienka--detail .eventy-pripomienka-btn:hover,
.eventy-detail--v2 .eventy-detail-panel--bez-vstupeniek .eventy-pripomienka--detail .eventy-pripomienka-btn:focus {
	color: var(--eventy-text-na-noci);
	background: var(--eventy-plocha-noc);
	border-color: var(--eventy-plocha-noc);
}

.eventy-detail--v2 .eventy-detail-tl--hlavne:hover,
.eventy-detail--v2 .eventy-detail-panel--bez-vstupeniek .eventy-pripomienka--detail .eventy-pripomienka-btn:hover {
	background: var(--eventy-plocha-noc-stlac);
}

.eventy-detail--v2 .eventy-detail-tl svg,
.eventy-detail--v2 .eventy-srdce--detail svg {
	flex: none;
	width: 18px;
	height: 18px;
}

/* Srdiečko je v základe obrys, uložené sa vyplní. */
.eventy-detail--v2 .eventy-srdce--detail.je-ulozene svg {
	color: var(--eventy-koniec);
	fill: currentColor;
}

.eventy-detail-menu > summary::-webkit-details-marker {
	display: none;
}

/* Pripomenutie, ktoré už človek nastavil, ukáže farba ikony. */
.eventy-detail--v2 .eventy-pripomienka--detail.je-nastavena .eventy-pripomienka-btn svg {
	color: var(--eventy-dobra-sprava);
}

.eventy-detail-panel-druhe {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.eventy-detail-panel-druhe > .eventy-srdce--detail {
	grid-column: 1 / -1;
}

/* Archív a zrušené podujatie: v riadku ostáva len Zdieľať. */
.eventy-detail-panel--archiv .eventy-detail-panel-druhe,
.eventy-detail-panel--zrusene .eventy-detail-panel-druhe {
	grid-template-columns: minmax(0, 1fr);
}

.eventy-detail-panel-mesto:empty {
	display: none;
}

/* ---------- Menu Do kalendára a Zdieľať (details) ---------- */

.eventy-detail-menu {
	position: relative;
	min-width: 0;
}

.eventy-detail-menu > summary {
	list-style: none;
}

.eventy-detail-menu-panel {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	z-index: 30;
	display: flex;
	flex-direction: column;
	min-width: 230px;
	padding: 6px;
	box-sizing: border-box;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: var(--eventy-roh-dialog);
	box-shadow: var(--eventy-tien-plavajuce);
}

.eventy-detail-zdielat .eventy-detail-menu-panel {
	left: auto;
	right: 0;
}

.eventy-detail--v2 .eventy-detail-menu-panel a,
.eventy-detail--v2 .eventy-detail-menu-panel button {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 44px;
	padding: 8px 12px;
	box-sizing: border-box;
	font: inherit;
	font-size: 15px;
	line-height: 1.3;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	color: var(--eventy-text);
	background: none;
	border: 0;
	border-radius: 8px;
}

.eventy-detail--v2 .eventy-detail-menu-panel button[hidden] {
	display: none;
}

.eventy-detail--v2 .eventy-detail-menu-panel a:hover,
.eventy-detail--v2 .eventy-detail-menu-panel a:focus,
.eventy-detail--v2 .eventy-detail-menu-panel button:hover,
.eventy-detail--v2 .eventy-detail-menu-panel button:focus {
	color: var(--eventy-text);
	background: var(--eventy-plocha-vnorena);
}

.eventy-detail-zdielat-stav {
	padding: 0 12px;
	font-size: 13px;
	color: var(--eventy-dobra-sprava);
}

.eventy-detail-zdielat-stav:empty {
	display: none;
}

/* Prstenec fokusu na všetkom, čo je v detaile ovládacie. */
.eventy-detail--v2 .eventy-detail-tl:focus-visible,
.eventy-detail--v2 .eventy-srdce--detail:focus-visible,
.eventy-detail--v2 .eventy-detail-menu-panel a:focus-visible,
.eventy-detail--v2 .eventy-detail-menu-panel button:focus-visible,
.eventy-detail-lista-tl:focus-visible,
.eventy-detail-mesto-sledovat > summary:focus-visible {
	outline: 2px solid var(--eventy-fokus);
	outline-offset: 2px;
}

/* Ponuka pripomienky pod srdiečkom ide cez celú šírku panela. */
.eventy-srdce-panel--detail {
	margin: 0;
}

/* ---------- Mobil: pod hlavičkou len riadok troch tlačidiel ---------- */

@media (max-width: 879px) {
	.eventy-detail-panel-hlavne > .eventy-detail-tl--hlavne,
	.eventy-detail-panel-hlavne > .eventy-detail-zdroj,
	.eventy-detail-panel-hlavne .eventy-pripomienka--detail .eventy-pripomienka-riadok,
	.eventy-detail-panel-hlavne .eventy-podrobnosti--detail .eventy-podrobnosti-riadok {
		display: none;
	}

	.eventy-detail-panel-hlavne > * + *,
	.eventy-detail-panel-hlavne .eventy-pripomienka--detail {
		margin-top: 0;
	}

	.eventy-detail-panel-druhe {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
	}

	.eventy-detail-panel-druhe > .eventy-srdce--detail {
		grid-column: auto;
	}

	.eventy-detail--v2 .eventy-detail-panel-druhe .eventy-detail-tl,
	.eventy-detail--v2 .eventy-detail-panel-druhe .eventy-srdce--detail {
		padding: 8px 6px;
		font-size: 14px;
	}

	/* Na tri úzke tlačidlá vedľa seba ikona nezostáva. */
	.eventy-detail--v2 .eventy-detail-panel-druhe .eventy-detail-tl svg,
	.eventy-detail--v2 .eventy-detail-panel-druhe .eventy-srdce--detail svg {
		display: none;
	}

	.eventy-detail--v2 .eventy-detail-panel--archiv .eventy-detail-panel-druhe .eventy-detail-tl {
		width: auto;
		padding: 8px 18px;
	}

	.eventy-detail-panel--archiv .eventy-detail-panel-druhe,
	.eventy-detail-panel--zrusene .eventy-detail-panel-druhe {
		grid-template-columns: max-content;
	}

	/* Menu sa na úzkej obrazovke nikdy nerozšíri za okraj. */
	.eventy-detail-menu-panel {
		min-width: min(230px, calc(100vw - 40px));
	}

	.eventy-detail-kalendar .eventy-detail-menu-panel {
		left: 50%;
		transform: translateX(-30%);
	}
}

/* ---------- Spodná lišta na mobile ---------- */

.eventy-detail-lista {
	display: none;
}

@media (max-width: 879px) {
	/* Lišta je v toku stránky na konci obsahu a lepí sa k spodnému okraju:
	   nezakrýva ani text, ani pätičku, lebo za koncom obsahu už nelepí. */
	.eventy-detail-lista {
		position: sticky;
		bottom: 0;
		z-index: 40;
		display: flex;
		gap: 10px;
		/* Lišta cez celú šírku okna, aj keď je obsah v užšom stĺpci. */
		width: 100vw;
		margin: 24px 0 0 calc(50% - 50vw);
		padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
		box-sizing: border-box;
		background: var(--eventy-plocha-karty);
		border-top: 1px solid var(--eventy-ciara);
		box-shadow: var(--eventy-tien-lista);
	}

	.eventy-detail--v2 .eventy-detail-lista-tl {
		flex: 1 1 0;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 46px;
		margin: 0;
		padding: 10px 14px;
		box-sizing: border-box;
		font: inherit;
		font-size: 15px;
		font-weight: 600;
		line-height: 1.2;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		color: var(--eventy-text);
		background: var(--eventy-plocha-karty);
		border: 1.5px solid var(--eventy-ciara-silna);
		border-radius: var(--eventy-roh-pilulka);
	}

	.eventy-detail--v2 .eventy-detail-lista-tl:hover,
	.eventy-detail--v2 .eventy-detail-lista-tl:focus,
	.eventy-detail--v2 .eventy-detail-lista-tl:active {
		color: var(--eventy-text);
		background: var(--eventy-plocha-karty);
		border-color: var(--eventy-ciara-silna);
	}

	.eventy-detail--v2 .eventy-detail-lista-tl--hlavne,
	.eventy-detail--v2 .eventy-detail-lista-tl--hlavne:link,
	.eventy-detail--v2 .eventy-detail-lista-tl--hlavne:visited,
	.eventy-detail--v2 .eventy-detail-lista-tl--hlavne:hover,
	.eventy-detail--v2 .eventy-detail-lista-tl--hlavne:focus,
	.eventy-detail--v2 .eventy-detail-lista-tl--hlavne:active {
		color: var(--eventy-text-na-noci);
		background: var(--eventy-plocha-noc);
		border-color: var(--eventy-plocha-noc);
	}
}

/* ---------- Fotka: menšia, 1,91 : 1, ako doplnok k textu ---------- */

.eventy-detail--v2 .eventy-detail-obrazok-obal {
	max-width: 560px;
	margin: 0 0 20px;
}

.eventy-detail--v2 .eventy-detail-obrazok {
	aspect-ratio: 1.91 / 1;
	border-radius: 12px;
}

/* ---------- Program: karty, tichá prestávka ---------- */

.eventy-detail--v2 .eventy-program {
	margin-top: 28px;
}

.eventy-detail--v2 .eventy-program-polozka {
	gap: 14px;
	margin: 0 0 10px;
	padding: 14px 16px;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 14px;
}

.eventy-detail--v2 .eventy-program-polozka:last-child {
	border-bottom: 1px solid var(--eventy-ciara);
}

.eventy-detail--v2 .eventy-program-cas {
	flex: 0 0 52px;
	font-size: 14px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--eventy-odkaz);
}

.eventy-detail--v2 .eventy-program-telo {
	min-width: 0;
}

/* Prestávka nie je karta, len tichý oddeľovač medzi blokmi. */
.eventy-detail--v2 .eventy-program-polozka.je-prestavka {
	margin: 0 0 10px;
	padding: 8px 4px 0;
	background: none;
	border: 0;
	border-top: 1px dashed var(--eventy-ciara);
	border-radius: 0;
}

.eventy-detail--v2 .eventy-program-polozka.je-prestavka:last-child {
	border-bottom: 0;
}

.eventy-detail--v2 .eventy-program-polozka.je-prestavka .eventy-program-cas {
	font-weight: 400;
	color: var(--eventy-text-tichy);
}

/* Tri malé fotky v rade, nikdy nezalomené pod seba. */
.eventy-detail--v2 .eventy-program-fotky-pas {
	flex-wrap: nowrap;
	gap: 8px;
	margin-top: 10px;
}

.eventy-detail--v2 .eventy-program-fotka {
	flex: 0 0 auto;
	width: 56px;
	height: 56px;
	border-radius: 8px;
}

/* ---------- Miesto ---------- */

.eventy-detail-sekcia {
	margin: 32px 0 0;
}

.eventy-detail-sekcia h2 {
	margin: 0 0 10px;
}

.eventy-detail-adresa {
	margin: 0 0 12px;
	line-height: 1.5;
}

/* Karta v dvoch stĺpcoch: adresa a odkazy vľavo, mapa vpravo (190 px).
   Na mobile je mapa nad adresou. */
.eventy-detail-miesto-karta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	overflow: hidden;
	background: var(--eventy-plocha-karty);
	border: 1px solid var(--eventy-ciara);
	border-radius: 12px;
}

.eventy-detail-miesto-karta.je-bez-mapy {
	grid-template-columns: minmax(0, 1fr);
}

.eventy-detail-miesto-text {
	min-width: 0;
	padding: 24px;
}

.eventy-detail-miesto-mapa {
	min-width: 0;
	border-left: 1px solid var(--eventy-ciara);
}

/* Úzky pás z mobilu platí aj na počítači, tu je mapa 190 px vysoká. */
.eventy-detail-miesto .eventy-mapa--pas {
	display: block;
	height: 190px;
	margin: 0;
	border-radius: 0;
}

@media (max-width: 879px) {
	.eventy-detail-miesto-karta {
		grid-template-columns: minmax(0, 1fr);
	}

	.eventy-detail-miesto-mapa {
		order: -1;
		border-left: 0;
		border-bottom: 1px solid var(--eventy-ciara);
	}

	.eventy-detail-miesto-text {
		padding: 16px 18px;
	}

	.eventy-detail-miesto .eventy-mapa--pas {
		height: 130px;
	}
}

.eventy-detail-miesto-odkazy {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 20px;
	margin: 0 0 8px;
}

.eventy-detail-miesto-odkazy a,
.eventy-detail-mesto-odkaz a,
.eventy-detail-mesto-sledovat > summary {
	display: inline-block;
	padding: 8px 0;
	color: var(--eventy-text);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.eventy-detail-mesto-odkaz {
	margin: 0;
}

.eventy-detail-mesto-sledovat > summary {
	cursor: pointer;
}

.eventy-detail-mesto-sledovat[open] > summary {
	margin-bottom: 6px;
}

/* ---------- Organizátor, séria, štítky ---------- */

.eventy-detail-organizator > :first-child {
	margin-top: 0;
}

.eventy-detail-temy {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 16px 0 0;
}

/* =========================================================================
   Verzia 5.15.1: panel podľa návrhu — popis navrchu, Vstupenky 52 px,
   Do kalendára a Zdieľať ako svetlé tlačidlá pod čiarou.
   ====================================================================== */

/* Horný riadok panela: na stred, môže sa zalomiť, medzera 16 px pod ním. */
.eventy-detail-panel-popis {
	margin: 0;
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0.08em;
	text-align: center;
	text-transform: uppercase;
	color: var(--eventy-text-tichy);
}

.eventy-detail--v2 .eventy-detail-panel-popis + * {
	margin-top: 16px;
}

/* Archív má riadok priamo v paneli, kde už medzi prvkami je medzera 12 px. */
.eventy-detail--v2 .eventy-detail-panel > .eventy-detail-panel-popis + * {
	margin-top: 4px;
}

@media (min-width: 880px) {
	.eventy-detail-panel {
		padding-top: 24px;
	}
}

.eventy-detail--v2 .eventy-detail-tl--hlavne {
	min-height: 52px;
}

.eventy-detail-delic {
	grid-column: 1 / -1;
	height: 1px;
	margin: 10px 0 6px;
	background: var(--eventy-ciara);
}

/* Do kalendára a Zdieľať: svetlá výplň, bez rámika, 40 px, jeden riadok. */
.eventy-detail--v2 .eventy-detail-menu > summary.eventy-detail-tl,
.eventy-detail--v2 .eventy-detail-menu > summary.eventy-detail-tl:link,
.eventy-detail--v2 .eventy-detail-menu > summary.eventy-detail-tl:focus,
.eventy-detail--v2 .eventy-detail-menu > summary.eventy-detail-tl:active {
	height: 40px;
	min-height: 40px;
	padding: 0 12px;
	font-size: 14px;
	white-space: nowrap;
	color: var(--eventy-text);
	background: #eef2f0;
	border: 0;
}

.eventy-detail--v2 .eventy-detail-menu > summary.eventy-detail-tl:hover {
	color: var(--eventy-text);
	background: #e1e8e5;
	border: 0;
}

@media (max-width: 879px) {
	.eventy-detail-delic {
		display: none;
	}

	.eventy-detail-panel-popis {
		display: none;
	}

	.eventy-detail--v2 .eventy-detail-panel .eventy-detail-panel-popis + * {
		margin-top: 0;
	}

	/* Na mobile je tlačidlo vyššie, aby sa doň dalo spoľahlivo trafiť. */
	.eventy-detail--v2 .eventy-detail-panel-druhe .eventy-detail-menu > summary.eventy-detail-tl {
		height: 44px;
		min-height: 44px;
		padding: 0 6px;
	}
}