/*
 * KOR Core — stránka Kontakt.
 *
 * Hodnoty sú prevzaté z pôvodného riešenia v Nicepage.
 */

/*
 * Nicepage dáva svojmu obalu `.u-sheet` pevnú šírku 1440 px, lenže sekcia má
 * po stranách 30 px odsadenie — obal aj všetko v ňom potom vyčnieva 60 px za
 * pravý okraj a formulár je orezaný. Klient to hlásil ako „mailové okno je
 * zasunuté doprava, nevidím ho celé".
 *
 * `:has()` cieli len na ten obal, v ktorom je náš kontaktný blok. V prehliadači
 * bez podpory `:has()` zostane pôvodné správanie, nič sa nezhorší.
 */
.u-sheet:has(.kor-contact-hero),
.u-sheet:has(.kor-contact-content) {
	width: auto !important;
	max-width: 100% !important;
	margin-right: 0 !important;
}

.kor-contact-hero,
.kor-contact,
.kor-contact-content {
	width: 100%;
	max-width: var(--kor-max, 1440px);
	margin-inline: auto;
	/* Rovnaké vnútorné odsadenie ako majú sekcie na domovskej. */
	padding-inline: var(--kor-gutter, 24px);
	/* Téma zarovnáva odstavce do bloku, tu to roztrhá riadky s údajmi. */
	text-align: left;
}

.kor-contact-hero,
.kor-contact {
	color: #fff;
}

/*
 * Hlavička je na stránkach z Nicepage `absolute`, takže prekrýva začiatok sekcie.
 * Úvodný blok si preto necháva miesto pod ňou.
 */
.kor-contact-hero {
	/*
	 * Hlavička leží cez sekciu a na mobile je vysoká okolo 120 px — pri pôvodnom
	 * spodnom limite 90 px sa nadpis dostal pod logo.
	 */
	padding-top: clamp(140px, 11vw, 170px);
	padding-bottom: clamp(30px, 4vw, 60px);
}

/* Úvodný blok: vľavo údaje, vpravo formulár. */
.kor-contact-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(24px, 4vw, 60px);
	align-items: start;
}

.kor-contact-hero__col {
	min-width: 0;
}

/*
 * Kontaktný blok si nesie vlastnú šírku a odsadenie pre samostatnú sekciu —
 * v stĺpci ho necháme vyplniť dostupné miesto.
 */
.kor-contact-hero__col--form .kor-contact-block {
	padding: 0;
}

.kor-contact-hero__col--form .kor-contact-block__inner {
	width: 100%;
	max-width: none;
}

@media (max-width: 991px) {
	.kor-contact-hero__inner {
		grid-template-columns: 1fr;
	}
}

/*
 * Predvolene je obsah určený na tmavé pozadie. Na svetlom sa použije
 * [kor_contact_content theme="dark"].
 */
.kor-contact--dark,
.kor-contact--dark .kor-contact__company,
.kor-contact--dark .kor-contact__address,
.kor-contact--dark .kor-contact__details-title,
.kor-contact--dark .kor-contact__details {
	color: #111;
}

.kor-contact .kor-contact__company {
	margin: 30px 0 0;
	font-size: 36px;
	line-height: 1.2;
	font-weight: 700;
	color: #fff;
}

.kor-contact__address {
	margin: 0;
	font-size: 18px;
	line-height: 1.6;
	color: #fff;
}

.kor-contact__details-title {
	margin: 20px 0 0;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 400;
	color: #fff;
}

.kor-contact__details {
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.6;
	color: #fff;
}

.kor-contact__details p {
	margin: 0 0 4px;
}

.kor-contact__details strong {
	font-weight: 700;
}

/* --- Karta s kontaktnou osobou --- */

.kor-contact__card {
	margin-top: 30px;
	padding: 30px;
	border-radius: 30px;
	background: #eee;
	max-width: 690px;
}

.kor-contact-hero__col .kor-contact__card {
	max-width: none;
}

.kor-contact__card-kicker {
	margin: 0;
	font-size: 18px;
	line-height: 1.6;
	color: #808080;
}

.kor-contact__card-name {
	margin: 4px 0 8px;
	font-size: 36px;
	line-height: 1.2;
	font-weight: 400;
	color: var(--kor-accent);
}

.kor-contact__card-lines {
	margin: 0;
	font-size: 18px;
	line-height: 1.6;
	color: #111;
}

.kor-contact__card-lines a {
	color: #111 !important;
	text-decoration: none !important;
	transition: color .25s ease;
}

.kor-contact__card-lines a:hover {
	color: var(--kor-accent) !important;
}

@media (max-width: 767px) {
	.kor-contact__company {
		font-size: 28px;
	}

	.kor-contact__card {
		padding: 22px;
		border-radius: 24px;
	}

	.kor-contact__card-name {
		font-size: 28px;
	}
}

/* ------------------------------------------------------------
 * Poďakovanie po odoslaní dopytu — [dakujeme]
 *
 * Stránka je krátka a má jedinú úlohu: potvrdiť, že správa dorazila.
 * Preto jeden stĺpec na stred a žiadna ďalšia navigácia okrem cesty späť.
 * Podklad dodáva spoločné pravidlo s úvodnými sekciami v `kor-core.css`.
 * ------------------------------------------------------------ */

.kor-thanks {
	/*
	 * Hlavička leží cez sekciu, rovnako ako na kontakte — horné odsadenie jej
	 * drží miesto. Spodné je o niečo menšie, pod sekciou už nič nenasleduje.
	 */
	padding-top: clamp(150px, 12vw, 200px);
	padding-bottom: clamp(60px, 7vw, 110px);
	color: #fff;
}

.kor-thanks__inner {
	width: 100%;
	/*
	 * Užšie ako zvyšok webu. Text potvrdenia je krátky a pri 1440 px by sa
	 * roztiahol do jedného riadku cez celú obrazovku.
	 */
	max-width: 760px;
	margin-inline: auto;
	padding-inline: var(--kor-gutter, 24px);
	text-align: center;
}

/* Krúžok s odfajknutím. */
.kor-thanks__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	border: 1.5px solid rgba(255, 255, 255, .5);
	color: #fff;
}

.kor-thanks__badge svg {
	width: 32px;
	height: 32px;
}

.kor-thanks__eyebrow {
	margin: 22px 0 0;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	/*
	 * Presvetlená oranžová, nie značková — tá má na modrom podklade pod 3 : 1.
	 * Rovnaký dôvod ako pri nadpisoch kariet v úvodnej sekcii.
	 */
	color: var(--kor-highlight-soft, #f9aa85);
}

.kor-thanks__title {
	margin: 10px 0 0;
	font-size: clamp(34px, 4.4vw, 56px);
	line-height: 1.08;
	letter-spacing: -.035em;
	color: #fff;
}

.kor-thanks__text {
	margin: 16px auto 0;
	max-width: 56ch;
	font-size: clamp(17px, 1.3vw, 19px);
	line-height: 1.65;
	color: rgba(255, 255, 255, .82);
}

/* Čo bude ďalej. */
.kor-thanks__steps {
	margin-top: clamp(34px, 4vw, 52px);
	padding: clamp(22px, 3vw, 32px);
	border-radius: 24px;
	background: rgba(5, 12, 22, .28);
	border: 1px solid rgba(255, 255, 255, .18);
	text-align: left;
}

.kor-thanks__steps-title {
	margin: 0 0 18px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .62);
}

.kor-thanks__steps-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 18px;
}

.kor-thanks__step {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 16px;
	align-items: start;
}

.kor-thanks__step-no {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	color: rgba(255, 255, 255, .42);
	font-variant-numeric: tabular-nums;
}

.kor-thanks__step-body {
	display: block;
}

.kor-thanks__step-title {
	display: block;
	font-size: 17px;
	font-weight: 700;
	color: #fff;
}

.kor-thanks__step-text {
	display: block;
	margin-top: 4px;
	font-size: 15px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .72);
}

/* Tlačidlá. */
.kor-thanks__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: clamp(28px, 3.5vw, 40px);
}

.kor-thanks__btn {
	min-height: 56px;
	padding: 14px 24px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	font-weight: 700;
	border: 1.5px solid transparent;
	transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
}

.kor-thanks__btn:hover {
	transform: translateY(-2px);
}

/* Hlavná cesta späť — jediné plne svetlé tlačidlo, aby bolo jasné, kam ďalej. */
.kor-thanks__btn--primary {
	background: #fff;
	color: #111 !important;
}

.kor-thanks__btn--primary:hover {
	background: var(--kor-highlight, #f45c16);
	color: #fff !important;
}

.kor-thanks__btn--dark {
	background: #111;
	color: #fff !important;
}

.kor-thanks__btn--dark:hover {
	background: var(--kor-accent-dark, #294460);
}

/*
 * Tretie tlačidlo je len obrys, nech sa trojica nebije. Sklo je stmavené
 * len mierne — biely text na ňom drží nad 8 : 1 aj na svetlejšom konci prechodu.
 */
.kor-thanks__btn--light {
	background: rgba(5, 12, 22, .28);
	border-color: rgba(255, 255, 255, .75);
	color: #fff !important;
}

.kor-thanks__btn--light:hover {
	background: #fff;
	border-color: #fff;
	color: #111 !important;
}

@media (max-width: 767px) {
	.kor-thanks__badge {
		width: 60px;
		height: 60px;
	}

	.kor-thanks__badge svg {
		width: 26px;
		height: 26px;
	}

	.kor-thanks__actions {
		flex-direction: column;
	}

	.kor-thanks__btn {
		width: 100%;
	}
}

/* ------------------------------------------------------------
 * Právne dokumenty — [kor_dokument]
 *
 * Rám pre texty, ktoré generuje plugin (zásady cookies z Complianzu).
 * Farby aj typografia sú odmerané zo stránky o spracúvaní osobných údajov,
 * ktorá je poskladaná ručne v Nicepage — obe stránky tak pôsobia rovnako.
 * ------------------------------------------------------------ */

.kor-doc {
	/*
	 * Podklad je o chlp modrastý, nie čistá čierna — rovnako ako na stránke
	 * o osobných údajoch (odmerané rgb(24, 30, 38)). Biely text na ňom drží
	 * 15 : 1, stlmený 11 : 1.
	 */
	background: #181e26;
	color: #fff;
	/*
	 * Na tejto šablóne je hlavička v bežnom toku, nie cez obsah — odsadenie
	 * zhora preto stačí malé.
	 */
	padding-top: clamp(40px, 5vw, 72px);
	padding-bottom: clamp(60px, 7vw, 110px);
}

/*
 * Logo v hlavičke je biele a počíta s tmavým podkladom. Na tejto šablóne
 * hlavička nad obsahom nevisí, takže by zostala na svetlej ploche a logo by
 * zmizlo. Podklad celej stránky preto zlaďujeme s dokumentom.
 */
body:has(.kor-doc) {
	background-color: #181e26 !important;
}

.kor-doc__inner {
	width: 100%;
	/* Dlhý právny text sa na plnej šírke zle číta; 860 px drží riadok pod 90 znakov. */
	max-width: 860px;
	margin-inline: auto;
	padding-inline: var(--kor-gutter, 24px);
}

/* Drobný nadpis s linkou, rovnaký ako na podstránkach služieb. */
.kor-doc__eyebrow {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 18px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .62);
}

.kor-doc__eyebrow-line {
	width: 34px;
	height: 1px;
	background: rgba(255, 255, 255, .42);
	flex: none;
}

.kor-doc__title {
	margin: 0;
	font-size: clamp(34px, 4.6vw, 60px);
	line-height: 1.06;
	letter-spacing: -.035em;
	color: #fff;
}

.kor-doc__lead {
	margin: 20px 0 0;
	font-size: clamp(17px, 1.3vw, 19px);
	line-height: 1.7;
	color: rgba(255, 255, 255, .78);
}

.kor-doc__body {
	margin-top: clamp(36px, 4.5vw, 60px);
	font-size: 16px;
	line-height: 1.75;
	color: rgba(255, 255, 255, .78);
	/* Generovaný text býva zarovnaný do bloku, čo trhá medzery medzi slovami. */
	text-align: left;
}

.kor-doc__body h1,
.kor-doc__body h2,
.kor-doc__body h3,
.kor-doc__body h4 {
	color: #fff;
	letter-spacing: -.02em;
	margin: 38px 0 12px;
}

.kor-doc__body h1 { font-size: clamp(26px, 2.6vw, 34px); line-height: 1.2; }
.kor-doc__body h2 { font-size: clamp(22px, 2.1vw, 28px); line-height: 1.25; }
.kor-doc__body h3 { font-size: clamp(19px, 1.6vw, 22px); line-height: 1.3; }
.kor-doc__body h4 { font-size: 17px; line-height: 1.35; }

/* Prvý nadpis nemá nad sebou čo odsadzovať. */
.kor-doc__body > :first-child {
	margin-top: 0;
}

.kor-doc__body p,
.kor-doc__body li {
	color: rgba(255, 255, 255, .78);
}

.kor-doc__body p {
	margin: 0 0 16px;
}

.kor-doc__body ul,
.kor-doc__body ol {
	margin: 0 0 18px;
	padding-left: 22px;
}

.kor-doc__body li {
	margin-bottom: 8px;
}

.kor-doc__body a {
	color: var(--kor-highlight-soft, #f9aa85);
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color .25s ease;
}

.kor-doc__body a:hover {
	color: var(--kor-highlight, #f45c16);
}

.kor-doc__body strong {
	color: #fff;
}

/*
 * Complianz vypisuje prehľad cookies v tabuľkách. Tie majú vlastné svetlé
 * pozadie z pluginu — prebíjame ho, inak na tmavom podklade svietia.
 */
.kor-doc__body table {
	width: 100%;
	margin: 0 0 24px;
	border-collapse: collapse;
	background: transparent;
	font-size: 15px;
}

.kor-doc__body th,
.kor-doc__body td {
	padding: 10px 12px;
	border: 1px solid rgba(255, 255, 255, .14);
	background: rgba(255, 255, 255, .03);
	color: rgba(255, 255, 255, .8);
	text-align: left;
	vertical-align: top;
}

.kor-doc__body th {
	background: rgba(255, 255, 255, .07);
	color: #fff;
	font-weight: 700;
}

/* Blok s jednou skupinou cookies — Complianz ho dáva do `.cmplz-service-header`. */
.kor-doc__body .cmplz-service-header,
.kor-doc__body .cmplz-dropdown {
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 14px;
	padding: 16px 18px;
	margin-bottom: 14px;
}

@media (max-width: 767px) {
	.kor-doc__body {
		font-size: 15px;
	}

	/* Tabuľky cookies sú široké; na mobile sa posúvajú, nie zalamujú. */
	.kor-doc__body table {
		display: block;
		overflow-x: auto;
	}
}

/*
 * Stránka so zásadami cookies beží na šablóne článku z Nicepage. Tá nad obsah
 * vypíše vlastný nadpis a dátum a obsah zarovná do bloku. Nadpis by sa opakoval
 * (jeden svetlý z témy, druhý v tmavom ráme), preto ho skrývame a plochu okolo
 * sťahujeme, nech tmavý blok začína hneď pod hlavičkou.
 *
 * `:has()` cieli len na stránky s naším dokumentom. V prehliadači bez podpory
 * zostane pôvodné správanie — stránka je čitateľná, len s nadpisom navyše.
 */
.u-sheet:has(.kor-doc) {
	/*
	 * Nicepage drží obalu pevnú šírku 1140 px a odsadenie 180 px zľava. Tmavý
	 * blok by potom začínal až v tretine obrazovky a vpravo by prečnieval.
	 */
	width: auto !important;
	max-width: 100% !important;
	margin-inline: 0 !important;
}

.u-section-1:has(.kor-doc) {
	min-height: 0 !important;
}

.u-post-details:has(.kor-doc) .u-text-1,
.u-post-details:has(.kor-doc) .u-metadata {
	display: none !important;
}

.u-post-details:has(.kor-doc),
.u-container-layout:has(.kor-doc),
.u-post-content:has(.kor-doc) {
	padding: 0 !important;
	width: auto !important;
	max-width: 100% !important;
}

/* Šablóna necháva nad obsahom miesto pre nadpis, ktorý sme skryli. */
.u-post-details:has(.kor-doc),
.u-post-content:has(.kor-doc) {
	margin-top: 0 !important;
}

/* Šablóna zarovnáva obsah do bloku; v dlhom texte to trhá medzery. */
.u-post-content:has(.kor-doc) {
	text-align: left !important;
}

.kor-doc,
.kor-doc__inner {
	text-align: left;
}