/*
 Theme Name:   Edali Child
 Theme URI:    https://1.envato.market/V5Xrk
 Description:  Edali Child Theme
 Author:       EnvyTheme
 Author URI:   https://envytheme.com/
 Template:     edali
 Version:      4.9.4
*/

/* =====================================================================
   HUMAN CAPITAL - vlastne upravy, 09/2026
   ===================================================================== */

/* H1 v hlavicke podstranky.
   Sablona stylovala len .page-title-content h2. Nadpis je teraz <h1>,
   preto sem kopirujeme presne rovnake hodnoty, aby sa vzhlad nezmenil.
   Zmerane na zivom webe: 42px / 700 / biela, 32px tablet, 27px mobil. */
.page-title-content h1 {
    color: var(--whiteColor);
    margin-bottom: 0;
    word-break: break-word;
    text-transform: none;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
}
@media only screen and (max-width: 767px) {
    .page-title-content h1 { font-size: 27px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .page-title-content h1 { font-size: 32px; }
}

/* Nadpis hero sekcie na stranke Transparentne odmenovanie.
   Sablona ho mala ako <h3>, ktory nedostal ziadny kontextovy styl a bol
   28px, kym rovnaka sekcia inde na webe ma 37px. Nadpis je teraz <h1>
   a preberame preto presne hodnoty z .distance-learning-content h2,
   cim sa stranka zosuladi so zvyskom webu. */
.distance-learning-content h1 {
    margin-bottom: 20px;
    font-size: 37px;
    font-weight: 700;
}
@media only screen and (max-width: 767px) {
    .distance-learning-content h1 {
        font-size: 27px;
        margin-bottom: 15px;
    }
}

/* =====================================================================
   KONTRAST A ZJEDNOTENIE PALETY (WCAG 2.2 AA)
   Vsetky hodnoty su zmerane na zivom webe, nie odhadnute.
   ===================================================================== */

/* Zakladny odstavcovy text mal na bielej 4,43:1, treba 4,5:1.
   #6B6F87 je o kusok tmavsi a dava 4,94:1. */
html:root { --paragraphColor: #6B6F87 !important; }

/* Text na znackovej zlatej ploche.
   Biela na #D5A941 dava 2,19:1, tmava #252525 dava 6,99:1. */
.become-instructor-partner-content.bg-color,
.become-instructor-partner-content.bg-color h2,
.become-instructor-partner-content.bg-color h3,
.become-instructor-partner-content.bg-color h4,
.become-instructor-partner-content.bg-color h5,
.become-instructor-partner-content.bg-color h6,
.become-instructor-partner-content.bg-color p,
.funfacts-style-two .single-funfact h3,
.funfacts-style-two .single-funfact p,
.funfacts-style-two .odometer,
.how-it-works-area .section-title h2,
.how-it-works-area .section-title h6,
.how-it-works-area .single-work-process h3,
.how-it-works-area .single-work-process p,
.countdown-area .countdown-content h2,
.countdown-area .countdown-content p,
.single-events-box .events-date .date h3,
.single-events-box .events-date .date p,
.single-events-box .events-date .date span {
    color: #252525 !important;
}

/* Tlacidla so zlatym pozadim. Pri hoveri sa plocha meni na tmavu,
   cim odpada aj demo zelena #0EB582, ktora nepatri do palety klienta. */
.default-btn,
.default-btn .label,
a.default-btn,
rs-layer.default-btn { color: #252525 !important; }
.default-btn:hover,
.default-btn:focus { background-color: #252525 !important; }
.default-btn:hover .label,
.default-btn:focus .label,
.default-btn:hover,
.default-btn:focus { color: #ffffff !important; }

/* Zlaty text na bielom pozadi ma 2,19:1. Pre text preto pouzivame
   tmavsi odtien tej istej zlatej (#8F6D14 = 4,81:1). */
.section-title .sub-title,
.distance-learning-content .sub-title,
.motivation-mission-content .sub-title,
.mission-content .sub-title,
.price-tag,
.navbar-nav .nav-link.active,
.navbar-nav .current-menu-item > .nav-link,
.navbar-nav .current-menu-ancestor > .nav-link,
.navbar-nav .current_page_item > .nav-link { color: #8F6D14 !important; }

/* Drobne sede texty pod hranicou kontrastu */
.info-label { color: #6B6F87 !important; }
.event-info-card small,
.price-tag small { color: #5F6478 !important; }

/* Karty sluzieb mali bledoruzovy okraj bez vztahu k palete */
.services-box { border-color: #EDEDED !important; }

/* =====================================================================
   DOPLNKOVE KOMPONENTY
   ===================================================================== */

/* Pravne a textove stranky bez Elementora: obmedzena dlzka riadku */
.page-main-content .entry-content { max-width: 820px; }
.page-main-content .entry-content h2 { margin-top: 42px; margin-bottom: 14px; }
.page-main-content .entry-content h3 { margin-top: 28px; margin-bottom: 10px; font-size: 22px; }
.page-main-content .entry-content ul { margin-bottom: 22px; padding-left: 20px; }
.page-main-content .entry-content li { margin-bottom: 8px; }

/* Vysvetlivka pod suhlasom vo formularoch */
.consent-note {
    display: block;
    margin: -14px 0 16px 26px;
    font-size: 13px;
    line-height: 1.5;
}
.consent-note a { text-decoration: underline; }

/* Informacia namiesto prazdneho vypisu podujati */
.hc-events-empty {
    border: 1px solid #EDEDED;
    border-left: 3px solid #D5A941;
    padding: 24px 28px;
    background: #FBFAF7;
}
.hc-events-empty p { margin-bottom: 0; }

/* Doplnkovy text v CTA pasiku na domovskej stranke */
.countdown-content.hc-cta-note p { margin-bottom: 0; }

/* Banner podstranky: biely nadpis lezi priamo na fotke bez prekrytia.
   Jemne stmavenie zaruci citatelnost pri kazdej fotke. */
.page-title-area { position: relative; }
.page-title-area > div[style*="background-image"] { z-index: 0; }
.page-title-area::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(20, 18, 12, 0.45);
    z-index: 1;
    pointer-events: none;
}
.page-title-area > .container { position: relative; z-index: 2; }

/* ---------- Pristupnost: skip link, focus, ciele ---------- */
.hc-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	background: #252525;
	color: #ffffff;
	padding: 12px 22px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 0 0 4px 0;
}
.hc-skip-link:focus {
	left: 0;
	color: #ffffff;
}
button.go-top {
	border: 0;
	padding: 0;
	font: inherit;
	cursor: pointer;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid #8F6D14;
	outline-offset: 2px;
}
.owl-theme .owl-dots .owl-dot {
	padding: 6px;
	line-height: 0;
}

/* Zlaty pas s vyzvou: tmavy text kvoli kontrastu (biela na zlatej je 2,19:1) */
.countdown-area .countdown-content .sign-up-btn {
	color: #252525;
}
.countdown-area .countdown-content .sign-up-btn::before {
	background-color: #252525;
}
.countdown-area .countdown-content .sign-up-btn:hover,
.countdown-area .countdown-content .sign-up-btn:focus {
	color: #252525;
}

/* Archiv podujati: nadpis stranky a skrytie autora */
.hc-archive-head {
	padding: 70px 0 10px;
}
.hc-archive-head h1 {
	font-size: 37px;
	font-weight: 700;
	margin-bottom: 14px;
}
.hc-archive-head p {
	max-width: 640px;
	margin-bottom: 0;
}
.blog-area .post-meta .post-author,
.events-area .post-meta .post-author,
.post-content .post-meta .post-author {
	display: none !important;
}
@media only screen and (max-width: 767px) {
	.hc-archive-head {
		padding: 40px 0 5px;
	}
	.hc-archive-head h1 {
		font-size: 27px;
	}
}

/* Odkazy v textovych strankach: zlata na bielej je 2,19:1, pouzivame tmavsi odtien */
body .page-main-content .entry-content > p a,
body .page-main-content .entry-content > ul a,
body .page-main-content .entry-content > ol a,
body .page-main-content .entry-content > .wp-block-paragraph a,
body .page-main-content .entry-content > .wp-block-list a {
	color: #8F6D14;
	text-decoration: underline;
}
body .page-main-content .entry-content > p a:hover,
body .page-main-content .entry-content > ul a:hover,
body .page-main-content .entry-content > ol a:hover,
body .page-main-content .entry-content > .wp-block-paragraph a:hover,
body .page-main-content .entry-content > .wp-block-list a:hover {
	color: #252525;
}

/* Odkazy v suhlasoch: formular ma pozadie #f6f4f7, potrebujeme tmavsiu zlatu */
.consent-note a[href],
.acceptance-box .consent-note a[href] {
	color: #7A5D11;
}

.consent-note a[href]:hover,
.consent-note a[href]:focus {
	color: #252525;
}

/* =====================================================================
   TLACIDLA A TYPOGRAFIA SLIDERA
   ===================================================================== */

/* Hero slider bezal na Poppins a Open Sans z demo sablony, kym cely zvysok
   webu pouziva Titillium Web. Najviditelnejsia cast webu tak mala iny
   typograficky jazyk nez ostatne stranky. Vrstvy maju font v inline style,
   preto je potrebne !important. */
.slider_area rs-layer,
.slider_area rs-layer .label {
	font-family: 'Titillium Web', Arial, sans-serif !important;
}

/* CTA v slideri malo biely text na zlatej ploche, teda kontrast 2,19:1.
   Rodicovska tema to drzi cez `.slider_area .default-btn` s !important,
   preto tu potrebujeme vyssiu specificitu, nie len !important. Tmavy text
   ma 6,99:1 a zhoduje sa s tlacidlami na zvysku webu. */
.slider_area rs-layer.default-btn,
.slider_area rs-layer.default-btn .label {
	color: #252525 !important;
}
.slider_area rs-layer.default-btn:hover,
.slider_area rs-layer.default-btn:hover .label,
.slider_area rs-layer.default-btn:focus,
.slider_area rs-layer.default-btn:focus .label {
	color: #ffffff !important;
}

/* Ikona v CTA slidera bola bx-move-horizontal, teda obojsmerna sipka z demo
   sablony. Vsetky ostatne tlacidla na webe maju fa-arrow-circle-o-right. */
.slider_area rs-layer.default-btn .icon-arrow::before {
	font-family: FontAwesome !important;
	content: "\f18e" !important;
}

/* Rovnaky komponent .default-btn dostava v sablone podla demo sekcie raz 1px,
   inde 30px alebo 5px. Zjednocujeme na 1px, co je zakladna hodnota komponentu
   a plati na vacsine webu. Karty a bloky maju 0px, web je tvarovo hranaty. */
.become-instructor-partner-content .default-btn,
.instructor-details-desc .instructor-details-sidebar .default-btn,
.courses-details-header .courses-price .default-btn,
.feedback-form-inner .feedback-form form .default-btn,
.order-details .payment-box .default-btn,
#contactForm .default-btn {
	border-radius: 1px;
}

/* Hero slider stavia biely text priamo na fotku, bez akehokolvek podkladu.
   Namerane na zivom webe, najhorsia desatina plochy pod textom: slide 2
   podnadpis 1,50:1, nadpis 1,46:1, slide 1 podnadpis 2,48:1, slide 3
   podnadpis 3,35:1. WCAG 2.1 AA ziada 4,5:1 pre bezny text a 3:1 pre velky,
   takze nevyhovoval ani jeden slide. Prekryv 48 % ciernej dviha najhorsiu
   hodnotu na 4,5:1 a viac na desktope aj na mobile, a plati aj pre fotky,
   ktore klient vymeni v buducnosti.
   z-index 1 lezi nad pozadim slidu (rs-sbg-px ma 0) a pod vrstvami (rs-layer
   ma 5 az 8), takze text a tlacidlo zostavaju v plnej farbe. */
.slider_area rs-slide::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.48);
	pointer-events: none;
}


/* Hero slider ma dve navigacie naraz: sipky po stranach a nahladovu
   navigaciu dole. Odkedy sa text na uzsich obrazovkach zalamuje do sirky
   modulu, sipky lezali priamo na nadpise aj podnadpise (namerane pri 768,
   900, 1024 aj 1280 px). Od 1440 px sa uz nedotykaju, a pod 481 px nie su
   nahlady vykreslene, takze sipky su tam jedina navigacia. Skryvam ich len
   v tom rozsahu, kde prekazaju. */
@media (min-width: 481px) and (max-width: 1439px) {
	.slider_area rs-arrow {
		display: none !important;
	}
}


/* Sekcia Co pre vas zabezpecime ma dva stlpce a body su v nich ulozene
   po riadkoch: vlavo 1, 3, 5, 7, 9 a vpravo 2, 4, 6, 8, 10. Do 767 px sa
   stlpce ukladaju pod seba, takze citatel dostal poradie 1, 3, 5, 7, 9,
   2, 4, 6, 8, 10. Na mobile preto stlpce zrusim (display: contents) a
   spravne poradie vratim cez flexbox order. Sirka nad 768 px zostava
   nedotknuta, tam sa cita po riadkoch a poradie sedi. */
@media (max-width: 767px) {
	.elementor-element-6d08a41 > .elementor-container {
		flex-direction: column;
		flex-wrap: nowrap;
		padding: 15px;
	}

	.elementor-element-6d08a41 > .elementor-container > .elementor-column,
	.elementor-element-6d08a41 > .elementor-container > .elementor-column > .elementor-widget-wrap {
		display: contents;
	}

	.elementor-element-6d08a41 .elementor-element-2c233e1 {
		order: 1;
	}
	.elementor-element-6d08a41 .elementor-element-984cf07 {
		order: 2;
	}
	.elementor-element-6d08a41 .elementor-element-2f57704 {
		order: 3;
	}
	.elementor-element-6d08a41 .elementor-element-3ff4135 {
		order: 4;
	}
	.elementor-element-6d08a41 .elementor-element-532702b {
		order: 5;
	}
	.elementor-element-6d08a41 .elementor-element-1ebdbd3 {
		order: 6;
	}
	.elementor-element-6d08a41 .elementor-element-4b4add1 {
		order: 7;
	}
	.elementor-element-6d08a41 .elementor-element-50f04e2 {
		order: 8;
	}
	.elementor-element-6d08a41 .elementor-element-a872909 {
		order: 9;
	}
	.elementor-element-6d08a41 .elementor-element-6bbf7a4 {
		order: 10;
	}
}


/* Kniznica odometer prepise obsah nadpisu vlastnou znackou cislic, takze
   zo statistiky na stranke Rozvoj podla Gallup zmizne jednotka, ktora bola
   v povodnom span. Po dobehnuti animacie ostavalo hole cislo 23, 18, 6, 51.
   Jednotku preto vraciam cez ::after. Percento oddelujem pevnou medzerou
   podla slovenskej sadzby, nasobok zostava tesne pri cisle tak, ako bol. */
.funfacts-style-two .single-funfact h3.odometer {
	white-space: nowrap;
}

.funfacts-style-two .single-funfact h3.odometer .odometer-inside {
	display: inline-block;
}

.funfacts-style-two .single-funfact h3.odometer::after {
	content: "\00a0%";
}

.funfacts-style-two .row > div:nth-child(3) .single-funfact h3.odometer::after {
	content: "x";
}

/* Zoznamy v texte boli napisane ako jeden odstavec s odrazkami a znackami
   br. Citacka obrazovky ich precitala ako suvisly text a na mobile sa
   zalomene riadky centrovali, takze nebolo vidiet, kde jedna polozka konci
   a druha zacina. Obsah je teraz skutocny zoznam. Stylom drzim povodny
   vzhlad: odrazka na okraji, riadkovanie z odstavca, ziadna guzicka
   prehliadaca. Zoznam je inline-block, takze v lavo zarovnanej sekcii
   vyzera rovnako ako predtym a v centrovanych kartach zostava opticky
   v strede, ale zalomeny riadok sa odsadi pod text, nie pod odrazku. */
ul.hc-bullet-list {
	display: inline-block;
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
	text-align: left;
}

ul.hc-bullet-list li {
	position: relative;
	padding-left: 16px;
}

ul.hc-bullet-list li::before {
	content: "\2022";
	position: absolute;
	left: 0;
	top: 0;
}

@media (max-width: 767px) {
	ul.hc-bullet-list li {
		margin-bottom: 8px;
	}
}

/* Nazov karty v archive podujati mal uroven h3, hoci nad nim je h1
   a ziadne h2. Uroven som opravil vo vystupe, tu vraciam presne tie
   rozmery, ktore mal povodny nadpis v rodicovskej teme
   (.single-blog-post .post-content h3). */
.single-blog-post .post-content h2 {
	line-height: 1.5;
	word-wrap: break-word;
	font-size: 25px;
	font-weight: 700;
}


/* Sablona vypina obrys pri fokuse pravidlom outline: 0 !important, cim rusi
   viditelny indikator pre navigaciu klavesnicou (WCAG 2.4.7). Vraciam ho
   s rovnakou vahou, inak sa neprejavi. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid #8F6D14 !important;
	outline-offset: 2px !important;
}

/* Na tmavom podklade hlavicky a paty potrebuje obrys svetlu variantu. */
.header-area a:focus-visible,
.footer-area a:focus-visible,
footer a:focus-visible {
	outline-color: #F0C960 !important;
}

/* Hlavicka ma position: absolute a vysku 60px, takze nadpis archivu podujati
   sa pod nou na mobile stracal. Odsadenie 40px nestacilo. */
@media (max-width: 991px) {
	.hc-archive-head { padding-top: 100px; }
}

/* Zlaty odkaz na bielom podklade mal kontrast 2,19:1, co je pod hranicou 4,5:1. */
.event-past-note a {
	color: #252525 !important;
	text-decoration: underline;
}
.event-past-note a:hover,
.event-past-note a:focus {
	color: #8F6D14 !important;
}

/* Prvy slide hero slidera ma dvojriadkovy nadpis, takze sa mu od 992 px
   podnadpis lepil priamo na nadpis (medzera 0 px) a odstavec skoncil 2 px nad
   tlacidlom. Slider Revolution kazdy layer pozicuje samostatne, preto musim
   posunut aj tlacidlo, inak ho odstavec prekryje. Hodnoty su v suradniciach
   slidera, na obrazovke sa prejavia priblizne v polovici. */
@media (min-width: 992px) {
	#slider-1-slide-1-layer-4 {
		margin-top: 22px !important;
	}
	#slider-1-slide-1-layer-5 {
		margin-top: 52px !important;
	}
}

/* Archiv podujati vypisoval datum publikovania clanku namiesto datumu
   podujatia a nijako neodlisoval uz uskutocnene termíny. */
.post-meta .event-past-flag {
	display: inline-block;
	margin-left: 14px;
	padding: 1px 12px;
	border: 1px solid #D5A941;
	border-radius: 999px;
	background: #FBF4E4;
	/* Sablona farbi polozky post-meta svetlejsou modrosivou, ktora ma na
	   podklade znacky kontrast 4,51:1. Prepisujem ju na tmavu. */
	color: #252525 !important;
	font-size: 12px;
	line-height: 1.9;
	letter-spacing: .04em;
	text-transform: uppercase;
}


/* =====================================================================
   Stranky Leadership a Rozvojove programy (od 1. 10. 2026)
   Pouzivaju prvky Edali, ktore inde na webe nie su. Prefarbujem ich
   z demo farieb (ruzova, zelena) do palety webu: zlata, tmavomodra,
   svetlotyrkysova ako v hero.
   ===================================================================== */

/* Hero: realna fotka namiesto vyrezanej postavy, orez na stvorec,
   aby hero nebol vyssi ako obrazovka. */
.hc-hero .distance-learning-image img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center 30%;
}

/* Urovne vedenia (FAQTwo): demo malo ruzove pozadie a oblúk pod nim. */
.hc-urovne {
	padding-top: 100px;
}
.hc-urovne .faq-area {
	background: #fff;
	padding-top: 40px;
}
.hc-urovne .faq-area .divider {
	display: none;
}
.hc-urovne .faq-video img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
.hc-urovne .accordion-item {
	border: 0;
	border-left: 4px solid #E4FEFF;
	background: #F7FEFF;
	margin-bottom: 12px;
	transition: border-color .25s ease, background-color .25s ease;
}
.hc-urovne .accordion-item:has(.accordion-title.active) {
	border-left-color: #D5A941;
	background: #fff;
	box-shadow: 0 10px 30px rgba(14, 39, 66, .08);
}
.hc-urovne .accordion-title {
	font-size: 20px;
}

/* Temy (Offer Area): biely nadpis lezal na svetlej fotke bez prekrytia.
   Tmavomodre prekrytie dava nadpisu kontrast, spodny biely pas sablony
   (::before) ostava nad nim. */
.hc-temy .offer-area::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(14, 39, 66, .82);
	z-index: 1;
}
.hc-temy .offer-area::before {
	z-index: 2;
}
.hc-temy .offer-area > .container {
	position: relative;
	z-index: 3;
}
.hc-temy .offer-area .section-title .sub-title {
	color: #F0C960;
}
.hc-temy .single-offer-box {
	height: calc(100% - 30px);
	transition: transform .3s ease, box-shadow .3s ease;
}
.hc-temy .single-offer-box:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 40px rgba(14, 39, 66, .14);
}
/* Sablona farbi kazdu kartu inou demo farbou cez :nth-child, preto
   rovnako silny selektor. */
.hc-temy .col-lg-4:nth-child(n) .single-offer-box .icon {
	color: #D5A941;
	border-color: #D5A941;
}
.hc-temy .col-lg-4:nth-child(n) .single-offer-box:hover .icon {
	background-color: #D5A941;
	color: #252525;
	border-color: #fff;
}
.hc-temy .col-lg-4:nth-child(n) .single-offer-box::before {
	background: #D5A941;
}

/* Kroky (FeatureCard): cislo v zlatom tvare namiesto ciernej skvrny. */
.hc-kroky .motivation-featured-card .number {
	background: #D5A941;
	color: #252525;
}

/* Zoznam s fajkami (ExperienceArea): zelene krúžky z dema do zlatej,
   pozadie ako hero. */
.hc-checklist .experience-area {
	background: #E4FEFF;
}
.hc-checklist .experience-content .sub-title {
	color: #8F6D14;
}
.hc-checklist .experience-content .features-list li span i {
	background: #F3E4BC;
	color: #252525;
}
.hc-checklist .experience-content .features-list li span i::after {
	background-color: #D5A941;
}
.hc-checklist .experience-image::before {
	background: #D5A941;
}

/* Loga klientov: sede, plna farba az pri prejdeni mysou. */
.hc-loga {
	padding: 80px 0 70px;
}
.hc-loga .elementor-heading-title {
	margin-bottom: 30px;
}
.hc-loga .swiper-slide img {
	max-height: 80px;
	width: auto;
	filter: grayscale(1);
	opacity: .65;
	transition: filter .3s ease, opacity .3s ease;
}
.hc-loga .swiper-slide:hover img {
	filter: none;
	opacity: 1;
}
.hc-loga a {
	color: #8F6D14;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Vyzva (Training Overview): nadpis na tmavomodrej mal tmavu farbu. */
.hc-cta {
	margin-bottom: 80px;
}
.hc-cta .training-overview-content h2 {
	color: #fff;
}

/* Porovnanie skolenia a programu (Edali Comparison): biely text hlavicky
   na zlatej mal kontrast 2,19:1. */
.hc-porovnanie .pricing-table thead th {
	color: #252525;
}
.hc-porovnanie .pricing-table tbody td:first-child {
	text-align: left;
	font-weight: 600;
}

/* Typy programov (Program Area): demo malo zelene pozadie a nadpisy kariet
   v pisme Playfair, ktore web inak nepouziva. */
.hc-typy .program-area {
	background-image: url(/wp-content/uploads/2026/10/hc-programy-tim.jpg);
	background-color: #0E2742;
}
.hc-typy .program-area::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(14, 39, 66, .85);
	z-index: -1;
}
.hc-typy .single-program-box h3 {
	font-family: inherit;
}
.hc-typy .single-program-box .icon {
	color: #D5A941;
}
.hc-typy .single-program-box .link-btn {
	color: #8F6D14;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.hc-typy .single-program-box {
	height: calc(100% - 30px);
	transition: transform .3s ease, box-shadow .3s ease;
}
.hc-typy .single-program-box:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 40px rgba(14, 39, 66, .18);
}

/* Kto ma v systeme vypnute animacie, nema ani vstupne animacie Elementora. */
@media (prefers-reduced-motion: reduce) {
	.elementor-invisible {
		visibility: visible !important;
	}
	.animated {
		animation: none !important;
	}
	.hc-temy .single-offer-box,
	.hc-typy .single-program-box,
	.hc-loga .swiper-slide img {
		transition: none;
	}
	/* Prerusovany kruh okolo ikony sa v sablone neustale toci. */
	.hc-temy .single-offer-box .icon {
		animation: none;
	}
}