/* ==========================================================================
   sutaz.css  -  uprava sablony Foodies pre sutaz schlosshof-23
   --------------------------------------------------------------------------
   Vizual vychadza z varianty index-3.html:
	 - hlavicka .header-3 (logo vlavo + menu, CTA vpravo)
	 - nadpisy .section-title (sub-title + h2 + dekorativna ciara .sec-line)
	 - oddelovace sekcii "odtrhnuty papier" (assets/img/home-3/overlay*.png)
	 - uvodny slider .hero-3 (pozadie, lietajuce objekty, postava reagujuca
	   na mys, roztrhany papier na spodku)

   Farebna skala je zo sablony (--theme #FFC222 jantar, --theme3 #ED1C27
   cervena, --header #1E1D23, --body #F4F1EA) s jedinou zmenou:
   zelena --theme2 #00833E je prepisana na modru Austria.SK #0091CE.
   ========================================================================== */

/* ---------------------------------------------- 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-cervena:#990000;   /* farba loadera Austria.SK */
	--sutaz-night:  #1E1D23;   /* = --header zo sablony, tmave sekcie */
	--sutaz-line:   #E6E1D5;   /* jemne linky a ramceky               */
	--sutaz-radius: 16px;
}

body { overflow-x: hidden; }

/* Sablona dava podnadpisom pismo "Bylast". Ten font ma len 124 znakov
   (zakladna ASCII) a NEOBSAHUJE slovensku diakritiku - "O sutazi" by sa
   vykreslilo z dvoch roznych pisiem. Pouzivame preto Signika, ktoru
   sablona aj tak nacitava a slovencinu pokryva. */
.section-title .sub-title,
.sutaz-breadcrumb-kicker {
	font-family: "Signika", sans-serif !important;
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.section-title .sec-line img { max-width: 263px; height: auto; }

/* ------------------------------------------------ 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-3: biely pruh, cierne pismo. Biele pozostava aj po
   zascrollovani (.sticky). Hlavicka je v beznom toku, nelezi nad hero. */

.sutaz-header.header-3 {
	position: relative;
	top: auto;
	left: auto;
	background: #fff;
}
.sutaz-header.sticky { background: #fff; }

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

/* Logo partnera - velke, klik vedie na jeho web */
.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: 76px; width: auto; }
@media (max-width: 1399px) { .sutaz-header .sutaz-logo img { max-height: 62px; } }
@media (max-width: 575px)  { .sutaz-header .sutaz-logo img { max-height: 48px; } }

/* Polozky menu - cierne, po prejdeni mysou modre */
.sutaz-header .header-main .main-menu ul li a,
.sutaz-header.sticky .header-main .main-menu ul li a {
	color: #000;
	text-transform: none;
	text-shadow: none;
}
.sutaz-header .header-main .main-menu ul li:hover > a,
.sutaz-header .header-main .main-menu ul li.active > a,
.sutaz-header.sticky .header-main .main-menu ul li:hover > a,
.sutaz-header.sticky .header-main .main-menu ul li.active > a { color: var(--sutaz-modra); }

.sutaz-cta { white-space: nowrap; }

/* Hamburger - na bielom pozadi musi byt tmavy */
.sutaz-header .header__hamburger .sidebar__toggle {
	cursor: pointer;
	width: 44px; height: 44px;
	padding: 10px;
	border: 1px solid rgba(0,0,0,.18);
	border-radius: 10px;
	gap: 5px;
}
.sutaz-header .header-main .sidebar__toggle span {
	display: block;
	width: 22px !important;
	height: 2px;
	border-radius: 2px;
	background-color: #000 !important;
}

/* offcanvas (mobilne menu) */
.offcanvas__info { background: var(--sutaz-night); }
.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; }

/* ------------------------------------- 2b. Oddelovac "odtrhnuty papier" -- */
.sutaz-oddelovac {
	position: relative;
	line-height: 0;
	margin-top: -1px;
	margin-bottom: -1px;
	pointer-events: none;
}
.sutaz-oddelovac img {
	display: block;
	width: 100%;
	height: auto;
	min-height: 28px;
	object-fit: cover;
}

/* --------------------------------------------- 3. Uvodny slider (hero) -- */
/* Pozicie tvarov, .float-bob-y / -x aj efekt .tilt_scale su zo sablony
   index-3 (.hero-3). Tu len dolaďujeme velkosti a farby pre nas obsah. */

.sutaz-hero.hero-3 {
	margin-top: 0;              /* hlavicka uz nelezi nad hero */
	padding: 120px 0 0;
	min-height: 820px;
	display: flex;
	align-items: flex-end;
	background-position: center bottom;
	background-size: cover;
	position: relative;
}
/* tmavsie prestmavenie, aby bol biely text citatelny */
.sutaz-hero::before {
	content: "";
	position: absolute; inset: 0;
	background: linear-gradient(90deg, rgba(10,8,18,.70) 0%, rgba(10,8,18,.34) 52%, rgba(10,8,18,.08) 100%);
	z-index: 0;
}
.sutaz-hero .container { position: relative; z-index: 3; }

/* obsah vlavo */
.sutaz-hero .hero-content { margin-top: 0; padding: 40px 0 150px; }
.sutaz-hero .breadcrumb-title {
	color: #fff;
	font-size: 56px;
	line-height: 1.15;
	margin: 0 0 14px;
	text-shadow: 0 2px 22px rgba(0,0,0,.6);
}
@media (max-width: 1399px) { .sutaz-hero .breadcrumb-title { font-size: 44px; } }
@media (max-width: 991px)  { .sutaz-hero .breadcrumb-title { font-size: 34px; } }
@media (max-width: 575px)  { .sutaz-hero .breadcrumb-title { font-size: 27px; } }

.sutaz-breadcrumb-kicker {
	display: inline-flex; align-items: center; gap: 8px;
	background: var(--theme);
	color: var(--header);
	font-weight: 700;
	padding: 8px 20px;
	border-radius: 999px;
	margin-bottom: 18px;
	font-size: 16px;
}
.sutaz-breadcrumb-claim {
	color: var(--theme);
	font-weight: 700;
	font-size: 20px;
	margin: 4px 0 22px;
	text-shadow: 0 2px 12px rgba(0,0,0,.6);
}
.sutaz-hero .breadcrumb-items {
	display: flex; flex-wrap: wrap; align-items: center;
	gap: 10px; list-style: none; margin: 0; padding: 0;
	color: #e8e4f0; font-size: 15px;
}
.sutaz-hero .breadcrumb-items a { color: #fff; text-decoration: none; }
.sutaz-hero .breadcrumb-items a:hover { color: var(--theme); text-decoration: underline; }
.sutaz-hero .breadcrumb-items i { color: var(--theme); font-size: 12px; }

/* postava vpravo - reaguje na pohyb mysou (.tilt_scale zo sablony) */
.sutaz-hero .hero-image {
	position: relative;
	z-index: 2;
	text-align: center;
	margin-bottom: -6px;
}
.sutaz-hero .hero-image img {
	max-height: 800px;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	display: block;
	filter: drop-shadow(0 18px 40px rgba(0,0,0,.55));
}
@media (max-width: 1399px) { .sutaz-hero .hero-image img { max-height: 660px; } }
@media (max-width: 991px)  {
	.sutaz-hero .hero-content { padding-bottom: 20px; text-align: left; }
	.sutaz-hero .hero-image img { max-height: 360px; }
}

/* velkosti lietajucich objektov v slideri */
.sutaz-hero .left-shape   img { max-width: 150px; }
.sutaz-hero .chili-shape  img { max-width: 130px; }
.sutaz-hero .arrow-shape  img { max-width: 95px; }
.sutaz-hero .tomato-shape img { max-width: 110px; }
.sutaz-hero .shape        img { max-width: 100px; }
.sutaz-hero .leaf         img { max-width: 110px; }
.sutaz-hero .leaf-2       img { max-width: 120px; }
.sutaz-hero .leaf-3       img { max-width: 110px; }
.sutaz-hero .left-shape, .sutaz-hero .chili-shape, .sutaz-hero .arrow-shape,
.sutaz-hero .tomato-shape, .sutaz-hero .shape, .sutaz-hero .leaf,
.sutaz-hero .leaf-2, .sutaz-hero .leaf-3 { z-index: 1; pointer-events: none; }

/* roztrhany papier na spodku slidera - musi byt nad fotografiou */
.sutaz-hero .bottom-shape { z-index: 4; }
.sutaz-hero .bottom-shape img { width: 100%; height: auto; display: block; }

/* ---------------------------------------------------------- 4. Sekcie --- */
/* Farby sekcii musia sedet s farbami dvojfarebnych oddelovacov
   (page_oddelovac.php): body #F4F1EA | white #FFFFFF | night #1E1D23 */
.sutaz-section { padding: 90px 0; }
.sutaz-section-intro,
.how-we-section-9        { background: #F4F1EA; }   /* O sutazi   - body  */
.sutaz-section-event     { background: #FFFFFF; }   /* Podujatie  - white */
.sutaz-section-galeria   { background: #F4F1EA; }   /* Galeria    - body  */
.sutaz-section-partner   { background: #FFFFFF; }   /* Partner    - white */
.sutaz-section-form,
.sutaz-section-rules,
.sutaz-section-results   { background: #F4F1EA; }   /* rovnaka ako papier pod sliderom */
/* Gradient MUSI ist zhora nadol. Pri sikmom alebo vodorovnom prechode
   vychadza roztrhany papier nad sekciou na kazdej strane inou farbou. */
.sutaz-section-question {
	background: var(--sutaz-night);
	background-image: linear-gradient(180deg, #1E1D23 0%, #2A2733 45%, #1A1820 100%);
}
@media (max-width: 767px) { .sutaz-section { padding: 56px 0; } }

.section-title { margin-bottom: 46px; }
.section-title .sub-title {
	display: inline-block;
	color: var(--sutaz-modra);
	font-family: "Signika", sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 10px;
}
.section-title h2 { font-size: 40px; line-height: 1.22; margin: 0 0 14px; }
@media (max-width: 767px) { .section-title h2 { font-size: 28px; } }
.sutaz-lead { max-width: 760px; margin: 0 auto; font-size: 17px; }
.text-center .sutaz-lead { margin-left: auto; margin-right: auto; }

/* ------------------------------------------------------- 5. Tlacidla ---- */
/* 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,
.sutaz-footer .widget-title,
.mean-container .mean-nav ul li a { text-transform: none !important; }

.theme-btn {
	display: inline-flex; align-items: center; gap: 10px;
	background: var(--theme);
	color: #fff !important;
	font-family: "Signika", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.3;
	height: auto;
	padding: 14px 28px;
	border: 0;
	border-radius: 999px;
	letter-spacing: 0;
	text-decoration: none;
	cursor: pointer;
	transition: all .25s ease;
	box-shadow: 0 8px 20px rgba(255,122,24,.28);
}
.theme-btn:hover { background: var(--theme2); box-shadow: 0 8px 22px rgba(106,44,143,.3); color: #fff !important; }
.theme-btn-ghost {
	background: transparent;
	color: var(--sutaz-modra) !important;
	border: 2px solid var(--theme);
	box-shadow: none;
}
.theme-btn-ghost:hover { background: var(--theme); color: #fff !important; }

/* ------------------------------------------- 6. Drobnosti v krokoch ----- */
.sutaz-card-donor { font-size: 15px; color: #7a7286; border-top: 1px dashed var(--sutaz-line); padding-top: 14px; }
.sutaz-closed-note { color: var(--sutaz-modra); font-weight: 700; }

/* --------------------------------------------- 7. Sutazna otazka -------- */
.sutaz-question-image { position: relative; border-radius: var(--sutaz-radius); overflow: hidden; }
.sutaz-question-image img { width: 100%; height: auto; display: block; }
.sutaz-question-box .sub-title { color: var(--sutaz-modra); }
.sutaz-question-box h2 { color: #fff; font-size: 32px; margin-bottom: 26px; }
.sutaz-question-box .sutaz-note { color: #c9c2d6; }
.sutaz-question-box .sutaz-note a { color: var(--sutaz-modra); }
.sutaz-answers { list-style: none; margin: 0 0 26px; padding: 0; }
.sutaz-answers li {
	display: flex; align-items: center; gap: 14px;
	background: rgba(255,255,255,.07);
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 12px;
	padding: 14px 18px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 18px;
}
.sutaz-answers li span {
	flex: 0 0 34px; height: 34px;
	display: flex; align-items: center; justify-content: center;
	background: var(--theme);
	border-radius: 50%;
	font-weight: 700;
}
@media (max-width: 991px) { .sutaz-question-box { margin-top: 30px; } }

/* ------------------------------------------------- 8. Clanok / event ---- */
.sutaz-article { font-size: 17px; line-height: 1.75; }
.sutaz-article p { margin-bottom: 18px; }
.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);
}
.sutaz-h3 i { color: var(--theme); font-size: 22px; }

.sutaz-figure { margin: 0 0 24px; border-radius: var(--sutaz-radius); overflow: hidden; background: #fff; }
.sutaz-figure img { width: 100%; height: auto; display: block; }
.sutaz-figure figcaption {
	padding: 10px 14px;
	font-size: 13px;
	color: #837b90;
	font-style: italic;
	text-align: center;   /* popis fotky a copyright vzdy na stred */
}
.sutaz-figure-wide { margin-bottom: 30px; }

.sutaz-terms { margin-bottom: 48px; }
.sutaz-term-card {
	height: 100%;
	background: #fff;
	border-radius: var(--sutaz-radius);
	border: 1px solid var(--sutaz-line);
	padding: 26px;
	text-align: center;
}
.sutaz-term-card i { font-size: 28px; color: var(--theme); margin-bottom: 12px; display: block; }
.sutaz-term-card h4 { font-size: 18px; margin-bottom: 8px; }
.sutaz-term-card p { margin: 0; }

.sutaz-program { list-style: none; margin: 0 0 24px; padding: 0; }
.sutaz-program li {
	background: #fff;
	border-left: 4px solid var(--theme);
	border-radius: 10px;
	padding: 16px 20px;
	margin-bottom: 12px;
	font-size: 16px;
}
.sutaz-program li b:first-child { display: block; font-size: 18px; color: var(--header); }
.sutaz-program-meta { display: block; color: var(--sutaz-modra); font-weight: 700; font-size: 14px; margin: 4px 0 6px; }
.sutaz-program-tip { border-left-color: var(--theme2); background: linear-gradient(90deg, rgba(106,44,143,.07), #fff 60%); }

.sutaz-highlight {
	display: flex; align-items: flex-start; gap: 12px;
	background: var(--theme2);
	color: #fff;
	padding: 18px 22px;
	border-radius: var(--sutaz-radius);
	font-size: 17px;
}
.sutaz-highlight i { font-size: 22px; margin-top: 2px; color: #fff; }

.sutaz-info-box {
	height: 100%;
	background: #fff;
	border: 1px solid var(--sutaz-line);
	border-radius: var(--sutaz-radius);
	padding: 24px;
}
.sutaz-info-box h4 { font-size: 19px; margin-bottom: 10px; color: var(--sutaz-modra); }
.sutaz-info-box p { margin-bottom: 10px; font-size: 16px; }
.sutaz-price { font-weight: 700; color: var(--header); }

.sutaz-prices { list-style: none; margin: 0 0 18px; padding: 0; }
.sutaz-prices li {
	display: flex; justify-content: space-between; gap: 16px;
	padding: 12px 0;
	border-bottom: 1px dashed var(--sutaz-line);
	font-size: 16px;
}
.sutaz-prices li b { color: var(--sutaz-modra); white-space: nowrap; }

.sutaz-note { font-size: 15px; color: #837b90; }
.sutaz-source { font-size: 14px; color: #837b90; margin-top: 26px; }

/* ------------------------------------------------------ 9. Galeria ------ */
/* Styly galerie su v sekcii 20 (karty v swiperi podla index-2). */

/* ----------------------------------------------------- 10. Partner ------ */
.sutaz-sidebar { position: sticky; top: 110px; }
.sutaz-sidebar-box {
	background: #fff;
	border: 1px solid var(--sutaz-line);
	border-radius: var(--sutaz-radius);
	padding: 26px;
	margin-bottom: 24px;
	text-align: center;
}
.sutaz-sidebar-logo { max-width: 220px; margin-bottom: 18px; }
.sutaz-sidebar-box p { font-size: 16px; margin-bottom: 12px; }
.sutaz-sidebar-map { text-align: left; }
.sutaz-sidebar-map h4 { font-size: 18px; margin-bottom: 14px; }
.sutaz-sidebar-map iframe { border-radius: 12px; display: block; }
@media (max-width: 991px) { .sutaz-sidebar { position: static; margin-top: 34px; } }

/* --------------------------------------------------- 11. Formular ------- */
.sutaz-form-wrapper { }
.sutaz-box {
	background: #fff;
	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; }
.sutaz-step {
	flex: 0 0 38px; height: 38px;
	display: flex; align-items: center; justify-content: center;
	background: var(--theme);
	color: #fff;
	border-radius: 50%;
	font-family: "Signika", sans-serif;
	font-weight: 700;
}
.sutaz-box-question { border-color: var(--theme); }
.sutaz-box-question .sutaz-step { background: var(--theme2); }
.sutaz-question { font-size: 19px; font-weight: 700; color: var(--header); margin-bottom: 20px; }
.sutaz-box-gdpr .sutaz-step,
.sutaz-box-rules .sutaz-step { background: var(--theme2); }

.form-clt { margin-bottom: 0; }
.form-clt label { display: block; margin-bottom: 7px; font-weight: 600; color: var(--header); font-size: 15px; }
.form-clt input[type="text"],
.form-clt input[type="email"],
.form-clt select {
	width: 100%;
	padding: 13px 16px;
	border: 1px solid var(--sutaz-line);
	border-radius: 10px;
	background: var(--bg);
	color: var(--header);
	font-size: 16px;
	outline: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.form-clt input:focus,
.form-clt select:focus { border-color: var(--theme); box-shadow: 0 0 0 3px rgba(255,122,24,.15); }
.form-clt input.is-error { border-color: #D7263D; background: #FDF2F3; }
.error { color: #D7263D; font-weight: 700; }

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

.sutaz-submit { text-align: center; padding: 10px 0 0; }
.sutaz-luck { font-size: 19px; font-weight: 700; color: var(--header); 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;
}
.sutaz-recap-list li span { color: #837b90; }
.sutaz-recap-answer b { color: var(--sutaz-modra); }
.sutaz-recap-agree { list-style: none; margin: 0 0 24px; padding: 0; font-size: 15px; color: #6b6478; }
.sutaz-recap-agree li { margin-bottom: 8px; }
.sutaz-recap-agree i { color: #2E9E5B; 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; }
.sutaz-alert-ok { border-color: var(--theme); }
.sutaz-alert-ok .sutaz-alert-icon { color: var(--theme); }
.sutaz-alert-error .sutaz-alert-icon { color: #D7263D; }
.sutaz-alert-info .sutaz-alert-icon { color: var(--theme2); }
.sutaz-alert form { margin-top: 18px; }
.sutaz-code { font-size: 18px; }
.sutaz-code b { color: var(--sutaz-modra); letter-spacing: 1px; }

/* ----------------------------------------------- 12. Pravidla / vysledky  */
.sutaz-rules p { font-size: 16px; }
.sutaz-winners { list-style: none; margin: 0 0 20px; padding: 0; }
.sutaz-winners li {
	background: #fff;
	border-left: 4px solid var(--theme);
	border-radius: 10px;
	padding: 14px 18px;
	margin-bottom: 10px;
	font-size: 18px;
}
.sutaz-winners i { color: var(--theme); margin-right: 8px; }
.sutaz-thanks { font-size: 22px; color: var(--sutaz-modra); margin: 26px 0; }

/* ------------------------------------------------------ 13. Paticka ----- */
.sutaz-footer { background: var(--sutaz-night); color: #c9c2d6; padding-top: 70px; }
.sutaz-footer .widget-title { color: #fff; font-family: "Signika", sans-serif; font-size: 20px; font-weight: 700; }
.sutaz-footer .widget-head { margin-bottom: 18px; }
.sutaz-footer .dashed { height: 2px; background: var(--theme); 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 a { color: #c9c2d6; text-decoration: none; }
.sutaz-footer a:hover { color: var(--sutaz-modra); }
.sutaz-footer p { font-size: 15px; }
.sutaz-footer img { max-width: 190px; height: auto; background: #fff; padding: 8px; border-radius: 10px; margin-bottom: 14px; }
.sutaz-footer-term { font-size: 15px; }
.sutaz-footer-foto { font-size: 12px; color: #8d859c; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.12); margin-top: 40px; 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; }
.sutaz-top { color: var(--sutaz-modra) !important; font-weight: 700; }

/* ------------------------------------------------- 14. Drobnosti -------- */
.back-to-top {
	position: fixed; right: 20px; bottom: 20px;
	width: 46px; height: 46px;
	border: 0; border-radius: 50%;
	background: var(--theme);
	color: #fff;
	z-index: 90;
	display: none;
	box-shadow: 0 6px 18px rgba(255,122,24,.35);
}
#open_preferences_center {
	position: fixed; left: 14px; bottom: 14px;
	cursor: pointer; z-index: 90; opacity: .6;
}
#open_preferences_center:hover { opacity: 1; }

/* ------------------------------------------- 15. Lahsie pozadie na mobil */
/* data-background nastavuje obrazok inline, preto !important. */
@media (max-width: 800px) {
	.sutaz-hero { background-image: url("../images/hero-slider-bg-900.jpg") !important; }
}


/* --------------------------------- 16. Doplnky k vizualu z index-3 ------- */
/* Fotka v tmavej sekcii so sutaznou otazkou - popis nesmie byt na bielom */
.sutaz-section-question .sutaz-figure { background: rgba(255,255,255,.06); }
.sutaz-section-question .sutaz-figure figcaption { color: rgba(255,255,255,.65); }
.sutaz-section-question .section-title { margin-bottom: 22px; }
.sutaz-section-question .section-title h2 { color: #fff; }
.sutaz-section-question .sec-line { text-align: left; }

/* ------------------------ 17. Tri kroky sutaze (how-we zo sablony index-9) */
/* Sablona ma 4 polozky v mriezke, my mame 3 - prisposobujeme mriezku
   aj polohu spojovacich ciar. Vsetko ostatne (kruh, cislo, hover wobble,
   dekorativne tvary) zostava zo sablony. */
.sutaz-kroky-3.how-we-wrapper-9 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 991px)  { .sutaz-kroky-3.how-we-wrapper-9 { grid-template-columns: repeat(1, 1fr); gap: 40px; } }

/* dve ciary medzi tromi krokmi */
.sutaz-kroky-3 .line-shape   { left: 27%; right: auto; }
.sutaz-kroky-3 .line-shape-2 { left: 60%; right: auto; }
@media (max-width: 1399px) { .sutaz-kroky-3 .line-shape,
							 .sutaz-kroky-3 .line-shape-2 { display: none; } }

/* kruh s objektom */
.how-we-section-9 .how-we-item-9 .image {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-color: var(--theme);
	overflow: visible;
}
.how-we-section-9 .how-we-item-9 .image img {
	max-width: 105px;
	max-height: 115px;
	width: auto;
	height: auto;
}
.how-we-section-9 .how-we-item-9 .image .number { background-color: var(--theme3); }

.how-we-section-9 .how-we-item-9 .content h3 { font-size: 26px; margin-bottom: 12px; }
.how-we-section-9 .how-we-item-9 .content p { max-width: 330px; font-size: 15px; line-height: 1.7; }
.how-we-section-9 .how-we-item-9 .content .theme-btn { margin-top: 18px; }
.how-we-section-9 .how-we-item-9 .content .sutaz-card-donor {
	margin-top: 12px;
	font-size: 13px;
	color: #7a7486;
}
.how-we-section-9 .how-we-item-9 .content .sutaz-closed-note {
	margin-top: 14px; color: var(--sutaz-modra); font-weight: 700;
}

/* dekorativne tvary nesmu prekazat textu */
.how-we-section-9 .left-shape,  .how-we-section-9 .left-shape-2,
.how-we-section-9 .left-shape-3, .how-we-section-9 .left-shape-4,
.how-we-section-9 .right-shape, .how-we-section-9 .right-shape-2,
.how-we-section-9 .right-shape-3 { pointer-events: none; z-index: 0; opacity: .55; }
.how-we-section-9 .container { position: relative; z-index: 2; }

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

/* dekoracia sekcie krokov - nase objekty su vacsie ako povodne tvary */
.how-we-section-9 .left-shape    img { max-width: 150px; }
.how-we-section-9 .left-shape-2  img { max-width: 130px; }
.how-we-section-9 .left-shape-3  img { max-width: 90px; }
.how-we-section-9 .left-shape-4  img { max-width: 80px; }
.how-we-section-9 .right-shape   img { max-width: 120px; }
.how-we-section-9 .right-shape-2 img { max-width: 140px; }
.how-we-section-9 .right-shape-3 img { max-width: 90px; }

/* Tri "poletujuce" objekty maju v sablone poziciu nad nadpisom (left: 500px
   a pod.). Nase objekty su vacsie, tak ich odsuvame k okrajom, aby text
   nebol niecim prekryty. Animacia .float-bob-y zostava. */
.how-we-section-9 .left-shape-3  { left: 60px;  top: 300px; }
.how-we-section-9 .left-shape-4  { left: 150px; top: 60px; }
.how-we-section-9 .right-shape-3 { right: 90px; top: 320px; }
@media (max-width: 1699px) {
	.how-we-section-9 .left-shape-3,
	.how-we-section-9 .left-shape-4,
	.how-we-section-9 .right-shape-3 { display: none; }
}

/* ---------------------------- 19. Texty v slideri (prebitie sablony) ----- */
/* Sablona pocita s kratkym nadpisom ("Delicious!") - h1 ma 144 px a odseky
   66 px v pisme Bylast, ktore nema slovensku diakritiku. Nas nazov je dlhy,
   tak velkosti zmensujeme a pismo vraciame na Signika / Nunito.
   Selektory musia byt specifickejsie ako .hero-3 .hero-content h1. */
.sutaz-hero .hero-content h1.breadcrumb-title {
	font-size: 54px;
	line-height: 1.12;
	letter-spacing: 0;
	margin-top: 0;
	color: var(--theme);
	text-transform: uppercase;
	font-family: "Signika", sans-serif;
}
@media (max-width: 1399px) { .sutaz-hero .hero-content h1.breadcrumb-title { font-size: 44px; } }
@media (max-width: 991px)  { .sutaz-hero .hero-content h1.breadcrumb-title { font-size: 34px; } }
@media (max-width: 575px)  { .sutaz-hero .hero-content h1.breadcrumb-title { font-size: 26px; } }

.sutaz-hero .hero-content p.sutaz-breadcrumb-kicker {
	font-size: 16px;
	font-family: "Signika", sans-serif;
	font-weight: 700;
	margin-top: 0;
	color: var(--header);
	text-transform: uppercase;
	letter-spacing: 1px;
}
.sutaz-hero .hero-content p.sutaz-breadcrumb-claim {
	font-size: 21px;
	font-family: "Signika", sans-serif;
	font-weight: 700;
	margin-top: 10px;
	color: var(--theme);
	text-transform: none;
}
@media (max-width: 575px) {
	.sutaz-hero .hero-content p.sutaz-breadcrumb-kicker { font-size: 14px; }
	.sutaz-hero .hero-content p.sutaz-breadcrumb-claim  { font-size: 17px; }
}

/* ======================= 20. Upravy podla pripomienok =================== */

/* --- slider: objekty hore musia byt vidno (sablona ich dava nad okraj) -- */
.sutaz-hero .tomato-shape { top: 40px; }
.sutaz-hero .leaf         { top: 60px; }
.sutaz-hero .shape        { top: 90px; }
.sutaz-hero .arrow-shape  { top: 200px; }

/* postava je posadena nizsie - vidno ju od polpasa hore */
.sutaz-hero .hero-image { margin-bottom: -90px; overflow: visible; }
@media (max-width: 991px) { .sutaz-hero .hero-image { margin-bottom: -40px; } }

/* odznak nad nadpisom - svetlo modre pozadie */
.sutaz-hero .hero-content p.sutaz-breadcrumb-kicker {
	background: #8FD3F0;
	color: #0B3A4D;
}

/* --- paticka: copyright na strede, pod nim logo ------------------------ */
/* ciaru nad copyrightom kresli .footer-bottom-wrapper (main.css) */
.sutaz-footer .footer-bottom { border-top: 0; margin-top: 30px; }
.sutaz-footer .footer-bottom-wrapper { border-top: 0; }
.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;
}

/* --- tlacidlo "na zaciatok stranky" ------------------------------------ */
.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(--header); color: #fff !important; }
@media (max-width: 575px) { .sutaz-hore { right: 16px; bottom: 16px; width: 44px; height: 44px; } }
.sutaz-hero .leaf-3 { bottom: 40px; }

/* ================== 21. Doladenie poloh objektov v slideri ============== */
/* pavuk  - o 40 % vysky slidera nizsie */
.sutaz-hero .left-shape { top: 40%; }

/* lekno  - o vlastnu vysku nizsie a o vlastnu sirku vlavo
   (zobrazene 110 px siroke, pomer 300x188 -> vyska ~69 px) */
.sutaz-hero .leaf { top: 129px; left: calc(34% - 110px); }
@media (max-width: 1600px) { .sutaz-hero .leaf { left: calc(22% - 110px); } }

/* duch1  - o polovicu vlastnej vysky nizsie
   (110 px siroky, pomer 300x344 -> vyska ~126 px, polovica ~63 px) */
.sutaz-hero .tomato-shape { top: 103px; }

/* duch3  - o 10 % vlastnej vysky nizsie
   (100 px siroky, pomer 300x348 -> vyska ~116 px, 10 % ~12 px) */
.sutaz-hero .shape { top: 102px; }

/* dieta3 (carodejnica) je uzsie a vyssie ako ostatne - posadime ho nizsie */
.sutaz-hero .sutaz-postava-dieta3 { margin-bottom: -150px; }
@media (max-width: 991px) { .sutaz-hero .sutaz-postava-dieta3 { margin-bottom: -70px; } }

/* ================== 22. Galeria podla index-2.html ====================== */
.gallery-section.sutaz-section-galeria { padding: 90px 0; }
.sutaz-galeria .gallery-block-one .thumb { display: block; position: relative; }
.sutaz-galeria .gallery-block-one img { width: 100%; height: auto; display: block; }

/* ================== 23. Upravy podla pripomienok (3. kolo) ============== */

/* Partner sutaze - bocny box a mapa bez obruby */
.sutaz-sidebar-box { border: 0; }

/* Mobilne menu (offcanvas) ma tmave pozadie - logo partnera je na nom
   neviditelne, tu jedinej mu davame biely stvorcek. V hlavicke zostava
   logo bez podkladu. */
.offcanvas__logo a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 12px;
	padding: 10px 14px;
	line-height: 0;
}

/* "Náš tip" o doprave nesmie byt nalepeny na kyvadlovu dopravu */
.sutaz-highlight-odsadeny { margin-top: 32px; }