/* ==========================================================================
   sutaz.css  -  uprava sablony Foodies pre sutaz schlosshof-24
   --------------------------------------------------------------------------
   Sutaz: Vianocne trhy na zamku Schloss Hof 2026
   Vizual vychadza z varianty index-11.html (prevzaty z magmag-04):
	 - hlavicka .header-10.header-11 (priesvitna, lezi nad slidrom)
	 - uvodny slider .hero-section11 > .hero-11, vo fotografii snezi
	   (vlastny <canvas>, nie sablonovy efekt .ripple-image)
	 - cierne pozadie stranky (body.bg-black)

   Zlatu farbu sablony #C29254 nahradzame modrou Austria.SK #0091CE,
   doplnkovou farbou je teple zlata vianocnych svetiel.
   ========================================================================== */

/* ---------------------------------------------- 1. Vlastne premenne ------ */
:root {
	/* Zelena zo sablony (--theme2 #00833E) je nahradena modrou Austria.SK.
	   Jedno miesto - prekresli sa vsade, kde sablona zelenu pouziva. */
	--theme2:        #0091CE;
	--sutaz-modra:   #0091CE;
	--sutaz-zlta:    #F3C43C;   /* teple zlata vianocnych svetiel */
	--sutaz-zelena:  #3FAE5A;   /* potvrdenia vo formulari */
	--sutaz-cervena: #990000;   /* farba loadera Austria.SK */
	--sutaz-cierna:  #000000;   /* pozadie stranky          */
	--sutaz-line:    rgba(255,255,255,.14);
	--sutaz-radius:  16px;
}

body { overflow-x: hidden; }

/* Cierne pozadie a svetle pismo na celej stranke. Sablona index-11 dava
   body triedu .bg-black, farbu pisma vsak necha tmavu - dopiname ju. */
body.bg-black { background-color: var(--sutaz-cierna); color: #D7D9DE; }
body.bg-black p { color: #D7D9DE; }
body.bg-black h1, body.bg-black h2, body.bg-black h3,
body.bg-black h4, body.bg-black h5, body.bg-black h6 { color: #fff; }

/* Sablona dava podnadpisom pismo "Bylast". Ten font ma len 124 znakov
   (zakladna ASCII) a NEOBSAHUJE slovensku diakritiku - "Najväčšia" by sa
   vykreslilo z dvoch roznych pisiem. Pouzivame preto Signika, ktoru
   sablona aj tak nacitava a slovencinu pokryva. */
.hero-11 .hero-content .sub-title,
.section-title .sub-title,
.section-title.style-11 .sub-title {
	font-family: "Signika", sans-serif !important;
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--sutaz-zlta);
}
.hero-11 .hero-content .sub-title .colors,
.section-title .sub-title .colors { color: #fff; }

/* Sablona pouziva text-transform: capitalize - v slovencine to komoli
   nazvy ("Pravidlá Súťaže"), preto ho vsade vypiname. */
.theme-btn,
.sutaz-header .main-menu ul li a,
.mean-container .mean-nav ul li a { text-transform: none !important; }

/* ------------------------------------------------ 1b. Loader Austria.SK -- */
/* Sablona ukazuje napis "Foodies" vo svojej jantarovej farbe.
   Nahradzame ho napisom Austria.SK v cervenej #990000. */
.preloader .loader:before { content: "Austria.SK"; }
.preloader .loader {
	font-size: 86px;
	-webkit-text-stroke: 1px var(--sutaz-cervena);
	background:
		radial-gradient(1.13em at 50% 1.6em, var(--sutaz-cervena) 99%, rgba(0,0,0,0) 101%)
			calc(50% - 1.6em) 0/3.2em 100% text,
		radial-gradient(1.13em at 50% -0.8em, rgba(0,0,0,0) 99%, var(--sutaz-cervena) 101%)
			50% 0.8em/3.2em 100% repeat-x text;
}
@media (max-width: 767px) { .preloader .loader { font-size: 48px; } }

/* --------------------------------------------------------- 2. Hlavicka -- */
/* Ako v index-11: priesvitna, lezi nad slidrom, biele polozky menu.
   Zlatu farbu sablony menime na modru Austria.SK. */

.sutaz-header.header-11 { border-bottom: 1px solid var(--sutaz-line); }
.sutaz-header.header-11.sticky {
	background: rgba(0,0,0,.92);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.sutaz-header .header-main { padding: 14px 0; gap: 40px; }

/* Logo podujatia - klik vedie na jeho oficialnu stranku */
.sutaz-header .sutaz-logo {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	transition: transform .25s ease;
}
.sutaz-header .sutaz-logo:hover { transform: translateY(-2px); }
.sutaz-header .sutaz-logo img { max-height: 64px; width: auto; }
@media (max-width: 1399px) { .sutaz-header .sutaz-logo img { max-height: 54px; } }
@media (max-width: 575px)  { .sutaz-header .sutaz-logo img { max-height: 44px; } }

/* Polozky menu - biele, po prejdeni mysou modre (sablona ma zlatu) */
.sutaz-header.header-11 .header-main .main-menu ul li a { color: #fff; }
.sutaz-header.header-11 .header-main .main-menu ul li a:hover,
.sutaz-header.header-11 .header-main .main-menu ul li:hover > a,
.sutaz-header.header-11 .header-main .main-menu ul li.active > a {
	color: var(--sutaz-modra) !important;
}

/* CTA tlacidlo v hlavicke */
.sutaz-header.header-11 .header-right .theme-btn {
	background: var(--sutaz-modra);
	color: #fff !important;
	white-space: nowrap;
}
.sutaz-header.header-11 .header-right .theme-btn::before { background: var(--sutaz-zlta); }
.sutaz-header.header-11 .header-right .theme-btn:hover { color: #000 !important; }

/* Hamburger - na tmavom pozadi biely */
.sutaz-header .header__hamburger .sidebar__toggle {
	cursor: pointer;
	width: 44px; height: 44px;
	padding: 10px;
	border: 1px solid rgba(255,255,255,.28);
	border-radius: 10px;
	gap: 5px;
}
.sutaz-header .header-main .sidebar__toggle span {
	display: block;
	width: 22px !important;
	height: 2px;
	border-radius: 2px;
	background-color: #fff !important;
}

/* offcanvas (mobilne menu) */
.offcanvas__info { background: #0B0B0D; }
.offcanvas__info .mobile-menu a { color: #fff; }
.offcanvas-contact { color: #d8d5cd; padding: 24px 20px; font-size: 15px; }
.offcanvas-contact a { color: var(--sutaz-modra); }
.offcanvas__close button { background: transparent; border: 0; color: #fff; font-size: 22px; }

/* --------------------------------------------- 3. Uvodny slider (hero) -- */
/* Sablonovy efekt .ripple-image (fotografia sa vlnila pod kurzorom) je tu
   nahradeny snezenim: fotka je obycajny <img> na cele pozadie a nad nou
   lezi <canvas>, do ktoreho kresli skript v index.php. */

.sutaz-hero { background-color: #000; }

.sutaz-hero-foto { overflow: hidden; }
.sutaz-hero-foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 40%;   /* zamok hore, dlazba dole sa moze orezat */
	display: block;
}

/* Snezenie lezi nad fotkou, ale pod obsahom (.hero-content ma z-index 99)
   a nesmie brat kliknutia - inak by sa nedalo trafit do tlacidiel. */
.sutaz-snezenie {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 3;      /* nad stmavenim (1), pod obsahom slidra (99) */
}

/* Fotka v hlavicke je vizualizacia, nie zaber z podujatia - oznacene
   drobnym popiskom v rohu, aby sa nedala zamenit za fotografiu. */
.sutaz-hero-popis {
	position: absolute;
	right: 16px;
	bottom: 10px;
	z-index: 4;
	margin: 0;
	font-size: 11px;
	letter-spacing: .5px;
	color: rgba(255,255,255,.45) !important;
	pointer-events: none;
}

/* Prestmavenie fotky zlava - inak sa biely nadpis a drobecky nedaju precitat.
   V magmag-04 bolo vypnute, lebo tam bola fotka tmava sama o sebe; tu su
   vianocne svetla a lampase presne pod textom. Lezi nad pozadim aj nad
   snezenim, ale pod obsahom (.hero-content ma z-index 99).
   Ak by stmavenie prekazalo, staci cely blok zakomentovat. */
.sutaz-hero .hero-11::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.52) 40%, rgba(0,0,0,.12) 100%);
	pointer-events: none;
}
.sutaz-hero .hero-content { position: relative; z-index: 99; }

/* Obsah slidra zacina presne pod logom v hlavicke. Hlavicka ma .container-2
   (1560 px), slider zo sablony .container-9 (1296 px) - o 132 px uzsi na
   kazdej strane. Davame slidru rovnaku sirku ako hlavicke. */
.sutaz-hero .container-9 { max-width: 1560px; }

/* Nadpis - sablona pocita s kratkym textom ("Good Drinks, Great Nights")
   a dava mu 120 px. Nas nazov je dlhy, preto ho zmensujeme. Na sirokych
   obrazovkach (nad 1400 px, teda aj vo full HD) je o 30 % vacsi: 76 -> 99 px. */
.sutaz-hero .hero-11 .hero-content .tx-title {
	font-size: 99px;
	line-height: 1.05;
	max-width: 14ch;
}
@media (max-width: 1399px) { .sutaz-hero .hero-11 .hero-content .tx-title { font-size: 62px; } }
@media (max-width: 1199px) { .sutaz-hero .hero-11 .hero-content .tx-title { font-size: 52px; } }
@media (max-width: 991px)  { .sutaz-hero .hero-11 .hero-content .tx-title { font-size: 44px; max-width: none; } }
@media (max-width: 575px)  { .sutaz-hero .hero-11 .hero-content .tx-title { font-size: 34px; } }

.sutaz-hero .hero-11 .hero-content .hero-text {
	font-size: 18px;
	line-height: 1.6;
	color: #E7E9EE;
}

/* Tlacidla pod nadpisom - sablona im dava zlatu, my modru Austria.SK.
   Selektor musi byt specifickejsi ako .hero-11 .hero-content .hero-btn-area
   .theme-btn zo sablony. */
.sutaz-hero .hero-11 .hero-content .hero-btn-area .theme-btn {
	background: var(--sutaz-modra);
	color: #fff !important;
	/* sablona ma tlacidla nizke, pri dvoch vedla seba posobia drobne */
	min-height: 60px;
	padding: 16px 34px;
	font-size: 17px;
}
@media (max-width: 575px) {
	.sutaz-hero .hero-11 .hero-content .hero-btn-area .theme-btn {
		min-height: 52px;
		padding: 14px 24px;
		font-size: 16px;
	}
}
.sutaz-hero .hero-11 .hero-content .hero-btn-area .theme-btn::before { background: var(--sutaz-zlta); }
.sutaz-hero .hero-11 .hero-content .hero-btn-area .theme-btn:hover { color: #000 !important; }
.sutaz-hero .hero-11 .hero-content .hero-btn-area .theme-btn.style-2 {
	background: transparent;
	border: 1px solid rgba(255,255,255,.45);
	color: #fff !important;
}
.sutaz-hero .hero-11 .hero-content .hero-btn-area .theme-btn.style-2:hover {
	border-color: var(--sutaz-zlta);
	color: #000 !important;
}

/* Drobeckova navigacia pod obsahom slidera */
.sutaz-breadcrumb {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 34px 0 0;
	padding: 0;
	font-size: 15px;
	color: #B9BDC6;
}
.sutaz-breadcrumb a { color: #B9BDC6; text-decoration: none; }
.sutaz-breadcrumb a:hover { color: var(--sutaz-modra); }
.sutaz-breadcrumb i { font-size: 11px; color: #6C727F; }

/* Posuvnik - sablona ho farbi nazlto (--theme) a na ciernom pozadi
   vyzera ako zlty pruh pri okraji. Prefarbujeme ho na modru Austria.SK. */
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgba(255,255,255,.12); }
::-webkit-scrollbar-thumb { background: var(--sutaz-modra); }

/* ------------------------------------------------------- 4. Sekcie ------ */
/* Zatial len zakladny odstup - skutocne sekcie pribudnu s obsahom. */
.sutaz-section { padding: 90px 0; position: relative; }
@media (max-width: 767px) { .sutaz-section { padding: 60px 0; } }
.sutaz-lead { font-size: 18px; color: #C3C7D0; }

/* ------------------------------------------------------- 5. Tlacidla ---- */
.theme-btn {
	display: inline-flex; align-items: center; gap: 10px;
	font-family: "Signika", sans-serif;
	font-weight: 700;
	line-height: 1.3;
	height: auto;
	letter-spacing: 0;
}
.theme-btn-ghost {
	background: transparent;
	color: var(--sutaz-modra) !important;
	border: 2px solid var(--sutaz-modra);
	box-shadow: none;
}
.theme-btn-ghost:hover { background: var(--sutaz-modra); color: #fff !important; }

/* ------------------------------------------------------ 6. Paticka ------ */
.sutaz-footer { background: #0B0B0D; color: #9BA1AC; padding-top: 60px; }

.sutaz-footer-partner { text-align: center; }
.sutaz-footer-partner-label {
	display: block;
	font-family: "Signika", sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #6C727F;
	margin-bottom: 16px;
}
.sutaz-footer-partner img {
	max-width: 210px;
	height: auto;
	background: #fff;
	padding: 10px 14px;
	border-radius: 10px;
	transition: transform .25s ease;
}
.sutaz-footer-partner a:hover img { transform: translateY(-2px); }

.footer-bottom { border-top: 1px solid var(--sutaz-line); margin-top: 48px; padding: 20px 0; }
.footer-bottom-wrapper {
	display: flex; flex-wrap: wrap; gap: 12px;
	justify-content: space-between; align-items: center;
}
.footer-bottom p { margin: 0; font-size: 15px; }
.sutaz-footer a { color: #9BA1AC; text-decoration: none; }
.sutaz-footer a:hover { color: var(--sutaz-modra); }
.sutaz-footer-logo img { max-width: 170px; height: auto; }

/* ------------------------------------ 7. Tlacidlo "na zaciatok stranky" - */
/* Sablonove #back-top sa objavi az uplne na konci stranky a skroluje cez
   $('html,body').animate(), co so ScrollSmootherom nefunguje. Mame preto
   vlastne - objavi sa po zrolovani a skroluje spravne. */
.back-to-top { display: none !important; }

.sutaz-hore {
	position: fixed;
	right: 26px;
	bottom: 26px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--sutaz-modra);
	color: #fff !important;
	border-radius: 8px;
	font-size: 18px;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(14px);
	transition: all .3s ease-in-out;
	box-shadow: 0 8px 20px rgba(0,145,206,.38);
}
.sutaz-hore.show { opacity: 1; visibility: visible; transform: translateY(0); }
.sutaz-hore:hover { background: var(--sutaz-zlta); color: #000 !important; }
@media (max-width: 575px) { .sutaz-hore { right: 16px; bottom: 16px; width: 44px; height: 44px; } }

/* ------------------------------------------------- 8. Drobnosti --------- */
/* Tlacidlo na znovuotvorenie nastaveni cookies si teraz rieši _cks samo
   (stará lista FreePrivacyPolicy mala na to vlastne #open_preferences_center). */

/* ScrollSmoother transformuje #smooth-content, takze fixed prvky musia
   zostat mimo neho - hlavicka, kurzor aj tlacidlo hore uz tam su. */
#smooth-wrapper { overflow: hidden; }



/* ====================== 9. Sekcie obsahu (foodies 11) =================== */
/* Sablona ma vo vsetkych ikonkach SVG obrazky, ktore su v stiahnutom balíku
   len zastupne (sedy obdlznik s rozmermi). Pouzivame preto FontAwesome,
   ktory sablona aj tak nacitava. */
.curious-icon-area .icon i,
.choose-feature-items .icon i,
.counter-box .icon i,
.icon-feature-area .icon i {
	font-size: 26px;
	line-height: 1;
	color: var(--sutaz-zlta);
}
.counter-box .icon i { font-size: 60px; }   /* dvojnasobok - zelal si vacsie */
.counter-box .icon { width: auto; min-width: 72px; text-align: center; }

/* Tri kroky v bloku "Ako sa zapojit" - ikonky na dvojnasobok (sablona ma
   koliesko 68 px a znak 26 px). */
/* Tri kroky maju rozne dlhe popisy - polozky zarovnavame na vrch,
   aby ikonky aj cisla boli v jednej linke. */
.curious-wrap-11 .curious-content-11 .curious-icon-area { align-items: flex-start; }

.curious-wrap-11 .curious-content-11 .curious-icon-area .icon-items .icon {
	width: 136px;
	height: 136px;
	line-height: 134px;
}
.curious-wrap-11 .curious-content-11 .curious-icon-area .icon-items .icon i { font-size: 52px; }

/* Sekcie s fotografiou v pozadi - fotka musi byt vyrazne prestmavena,
   inak sa biely text neda citat. */
.sutaz-section-foto { position: relative; z-index: 1; }
.sutaz-section-foto::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.80) 50%, rgba(0,0,0,.92) 100%);
}
.sutaz-box-foto { position: relative; z-index: 1; overflow: hidden; }
.sutaz-box-foto::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgba(0,0,0,.72);
}

/* Cisla v pasoch (termin, cas, dlzka okruhu, rozloha parku) */
.sutaz-cislo {
	font-family: "Signika", sans-serif;
	font-size: 34px;
	font-weight: 700;
	color: #fff;
	margin: 0;
	line-height: 1.1;
	white-space: nowrap;
}
@media (max-width: 575px) { .sutaz-cislo { font-size: 26px; } }

/* ------------------------------------------------- 10. Sutazna otazka --- */
/* Sablonova sekcia .feature-choose-section-11 (7/12 text + 5/12 fotka),
   rozlozena rovnako ako blok Podujatie - len zrkadlovo: fotka je vpravo
   cez celu vysku sekcie a do ciernej sa strati jej lava cast.
   Sablona sekciu zapusta pod predchadzajucu (padding-top 250 px) a fotku
   vytahuje von zo stlpca (margin -140 px) - obidve rusime. */
.sutaz-otazka.feature-choose-section-11 { background: #000; overflow: hidden; padding: 0; margin-top: 0; }
.sutaz-otazka > .row { align-items: stretch; }

.sutaz-otazka-foto { position: relative; min-height: 460px; }
.sutaz-otazka-foto .feature-choose-thumb-11 { position: absolute; inset: 0; margin: 0; }
.sutaz-otazka-foto img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* zapecenie do ciernej - len v lavej casti fotografie */
.sutaz-otazka-foto::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(270deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.65) 80%, #000 100%);
}

/* Obsah vlavo posunuty o 1/12 sirky stranky doprava - zrkadlovo k Podujatiu. */
.sutaz-otazka-obsah { padding: 120px 0; }
.sutaz-otazka .feature-choose-content-11 {
	max-width: 1020px;
	margin-left: calc(100vw / 12);
	margin-right: auto;
}
@media (max-width: 991px) {
	.sutaz-otazka-obsah { padding: 60px 0; }
	.sutaz-otazka .feature-choose-content-11 { margin-left: 20px; margin-right: 20px; }
	.sutaz-otazka-foto { min-height: 320px; }
	.sutaz-otazka-foto::after { background: linear-gradient(0deg, rgba(0,0,0,0) 55%, #000 100%); }
}

/* Moznosti odpovede. Sablona ma dva stlpce po dvoch polozkach,
   my mame jeden zoznam pod sebou. */
.sutaz-otazka .feature-choose-list { display: block; margin-top: 30px; }
.sutaz-otazka .feature-choose-list ul li { color: #E7E9EE; }
.sutaz-otazka .feature-choose-list ul li i { color: var(--sutaz-zlta); }

/* Tlacidlo - sablona mu v tomto bloku dava zlatu farbu a oblu obrubu,
   my mame modru a rovnaky tvar ako inde. */
.sutaz-otazka .feature-choose-btn-area { margin-top: 34px; }
.sutaz-otazka .feature-choose-btn-area .theme-btn {
	background: var(--sutaz-modra);
	color: #fff !important;
	border-radius: 8px;
}
.sutaz-otazka .feature-choose-btn-area .theme-btn::before { background: var(--sutaz-zlta); }
.sutaz-otazka .feature-choose-btn-area .theme-btn:hover { color: #000 !important; }

.sutaz-otazka-termin { margin: 18px 0 0; color: #9BA1AC; }
.sutaz-otazka-termin b { color: #D7D9DE; }
.sutaz-otazka-termin a { color: var(--sutaz-modra); }

/* --------------------------------------------- 11. Fotky v clankoch ----- */
.sutaz-foto-ramik img { border-radius: var(--sutaz-radius); width: 100%; height: auto; display: block; }

.sutaz-zamok-foto { display: flex; gap: 14px; margin-top: 28px; }
.sutaz-zamok-foto img { width: 50%; height: auto; border-radius: var(--sutaz-radius); display: block; }
@media (max-width: 575px) { .sutaz-zamok-foto { flex-direction: column; } .sutaz-zamok-foto img { width: 100%; } }

/* ------------------------------------------------------ 12. Galeria ----- */
/* Dva pasy, ktore sa posuvaju proti sebe. Aby bol posun plynuly a nie
   trhany, musi mat Swiper linearne casovanie - inak kazdy krok spomali
   na konci (default ease). */
.sutaz-galeria { margin-top: 44px; }
.sutaz-galeria-pas { overflow: hidden; }
.sutaz-galeria-pas + .sutaz-galeria-pas { margin-top: 16px; }
.sutaz-galeria-pas .swiper-wrapper { transition-timing-function: linear !important; }
.sutaz-galeria-pas .swiper-slide { width: auto; }
.sutaz-galeria-pas .swiper-slide a { display: block; line-height: 0; }
.sutaz-galeria-pas img {
	height: 240px;
	width: auto;
	border-radius: 10px;
	display: block;
	transition: transform .3s ease, filter .3s ease;
}
.sutaz-galeria-pas a:hover img { transform: scale(1.03); filter: brightness(1.12); }
@media (max-width: 991px) { .sutaz-galeria-pas img { height: 180px; } }
@media (max-width: 575px) { .sutaz-galeria-pas img { height: 140px; } }

/* ------------------------------------------- 13. Stlpce v paticke ------- */
.sutaz-footer .widget-title {
	color: #fff;
	font-family: "Signika", sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: none;
}
.sutaz-footer .widget-head { margin-bottom: 18px; }
.sutaz-footer .dashed { height: 2px; background: var(--sutaz-zlta); width: 46px; margin-top: 8px; }
.sutaz-footer .list-items { list-style: none; margin: 0 0 18px; padding: 0; }
.sutaz-footer .list-items li { margin-bottom: 9px; }
.sutaz-footer p { font-size: 15px; }
.sutaz-footer-term { font-size: 15px; }
.sutaz-footer-term b { color: #D7D9DE; }
.sutaz-footer-foto { font-size: 12px; color: #6C727F; }

/* Vyzva na kupu vstupeniek - zobrazi sa az po skonceni sutaze */
.sutaz-footer-tickets { margin-top: 10px; }
.sutaz-footer-tickets a { color: var(--sutaz-zlta); font-weight: 600; }
.sutaz-footer-tickets i { margin-right: 6px; }

/* Partner Schloss Hof - logo s odkazom na stranku zamku */
.sutaz-footer .sutaz-footer-partner { text-align: left; margin-top: 26px; }
.sutaz-footer .sutaz-footer-partner img { max-width: 190px; }

/* Copyright na strede, pod nim logo Austria.SK (ako v schlosshof-23) */
.sutaz-footer .footer-bottom { border-top: 1px solid var(--sutaz-line); margin-top: 30px; }
.sutaz-footer .footer-bottom-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	text-align: center;
}
.sutaz-footer .footer-bottom-wrapper p { margin: 0; }
.sutaz-footer-logo img {
	max-width: 190px;
	height: auto;
	background: #fff;
	padding: 8px 12px;
	border-radius: 10px;
	margin: 0;
}


/* ================= 14. Doladenie prevzatych sekcii ====================== */
/* Sablona tiahne box "Ako sa zapojit" o 240 px do nasledujucej sekcie
   (margin-bottom: -240px), aby sa prekryvali. U nas pod nim hned nasleduje
   sutazna otazka, takze by ju box prekryl - prekryv rusime. */
.curious-wrap-11 { margin-bottom: 0; border-color: rgba(243,196,60,.30); }

/* Logo v hlavicke je SVG bez pevnych rozmerov. Vo flexovej hlavicke sa
   zmrstilo na nulovu sirku - preto pevna vyska a zakaz zmrstenia. */
.sutaz-header .sutaz-logo { flex: 0 0 auto; }
.sutaz-header .sutaz-logo img {
	height: 58px;
	width: auto;
	max-width: none;
	max-height: none;
}
@media (max-width: 1399px) { .sutaz-header .sutaz-logo img { height: 50px; } }
@media (max-width: 575px)  { .sutaz-header .sutaz-logo img { height: 40px; } }


/* Bocne fotografie v boxe "Ako sa zapojit": sablona tam ma vyrezane PNG,
   ktore smu prekryvat stred. Nase su obdlznikove fotky - musia zostat
   vo svojom stlpci, inak lezia na texte. */
.curious-thumb-11 img {
	max-width: 100%;
	height: auto;
	border-radius: 14px;
	display: block;
}




/* ===================== 15. Oddelovac "choose-line" ====================== */
/* Zo sablony: popisok a za nim zlata ciara, ktora sa stráca dolava.
   V sablone je zviazana s jednou konkretnou sekciou, my ju pouzivame
   aj inde - preto vlastne pravidlo. */
.sutaz-ciara {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 34px 0 10px;
}
.sutaz-ciara .text {
	font-family: "Signika", sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--sutaz-zlta);
	white-space: nowrap;
}
.sutaz-ciara .choose-line {
	flex: 1 1 auto;
	width: auto;
	height: 1px;
	background: linear-gradient(90deg, rgba(243,196,60,.9) 0%, rgba(243,196,60,0) 100%);
	display: block;
}

/* ====================== 16. Sekcia o podujati =========================== */
/* .contact-section-11 zo sablony. Namiesto mapy je vpravo fotografia. */
.contact-section-11 .contact-wrap-11 { position: relative; z-index: 1; }
.contact-section-11 .contact-text { color: #D7D9DE; max-width: 820px; }
.contact-section-11 .contact-map-area .left-items .icon-items .icon i { font-size: 24px; color: var(--sutaz-zlta); }
.contact-section-11 .contact-map-area .left-items .icon-items .content p { color: #C3C7D0; }
.contact-section-11 .link-btn { color: var(--sutaz-modra); }
.contact-section-11 .link-btn:hover { color: var(--sutaz-zlta); }
.contact-section-11 .google-map-items img {
	width: 100%;
	height: auto;
	border-radius: var(--sutaz-radius);
	display: block;
}

/* ====================== 17. Pozvanka (brand-section) ==================== */
.sutaz-vyzva { padding: 20px 0; }
.sutaz-vyzva .brand-wrapper-11 { gap: 40px; }
.sutaz-vyzva .brand-img { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.sutaz-vyzva .brand-img img { width: 190px; height: auto; }
@media (max-width: 1199px) {
	.sutaz-vyzva .brand-wrapper-11 { flex-direction: column; align-items: flex-start; }
	.sutaz-vyzva .brand-img { width: 100%; }
}

/* ============================ 18. Mapa ================================== */
.sutaz-mapa { padding: 0 0 70px; }
.sutaz-mapa iframe { display: block; width: 100%; border: 0; filter: saturate(.9); }
/* obruba je nizsie v sekcii 22 */
.sutaz-mapa-nahrada {
	border: 1px solid var(--sutaz-line);
	border-radius: var(--sutaz-radius);
	padding: 32px;
	text-align: center;
}
.sutaz-mapa-nahrada h3 { font-size: 22px; color: #fff; margin: 0 0 14px; }
.sutaz-mapa-nahrada h3 i { color: var(--sutaz-zlta); margin-right: 8px; }
.sutaz-note { color: #8A90A0; font-size: 14px; }
.sutaz-mapa-popis { margin: 18px 0 0; font-size: 14px; color: #8A90A0; }
.sutaz-mapa-popis a { color: var(--sutaz-modra); }

/* ====================== 19. Vyssie tlacidla ============================= */
/* Sablonove tlacidla su na nase dlhsie slovenske popisky prinizke. */
.theme-btn,
.sutaz-header.header-11 .header-right .theme-btn,
.sutaz-mapa .theme-btn,
.sutaz-vyzva .theme-btn,
.sutaz-otazka .theme-btn {
	min-height: 56px;
	padding: 15px 30px;
	font-size: 16px;
}
@media (max-width: 575px) {
	.theme-btn { min-height: 50px; padding: 13px 22px; font-size: 15px; }
}

/* ============== 20. Lightbox galerie (magnific-popup) =================== */
/* Fotka sa otvori vo velkom; dalsie zvacsovanie nie je - medzi fotkami sa
   prepina sipkami po stranach (klik do fotky uz neposuva dalej). */
/* Hlavicka ma zo sablony z-index 999999 a prekryvala by lightbox. */
.mfp-bg  { background: #0A0A0C; opacity: .95; z-index: 1000000; }
.mfp-wrap { z-index: 1000001; }
button.mfp-arrow {
	width: 84px;
	height: 84px;
	margin-top: -42px;
	opacity: 1;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 50%;
	transition: background .2s ease, border-color .2s ease;
}
button.mfp-arrow:hover { background: var(--sutaz-modra); border-color: var(--sutaz-modra); }
.mfp-arrow:before, .mfp-arrow:after { display: none; }
.mfp-arrow-left  { left: 30px; }
.mfp-arrow-right { right: 30px; }
/* Vnutorne prvky sipky nesmu byt cielom kliknutia - magnific potom
   vzdy vidi tlacidlo s triedou mfp-prevent-close a galeriu nezavrie. */
.mfp-arrow .sutaz-sipka,
.mfp-arrow .sutaz-sipka i { pointer-events: none; }

.mfp-arrow .sutaz-sipka {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 26px;
}
.mfp-counter { color: #8A90A0; font-size: 14px; }
.mfp-title { color: #D7D9DE; font-size: 14px; padding-top: 8px; }
.mfp-close { color: #fff !important; font-size: 34px; opacity: .9; }
@media (max-width: 767px) {
	button.mfp-arrow { width: 56px; height: 56px; margin-top: -28px; }
	.mfp-arrow-left { left: 8px; }
	.mfp-arrow-right { right: 8px; }
	.mfp-arrow .sutaz-sipka { font-size: 18px; }
}

/* ====================== 21. Paticka - doplnky =========================== */
/* Ciara nad copyrightom a logom je prec. */
.sutaz-footer .footer-bottom { border-top: 0; }
.sutaz-footer .footer-bottom-wrapper { border-top: 0; }

/* Partner je samostatny stlpec - logo zarovnane dolava ako ostatny obsah. */
.sutaz-footer .sutaz-footer-partner { text-align: left; margin-top: 0; }
.sutaz-footer .sutaz-footer-partner img { max-width: 100%; width: 190px; }


/* Jednotna farba tlacidiel - sablona ma zlatu, my modru Austria.SK.
   Vynimkou su priehladne varianty (.style-2, .theme-btn-ghost). */
.theme-btn:not(.style-2):not(.theme-btn-ghost) {
	background: var(--sutaz-modra);
	color: #fff !important;
}
.theme-btn:not(.style-2):not(.theme-btn-ghost)::before { background: var(--sutaz-zlta); }
.theme-btn:not(.style-2):not(.theme-btn-ghost):hover { color: #000 !important; }



/* Mapa ma zlatu obrubu hore aj dole - oddeluje ju od ciernych sekcii. */
.sutaz-mapa iframe {
	border-top: 6px solid var(--sutaz-zlta);
	border-bottom: 6px solid var(--sutaz-zlta);
}


/* ========== 23. Sekcia o podujati - rozlozenie 5/12 + 7/12 ============= */
/* Sablona ma vlavo fotografiu a vpravo obsah. Fotografia je samostatny
   obrazok vo svojom stlpci (nie pozadie sekcie) a cez celu vysku sekcie;
   do ciernej sa strati len jej prava cast. */
.sutaz-udalost { background: #000; overflow: hidden; }
.sutaz-udalost .contact-wrap-11 > .row { align-items: stretch; }

.sutaz-udalost-foto { position: relative; min-height: 460px; }
.sutaz-udalost-foto img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* zapecenie do ciernej - len v pravej casti fotografie */
.sutaz-udalost-foto::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.65) 80%, #000 100%);
}

.sutaz-udalost-obsah { padding: 120px 0; }
@media (max-width: 991px) {
	.sutaz-udalost-foto { min-height: 320px; }
	.sutaz-udalost-foto::after { background: linear-gradient(180deg, rgba(0,0,0,0) 55%, #000 100%); }
	.sutaz-udalost-obsah { padding: 60px 0; }
}

/* Fotografia na mieste mapy ma rovnake rozmery ako mala mapa v sablone. */
.contact-section-11 .google-map-items img {
	max-width: 550px;
	width: 100%;
	height: 330px;
	object-fit: cover;
	border-radius: 10px;
	display: block;
}

/* ================= 24. Velkost bielych textov =========================== */
/* Sablona ma v jednotlivych blokoch pismo len 14 - 16 px, co je na nasich
   dlhsich slovenskych textoch primale. Vsetky bezne texty v blokoch maju
   preto jednu velkost 21 px - o dva body viac nez veta "Zelame Vam vela
   stastia v sutazi!" (.sutaz-luck, 19 px). Rovnako velke su aj texty
   pri zaskrtavacich polickach vo formulari. */
.contact-right-content-11 .contact-text,
.memorable-night-content-11 .night-content .night-text,
.contact-right-content-11 .contact-map-area .left-items .icon-items .content p,
.curious-wrap-11 .curious-content-11 .curious-icon-area .icon-items p,
.sutaz-otazka .feature-choose-list ul li,
.memorable-night-content-11 .night-content .icon-feature-area .content p,
.sutaz-article,
.sutaz-rules p,
.sutaz-check,
.sutaz-check label,
.sutaz-lead { font-size: 21px; line-height: 32px; }

.sutaz-footer p,
.sutaz-footer-term,
.sutaz-otazka-termin { font-size: 16px; line-height: 27px; }

.contact-right-content-11 .contact-map-area .left-items .icon-items .content .link-btn { font-size: 17px; }



/* ================ 25. Clanok a pravidla sutaze ========================== */
/* Rovnake rozlozenie ako v schlosshof-23, len na tmavom pozadi. */
.sutaz-article { color: #C3C7D0; }   /* velkost pisma je v sekcii 24 */
.sutaz-article p { margin-bottom: 18px; }
.sutaz-article a { color: var(--sutaz-modra); word-break: break-word; }
.sutaz-article b { color: #E7E9EE; }
.sutaz-h3 {
	display: flex; align-items: center; gap: 12px;
	font-size: 26px;
	margin: 42px 0 20px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--sutaz-line);
	color: #fff;
}
.sutaz-h3 i { color: var(--sutaz-zlta); font-size: 22px; }
.section-title .sec-line img { max-width: 263px; height: auto; }

/* ===================== 26. Formular registracie ========================= */
/* Rozlozenie je prevzate zo schlosshof-23 (biele karty na svetlom pozadi),
   farby su prelozene do nasej tmavej palety: zlata na cislovane
   odznaky a ramceky, modra Austria.SK na aktivne prvky a odkazy,
   zelena na potvrdenia. */
.sutaz-section-form { padding-bottom: 110px; }

.sutaz-box {
	background: rgba(255,255,255,.04);
	border: 1px solid var(--sutaz-line);
	border-radius: var(--sutaz-radius);
	padding: 30px;
	margin-bottom: 22px;
}
.sutaz-box-head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.sutaz-box-head h3 { font-size: 22px; margin: 0; color: #fff; }
.sutaz-step {
	flex: 0 0 38px; height: 38px;
	display: flex; align-items: center; justify-content: center;
	background: var(--sutaz-zlta);
	color: #15161B;
	border-radius: 50%;
	font-family: "Signika", sans-serif;
	font-weight: 700;
}
.sutaz-box-question { border-color: rgba(243,196,60,.45); }
.sutaz-box-question .sutaz-step,
.sutaz-box-gdpr .sutaz-step,
.sutaz-box-rules .sutaz-step { background: var(--sutaz-modra); color: #fff; }
.sutaz-question { font-size: 21px; font-weight: 700; color: #fff; margin-bottom: 20px; }

.form-clt { margin-bottom: 0; }
.form-clt label { display: block; margin-bottom: 8px; font-weight: 600; color: #D7D9DE; font-size: 18px; }
.form-clt input[type="text"],
.form-clt input[type="email"],
.form-clt select {
	width: 100%;
	padding: 15px 18px;
	border: 1px solid var(--sutaz-line);
	border-radius: 10px;
	background: #15161B;
	color: #fff;
	font-size: 19px;
	outline: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.form-clt input::placeholder { color: #6C727F; }
.form-clt input:focus,
.form-clt select:focus { border-color: var(--sutaz-modra); box-shadow: 0 0 0 3px rgba(0,145,206,.22); }
.form-clt input.is-error { border-color: #FF6B6B; background: #2A1416; }
.error { color: #FF6B6B; font-weight: 700; }

.sutaz-check { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; color: #C3C7D0; }
.sutaz-check input[type="checkbox"] { margin-top: 4px; width: 18px; height: 18px; accent-color: var(--sutaz-modra); flex: 0 0 18px; }
.sutaz-check label { margin: 0; cursor: pointer; }
.sutaz-check a { color: var(--sutaz-modra); }

.sutaz-submit { text-align: center; padding: 10px 0 0; }
.sutaz-luck { font-size: 19px; font-weight: 700; color: #fff; margin-bottom: 18px; }

/* rekapitulacia */
.sutaz-recap-list { list-style: none; margin: 0 0 20px; padding: 0; }
.sutaz-recap-list li {
	display: flex; justify-content: space-between; gap: 16px;
	padding: 11px 0;
	border-bottom: 1px dashed var(--sutaz-line);
	font-size: 16px;
	color: #E7E9EE;
}
.sutaz-recap-list li span { color: #8A90A0; }
.sutaz-recap-answer b { color: var(--sutaz-zlta); }
.sutaz-recap-agree { list-style: none; margin: 0 0 24px; padding: 0; font-size: 15px; color: #9BA1AC; }
.sutaz-recap-agree li { margin-bottom: 8px; }
.sutaz-recap-agree i { color: var(--sutaz-zelena); margin-right: 6px; }
.sutaz-recap-buttons { display: flex; flex-wrap: wrap; gap: 14px; justify-content: space-between; }

/* hlasky */
.sutaz-alert { text-align: center; }
.sutaz-alert-icon { font-size: 44px; margin-bottom: 14px; }
.sutaz-alert h3 { font-size: 26px; margin-bottom: 12px; color: #fff; }
.sutaz-alert-ok { border-color: rgba(63,174,90,.5); }
.sutaz-alert-ok .sutaz-alert-icon { color: var(--sutaz-zelena); }
.sutaz-alert-error .sutaz-alert-icon { color: #FF6B6B; }
.sutaz-alert-info .sutaz-alert-icon { color: var(--sutaz-modra); }
.sutaz-alert form { margin-top: 18px; }
/* Po skonceni sutaze su v boxe dve tlacidla vedla seba (vstupenky + vyhodnotenie) */
.sutaz-alert .theme-btn { margin: 8px 6px 0; }
.sutaz-code { font-size: 18px; color: #C3C7D0; }
.sutaz-code b { color: var(--sutaz-zlta); letter-spacing: 1px; }

/* vyhodnotenie */
.sutaz-winners { list-style: none; margin: 0 0 20px; padding: 0; }
.sutaz-winners li {
	background: rgba(255,255,255,.04);
	border-left: 4px solid var(--sutaz-zlta);
	border-radius: 10px;
	padding: 14px 18px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #E7E9EE;
}
.sutaz-winners i { color: var(--sutaz-zlta); margin-right: 8px; }
.sutaz-thanks { font-size: 22px; color: var(--sutaz-modra); margin: 26px 0; }




/* Blok Podujatie: obsah vpravo posunuty o 1/12 sirky stranky dolava. */
.sutaz-udalost .contact-right-content-11 { margin-right: calc(100vw / 12); }
@media (max-width: 991px) { .sutaz-udalost .contact-right-content-11 { margin-right: 20px; } }

/* Blok Podujatie: ikonky o 50 % vacsie (krucok aj symbol). */
.sutaz-udalost .contact-map-area .left-items .icon-items .icon {
	width: 102px;
	height: 102px;
	line-height: 98px;
	flex: 0 0 102px;
}
.sutaz-udalost .contact-map-area .left-items .icon-items .icon i { font-size: 36px; }
@media (max-width: 575px) {
	.sutaz-udalost .contact-map-area .left-items .icon-items .icon { width: 72px; height: 72px; line-height: 68px; flex: 0 0 72px; }
	.sutaz-udalost .contact-map-area .left-items .icon-items .icon i { font-size: 26px; }
}


/* Vysvetlivka v karte formulara (1. Udaje ucastnika) mala velkost drobneho
   textu - zarovnavame ju s ostatnymi textami v blokoch. */
.sutaz-box .sutaz-note { font-size: 18px; line-height: 29px; color: #9BA1AC; margin-bottom: 22px; }

/* Adresa partnera pod logom - rovnaky odstup ako ma organizator. */
.sutaz-footer .sutaz-footer-partner + .sutaz-footer-org { margin-top: 18px; }


/* ============== 27. Autor fotografie pri kazdej fotke =================== */
/* V tejto sutazi sa autor uvadza pri KAZDEJ fotografii (ako v schlosshof-23).
   Podklady maju tri rozne zdroje, preto nestaci jeden riadok v paticke.

   Dve varianty:
	 .sutaz-foto-autor         popisok POD fotkou (fotky v ramceku, nahlady)
	 .sutaz-foto-autor-vnutri  popisok V rohu fotky - tam, kde fotka vyplna
							   celu sekciu alebo je jej pozadim a pod nou
							   uz nie je miesto */
.sutaz-foto-autor {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: .3px;
	color: #7F8694;
}
.sutaz-foto-autor-vnutri {
	position: absolute;
	right: 14px;
	bottom: 12px;
	z-index: 3;
	font-size: 11px;
	letter-spacing: .3px;
	color: rgba(255,255,255,.55);
	text-shadow: 0 1px 4px rgba(0,0,0,.85);
	pointer-events: none;
}
/* Sekcie, do ktorych sa popisok umiestnuje absolutne, musia mat
   position: relative - inak by odletel k okraju stranky. */
.sutaz-box-foto,
.sutaz-section-foto,
.sutaz-otazka-foto,
.sutaz-udalost-foto { position: relative; }

/* Fotka vedla textu o mieste konania - popisok je sucastou <figure>. */
.sutaz-zamok-foto figure { margin: 0; width: 50%; }
.sutaz-zamok-foto figure img { width: 100%; }
.sutaz-zamok-foto figcaption {
	margin-top: 6px;
	font-size: 12px;
	letter-spacing: .3px;
	color: #7F8694;
}
@media (max-width: 575px) { .sutaz-zamok-foto figure { width: 100%; } }

/* Autor na nahlade v galerii - drobny popisok v lavom dolnom rohu.
   Na pohybujucom sa pase nesmie brat kliknutia (otvara sa cela fotka). */
.sutaz-galeria-pas .swiper-slide a { position: relative; }
.sutaz-galeria-autor {
	position: absolute;
	left: 10px;
	bottom: 8px;
	font-size: 10px;
	line-height: 1.3;
	letter-spacing: .3px;
	color: rgba(255,255,255,.72);
	text-shadow: 0 1px 4px rgba(0,0,0,.9);
	pointer-events: none;
}


/* ============ 28. Podrobnosti o podujati (program, ceny, doprava) ======= */
/* Rovnake bloky ako v schlosshof-23, prelozene do tmavej palety. */

.sutaz-udalost-detail { padding-top: 0; }

/* Denny program - zoznam s farebnym pruzkom vlavo */
.sutaz-program { list-style: none; margin: 0 0 24px; padding: 0; }
.sutaz-program li {
	background: rgba(255,255,255,.035);
	border-left: 3px solid var(--sutaz-line);
	border-radius: 0 var(--sutaz-radius) var(--sutaz-radius) 0;
	padding: 18px 22px;
	margin-bottom: 12px;
}
.sutaz-program li b:first-child { display: block; font-size: 19px; color: #fff; }
.sutaz-program-meta {
	display: block;
	color: var(--sutaz-modra);
	font-weight: 700;
	font-size: 15px;
	margin: 4px 0 6px;
}
/* zvyraznena polozka programu */
.sutaz-program-tip {
	border-left-color: var(--sutaz-zlta);
	background: rgba(243,196,60,.08);
}

/* Cennik - popis vlavo, suma vpravo */
.sutaz-prices { list-style: none; margin: 0 0 18px; padding: 0; }
.sutaz-prices li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	padding: 12px 0;
	border-bottom: 1px solid var(--sutaz-line);
}
.sutaz-prices li b { color: var(--sutaz-zlta); white-space: nowrap; }

/* Kyvadlova doprava - dve karty vedla seba */
.sutaz-info-box {
	background: rgba(255,255,255,.04);
	border: 1px solid var(--sutaz-line);
	border-radius: var(--sutaz-radius);
	padding: 24px 26px;
	height: 100%;
}
.sutaz-info-box h4 { font-size: 20px; margin-bottom: 12px; color: var(--sutaz-modra); }
.sutaz-info-box p { margin-bottom: 10px; }
.sutaz-info-box p:last-child { margin-bottom: 0; }
.sutaz-price { color: var(--sutaz-zlta); font-weight: 700; }

/* Tip - modry pas s ikonkou */
.sutaz-highlight {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	background: var(--sutaz-modra);
	color: #fff !important;
	border-radius: var(--sutaz-radius);
	padding: 20px 24px;
}
.sutaz-highlight b { color: #fff; }
/* Ikonka v modrom pase by po prefarbeni textov zostala neviditelna. */
.sutaz-highlight i { font-size: 22px; margin-top: 3px; color: #fff; }
.sutaz-highlight-odsadeny { margin-top: 32px; }

/* Odkaz na zdroj faktov pod blokom */
.sutaz-source { font-size: 15px; color: #7F8694; margin-top: 28px; }


/* ============== 29. Logo Schloss Hof na tmavom pozadi =================== */
/* Logo partnera sa nesmie prefarbovat - pouziva sa vsade v povodnej
   podobe (cierny text, modre prvky). Na ciernom pozadi by ale cierny text
   zanikol, preto dostava bielu podlozku - rovnaku ako uz mal v paticke. */
.sutaz-header .sutaz-logo img,
.offcanvas__logo img,
.sutaz-vyzva .brand-img img {
	background: #fff;
	border-radius: 10px;
	padding: 8px 14px;
}

.sutaz-header .sutaz-logo img { max-height: 70px; }
@media (max-width: 1399px) { .sutaz-header .sutaz-logo img { max-height: 58px; } }
@media (max-width: 575px)  { .sutaz-header .sutaz-logo img { max-height: 48px; } }

.sutaz-vyzva .brand-img img { max-height: 120px; width: auto; }
@media (max-width: 575px) { .sutaz-vyzva .brand-img img { max-height: 92px; } }


/* ============== 30. Nadpis v slidri - zalomenie podla <br> ============== */
/* Nadpis ma zalomenie urcene znackami <br> (premenna
   $nazov_sutaze_slider_html), preto uz nepotrebuje obmedzenu sirku -
   tá by do riadkov zasahovala este raz. */
.sutaz-hero .hero-11 .hero-content .tx-title { max-width: none; }


/* ============== 31. Doplnky po pripomienkach (8. 11. 2026) ============== */

/* Kroky "Ako sa zapojit" - odkaz na otazku a tlacidlo na registraciu.
   Sablonove .icon-items v tomto bloku su zarovnane na stred. */
.curious-icon-area .icon-items .sutaz-krok-odkaz {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
	font-family: "Signika", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--sutaz-zlta);
	text-decoration: none;
}
.curious-icon-area .icon-items .sutaz-krok-odkaz:hover { color: #fff; }

.curious-icon-area .icon-items .sutaz-krok-btn {
	margin-top: 14px;
	min-height: 48px;
	padding: 12px 22px;
	font-size: 16px;
}

/* Text pod fotografiami v bloku Podujatie bol nalepeny na obrazky. */
.sutaz-lead-odsadeny { margin-top: 34px; }

/* Odseky so zamerným zalomenim riadkov (<br>). Na uzkych obrazovkach
   by pevne zalomenie robilo osamotene slova, preto sa tam vypina. */
@media (max-width: 991px) {
	.sutaz-zalomenie br { display: none; }
}

/* Fotografia s popiskom v textovom bloku (prevzate zo schlosshof-23,
   v tmavej variante). */
.sutaz-figure {
	margin: 0 0 26px;
	border-radius: var(--sutaz-radius);
	overflow: hidden;
	background: #0B0B0D;
}
.sutaz-figure img { width: 100%; height: auto; display: block; }
.sutaz-figure figcaption {
	padding: 10px 14px;
	font-size: 13px;
	line-height: 1.4;
	color: #8A90A0;
}

/* Vysvetlenie pod tlacidlom formulara - po kliknuti ide este
   rekapitulacia, nie odoslanie. */
.sutaz-submit-poznamka {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	justify-content: center;
	max-width: 560px;
	margin: 16px auto 0;
	font-size: 15px !important;
	line-height: 24px !important;
	color: #9BA1AC !important;
	text-align: left;
}
.sutaz-submit-poznamka i { color: var(--sutaz-modra); margin-top: 4px; }

/* Odkaz / tlacidlo v krokoch zarovnane na spodok, aby kroky s roznou
   dlzkou textu nemali prvok v inej vyske. */
.curious-icon-area { align-items: stretch; }
.curious-icon-area .icon-items { display: flex; flex-direction: column; }
.curious-icon-area .icon-items .sutaz-krok-odkaz,
.curious-icon-area .icon-items .sutaz-krok-btn { margin-top: auto; align-self: center; }


/* ============== 32. Stranka bez uvodneho slidera (Registracia) ========== */
/* Hlavicka sablony je priesvitna a lezi nad slidrom (position: absolute).
   Bez slidera by prekryvala zaciatok obsahu, preto tu dostava plne pozadie
   - rovnake, ake inak nabehne az po zrolovani (.sticky) - a prva sekcia
   odsadenie o jej vysku. */
body.sutaz-bez-slidera .sutaz-header.header-11 {
	background: rgba(0,0,0,.92);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
body.sutaz-bez-slidera #smooth-content > section:first-of-type { padding-top: 150px; }
@media (max-width: 1399px) { body.sutaz-bez-slidera #smooth-content > section:first-of-type { padding-top: 130px; } }
@media (max-width: 575px)  { body.sutaz-bez-slidera #smooth-content > section:first-of-type { padding-top: 110px; } }