/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* SLOVING: firemne pismo Source Sans 3 (OFL licencia).
   Nahrada za Preto Sans z brand kitu - ten mal len desktopovu licenciu a klient
   29. 7. potvrdil pouzitie alternativy. Font-face NEdefinujeme tu: Avada ho
   rozpoznava ako Google Font a self-hostuje lokalne v uploads/fusion-gfonts
   (ziadne nacitavanie z Google CDN, GDPR OK). */

/* SLOVING: jazykovy prepinac v headeri, kompaktne "EN | SK" medzi menu a tlacidlom */
/* Stlpec s prepinacom + tlacidlom je uzky, preto by sa obsah zalamoval pod seba.
   Zakazeme zalomenie a nechame stlpec rozsirit sa dolava do volneho miesta. */
.fusion-tb-header .fusion-flex-column:has(.sloving-header-ls) { flex-shrink: 0; }
.fusion-tb-header .fusion-column-wrapper:has(.sloving-header-ls) { flex-wrap: nowrap !important; }
.fusion-text:has(.sloving-header-ls) { display: inline-flex; align-items: center; flex: 0 0 auto; }
/* hlavne menu na jeden riadok aj pri dlhsich EN nazvoch:
   logo stlpec zuzime na sirku loga, uvolnene miesto dostane menu */
.fusion-tb-header .fusion-builder-row > .fusion-layout-column:first-child {
	width: auto !important; max-width: none !important; flex: 0 0 auto !important;
}
.fusion-tb-header .fusion-builder-row > .fusion-layout-column:nth-child(2) {
	flex: 1 1 auto !important; max-width: none !important;
}
.fusion-tb-header .fusion-menu { flex-wrap: nowrap !important; }
.fusion-tb-header .fusion-menu > li > a { padding-left: 13px !important; padding-right: 13px !important; white-space: nowrap; }
/* tlacidlo v hlavicke sa nesmie zalamovat na dva riadky */
.fusion-tb-header .fusion-column-wrapper:has(.sloving-header-ls) .fusion-button,
.fusion-tb-header .fusion-column-wrapper:has(.sloving-header-ls) .fusion-button-text { white-space: nowrap; }
.sloving-header-ls { display: inline-flex; align-items: center; line-height: 1; }
.sloving-ls { display: inline-flex; align-items: center; background: transparent; border: 0; }
.sloving-ls__link,
.sloving-ls__link:visited {
	color: rgba(35,40,75,0.55);
	background: transparent !important;
	border: 0;
	padding: 2px 10px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1;
	text-decoration: none;
	transition: color .2s ease;
}
.sloving-ls__link + .sloving-ls__link { border-left: 1px solid rgba(35,40,75,0.25); }
.sloving-ls__link:hover { color: #dc8c14; }
.sloving-ls__link.is-current { color: #23284b; }

/* SLOVING: svetla hlavicka potrebuje jemne oddelenie od svetleho hera */
.fusion-tb-header { position: relative; z-index: 99; box-shadow: 0 1px 0 rgba(35,40,75,0.08), 0 2px 12px rgba(35,40,75,0.06); }

/* SLOVING: odkazy v textoch paticky (stlpec Stranky) dedili navy farbu obsahu,
   na navy pozadi boli necitatelne */
.fusion-tb-footer .fusion-text a { color: rgba(255,255,255,0.78); }
.fusion-tb-footer .fusion-text a:hover { color: #dc8c14; }

/* SLOVING: jednoriadkove udaje pod nazvom projektu (namiesto tabulky) */
.sloving-ref-line { font-size: 17px; color: #6a6f80; margin: 0; }
.sloving-ref-line__kat a { color: #dc8c14; font-weight: 600; text-decoration: none; }
.sloving-ref-line__kat a:hover { color: #23284b; }
.sloving-ref-line__sep { color: #b8bcc7; }

/* SLOVING: ziadny biely pruh medzi hlavickou a prvou sekciou (ani nad patickou) */
#main { padding-top: 0 !important; padding-bottom: 0 !important; }

/* SLOVING: off-canvas panel (hamburger) ma navy podklad, aby na nom bolo vidiet
   biele logo. Texty a menu, ktore dedia navy farbu z typografie, musia byt biele.
   Aktivnu polozku menu (oranzova) nechavame tak, ako ju nastavuje element. */
/* Samotny panel ma od Avady BIELE pozadie a navy je len na kontejneri s obsahom,
   takze pod obsahom presvital bily pruh. Panel zaroven zuzujeme z 800px, pri
   tomto obsahu bol neprimerane siroky. */
#awb-oc-1932 .awb-off-canvas,
#awb-oc-1932 .awb-off-canvas-inner,
#awb-oc-1932 .off-canvas-content {
	max-width: 520px !important;
}
#awb-oc-1932 .awb-off-canvas-inner {
	background-color: #23284b !important;
}
.awb-off-canvas-wrap .fusion-menu > li:not(.current-menu-item) > a,
.awb-off-canvas-wrap .fusion-menu > li:not(.current-menu-item) > a .menu-text,
.awb-off-canvas-wrap .fusion-text,
.awb-off-canvas-wrap .fusion-text p,
.awb-off-canvas-wrap .fusion-text a,
.awb-off-canvas-wrap .off-canvas-close,
.awb-off-canvas-wrap .off-canvas-close:before {
	color: #fefefe !important;
}
.awb-off-canvas-wrap .fusion-menu > li:not(.current-menu-item) > a:hover,
.awb-off-canvas-wrap .fusion-menu > li:not(.current-menu-item) > a:hover .menu-text,
.awb-off-canvas-wrap .fusion-text a:hover,
.awb-off-canvas-wrap .off-canvas-close:hover {
	color: #dc8c14 !important;
}

/* SLOVING: udaje o projekte na detaile referencie ([sloving_ref_meta]) */
.sloving-ref-meta { margin: 0; display: grid; gap: 0; max-width: 640px; }
.sloving-ref-meta__row {
	display: grid;
	grid-template-columns: 190px 1fr;
	gap: 16px;
	/* texty boli nalepene na deliace ciary, preto vacsi odstup zhora aj zdola */
	padding: 22px 0;
	border-bottom: 1px solid rgba(35,40,75,0.12);
}
.sloving-ref-meta__row:first-child { border-top: 1px solid rgba(35,40,75,0.12); }
.sloving-ref-meta dt {
	margin: 0;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #dc8c14;
	align-self: center;
}
.sloving-ref-meta dd { margin: 0; font-size: 17px; color: #23284b; align-self: center; }
.sloving-ref-meta dd a { color: #23284b; text-decoration: none; border-bottom: 1px solid rgba(35,40,75,0.25); }
.sloving-ref-meta dd a:hover { color: #dc8c14; border-bottom-color: #dc8c14; }
@media (max-width: 640px) {
	.sloving-ref-meta__row { grid-template-columns: 1fr; gap: 4px; }
}

/* SLOVING: Referencie su v 4 stlpcoch, karty su preto uzsie. Dlhe nazvy projektov
   (napr. "strojnotechnologickych") by inak pretiekli mimo kartu - zalamujeme ich
   a mierne zmensujeme nadpis. */
.fusion-post-cards .fusion-post-card,
.fusion-post-cards .fusion-layout-column,
.fusion-portfolio-post { min-width: 0; }
.fusion-post-cards h4,
.fusion-post-cards .fusion-post-card-title,
.fusion-portfolio-post .entry-title,
.fusion-portfolio-post .fusion-post-title {
	overflow-wrap: break-word;
	word-break: break-word;
	hyphens: auto;
}
.fusion-post-cards h4,
.fusion-post-cards .fusion-post-card-title {
	font-size: 16px !important;
	line-height: 1.35 !important;
	--fontSize: 16 !important;
}
.fusion-portfolio-post .entry-title,
.fusion-portfolio-post .fusion-post-title,
.fusion-portfolio-post .fusion-portfolio-content h2 { font-size: 16px !important; --fontSize: 16 !important; }

/* Karty referencii (teaser na uvodnej + "Dalsie referencie" na detaile).
   Obrazok je v sablone presunuty nad text a sipke sa zrusil posun o 105 px hore,
   takze uz netreba nic skryvat. Karty roztiahneme na rovnaku vysku a sipku
   zatlacime na spodok, aby vo vsetkych kartach sedela v jednej linke. */
.fusion-post-cards .fusion-grid { align-items: stretch !important; }
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) { display: flex; }
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) > .fusion-column-wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
}
/* Oranzova sipka: sedi na spodku karty, zmensena a odsadena od okraja tak, aby
   lavou hranou licovala s textom karty. Povodne bola velka a nalepena na okraj. */
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) > .fusion-column-wrapper > .fusion-builder-row-inner:last-child {
	margin-top: auto;
}
/* Tlacidlo patri do praveho spodneho rohu karty. Avada ma na riadku zaporny
   okraj, na vnutornom obale vlastny padding a stlpec sirsi nez karta, takze
   dorovnavat to odsadeniami je marne - kotvime ho priamo do rohu karty. */
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) > .fusion-column-wrapper {
	position: relative;
	padding-bottom: 60px !important;
}
/* Riadok so sipkou necham v toku (nulovy), ale samotne tlacidlo ukotvim priamo
   do rohu karty. Kotvit obalovy riadok nestacilo - Avada mu dava sirku 100 %
   a tlacidlo by v nom aj tak sedelo vlavo. */
/* Vsetky obaly v tomto riadku musia byt bez vlastneho pozicovania, inak by sa
   tlacidlo ukotvilo k nim namiesto k celej karte. */
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) > .fusion-column-wrapper > .fusion-builder-row-inner:last-child,
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) > .fusion-column-wrapper > .fusion-builder-row-inner:last-child .fusion-layout-column,
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) > .fusion-column-wrapper > .fusion-builder-row-inner:last-child .fusion-column-wrapper,
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) > .fusion-column-wrapper > .fusion-builder-row-inner:last-child .fusion-column-wrapper > div {
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
}
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) > .fusion-column-wrapper > .fusion-builder-row-inner:last-child {
	height: 0;
	overflow: visible;
}
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) .fusion-button {
	position: absolute;
	right: 28px;
	bottom: 26px;
	margin: 0 !important;
}
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) .fusion-button {
	padding: 9px 13px !important;
	line-height: 1 !important;
}
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) .fusion-button .awb-button__icon,
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) .fusion-button i {
	font-size: 13px !important;
	margin: 0 !important;
}
/* Biela plocha karty je od Avady len na vnutornom stlpci s textom, takze pri
   rovnako vysokych kartach koncila skor nez karta. Bielu davame na celu kartu. */
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) > .fusion-column-wrapper {
	background-color: #ffffff;
}
/* Fotky referencii su rozne, niektore na vysku. Bez jednotneho pomeru jedna
   fotka natiahla cely riadok do neumernej vysky. Orezavame na 4:3. */
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) .fusion-image-element img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* SLOVING: Referencie - karty s fotkou zobrazia obrazok, bez fotky = cisty text card */
.fusion-portfolio-post .fusion-image-wrapper:has(.fusion-placeholder-image),
.fusion-portfolio-post .fusion-placeholder-image { display: none !important; }
.fusion-portfolio-post .fusion-image-wrapper img { display: block; width: 100%; height: auto; }
/* Vizual karty patri na vnutorny .fusion-portfolio-content-wrapper, NIE na cely
   <article>. Article je bunka mriezky vratane medzery (fusion-col-spacing), takze
   biele pozadie na nom vyplnilo aj medzeru: karty sa dotykali a tien kazdej karty
   koncil pod susednou bielou plochou = "natlacene boxy a odseknute tiene". */
.fusion-portfolio-post {
	background: none;
	border: 0;
	box-shadow: none;
}
.fusion-portfolio-post .fusion-portfolio-content-wrapper {
	background: #ffffff !important;
	border: 1px solid rgba(35,40,75,0.06) !important;
	border-top: 3px solid #dc8c14 !important;
	box-shadow: 0 6px 20px rgba(27,35,75,0.08) !important;
	border-radius: 2px;
	overflow: hidden;
}
/* Mriezka orezavala tiene krajnych kariet. */
.fusion-portfolio { overflow: visible !important; }
.fusion-portfolio-post .fusion-portfolio-content { padding: 28px 26px 30px !important; }
.fusion-portfolio-post .entry-title,
.fusion-portfolio-post .fusion-post-title,
.fusion-portfolio-post .fusion-portfolio-content h2 {
	font-size: 19px !important;
	line-height: 1.38 !important;
	margin: 0 0 12px !important;
	--fontSize: 19 !important;
	color: #23284b !important;
	text-transform: none !important;
}
.fusion-portfolio-post .entry-title a,
.fusion-portfolio-post .fusion-post-title a { color: #23284b !important; }
.fusion-portfolio-post .entry-title a:hover { color: #dc8c14 !important; }
.fusion-portfolio-post .fusion-portfolio-meta { margin-bottom: 6px; }
.fusion-portfolio-post .fusion-portfolio-meta a {
	color: #dc8c14 !important;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 700;
}
/* SLOVING: hover nad fotkou referencie. Avada v prekryti zopakuje nazov, kategoriu
   a ikony, na nasich kartach to ale pretekalo mimo fotky (dlhe nazvy projektov)
   a dublovalo text, ktory je uz pod fotkou. Ostava len navy prekrytie a klikatelna
   plocha celej fotky. */
.fusion-portfolio-post .fusion-rollover {
	background: hsla(232, 36%, 22%, 0.55) !important;
}
.fusion-portfolio-post .fusion-rollover-content > *:not(.fusion-link-wrapper) {
	display: none !important;
}
.fusion-portfolio-post .fusion-content-sep { display: none; }
.fusion-portfolio-post .fusion-post-content,
.fusion-portfolio-post .fusion-post-content p { color: #494b5c !important; font-size: 14px; margin: 4px 0 0; }

/* SLOVING: GDPR suhlas vo formulari - checkbox a veta na jednom riadku (checkbox vlavo).
   Avada consent field ma label wrapper NAD checkboxom, cez row-reverse flex sa checkbox
   dostane vizualne pred vetu bez zmeny DOM (label for= musi ostat zachovany). */
.fusion-form-consent-field {
	display: flex !important;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 12px;
}
.fusion-form-consent-field .fusion-form-label-wrapper {
	margin: 0;
	width: auto;
	flex: 0 1 auto;
	text-align: left !important;
}
.fusion-form-consent-field .fusion-form-label-wrapper label {
	margin: 0;
	display: inline;
	width: auto;
	text-align: left !important;
}
.fusion-form-consent-field .fusion-form-checkbox {
	flex: 0 0 auto;
	margin: 7px 0 0 0 !important;
}
/* prazdny label checkboxu ma rezervovany padding na text option - orezat na sirku stvorceka */
.fusion-form-consent-field .fusion-form-checkbox label {
	padding: 0 !important;
	width: 13px;
	min-height: 13px;
	margin: 0 !important;
}

/* SLOVING: blokovana Google mapa (Complianz) - brandovy placeholder + tlacidlo suhlasu.
   Obrazok placeholderu dodava filter cmplz_placeholder vo functions.php. */
.cmplz-blocked-content-container { border-radius: 2px; overflow: hidden; }
.cmplz-blocked-content-notice,
button.cmplz-blocked-content-notice,
.cmplz-blocked-content-container .cmplz-accept-service {
	/* tmavsi jantar: biely text na #dc8c14 mal kontrast len 2,7:1 */
	background: #965e0d !important;
	color: #ffffff !important;
	font-family: "Source Sans 3", sans-serif !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	letter-spacing: 0.02em;
	border: 0 !important;
	border-radius: 3px !important;
	padding: 12px 22px !important;
	cursor: pointer;
	box-shadow: 0 6px 18px rgba(0,0,0,0.25);
	transition: background .2s ease;
}
.cmplz-blocked-content-notice:hover,
button.cmplz-blocked-content-notice:hover,
.cmplz-blocked-content-container .cmplz-accept-service:hover { background: #7a4c0a !important; }
/* SLOVING: vyskakovacie okno k 35. vyrociu (banner grafika od klienta) */
/* z-index je zamerne o kusok NIZSI nez cookie lista (99999): okno sa zobrazi
   aj ked navstevnik listu este nevybavil, ale suhlas s cookies musi zostat
   vzdy klikatelny, preto lista ostava nad prekrytim okna. */
.sloving-vyrocie { position: fixed; inset: 0; z-index: 99990; display: flex;
	align-items: center; justify-content: center; padding: 20px;
	opacity: 0; transition: opacity .3s ease; }
.sloving-vyrocie.je-vidno { opacity: 1; }
.sloving-vyrocie[hidden] { display: none; }
.sloving-vyrocie__pozadie { position: absolute; inset: 0; background: rgba(16,21,46,0.62); }
.sloving-vyrocie__okno { position: relative; width: 100%; max-width: 760px;
	background: #ffffff; border-radius: 14px; overflow: hidden;
	box-shadow: 0 24px 70px rgba(16,21,46,0.35);
	transform: translateY(14px); transition: transform .3s ease;
	/* bod 2 z 2. kola: okno vacsie a grafika ma okolo seba vzduch, takze zvisla
	   deliaca ciara v banneri sa uz nedotyka horneho okraja okna */
	padding: 30px 30px 0; }
.sloving-vyrocie.je-vidno .sloving-vyrocie__okno { transform: translateY(0); }
.sloving-vyrocie__video { display: block; width: 100%; height: auto; background: #ffffff; }
.sloving-vyrocie__zavri { position: absolute; top: 12px; right: 14px; z-index: 2;
	width: 36px; height: 36px; line-height: 1; font-size: 26px;
	border: 0; border-radius: 50%; cursor: pointer;
	background: rgba(255,255,255,0.85); color: #23284b; }
.sloving-vyrocie__zavri:hover { background: #dc8c14; color: #ffffff; }
/* 14. 9. (hovor): okno vyssie, spodna cast nizsie, menej natlacene */
.sloving-vyrocie__telo { padding: 44px 40px 60px; text-align: center; }
.sloving-vyrocie__telo h2 { margin: 0 0 30px; font-size: 40px; line-height: 1.15; color: #23284b; }
.sloving-vyrocie__telo p { margin: 0 0 22px; color: #5d6274; font-size: 16px; line-height: 1.6; }
.sloving-vyrocie__cta { display: inline-block; padding: 13px 28px; border-radius: 4px; font-size: 15px;
	background: #dc8c14; color: #ffffff; font-weight: 600; text-decoration: none; }
.sloving-vyrocie__cta:hover { background: #23284b; color: #ffffff; }
@media (max-width: 640px) {
	.sloving-vyrocie__okno { padding: 16px 16px 0; }
	.sloving-vyrocie__telo { padding: 26px 22px 36px; }
	.sloving-vyrocie__telo h2 { font-size: 28px; margin-bottom: 18px; }
}
@media (prefers-reduced-motion: reduce) {
	.sloving-vyrocie, .sloving-vyrocie__okno { transition: none; }
}
.sloving-vyrocie__okno:focus { outline: none; }

/* SLOVING: pas s nazvom stranky ma na kazdej podstranke inu fotku, niektore su
   svetle a biely nadpis na nich stracal citatelnost. Jednotne stmavenie zlava
   drzi kontrast textu bez ohladu na fotku. */
.fusion-tb-page-title-bar .fusion-fullwidth { position: relative; }
.fusion-tb-page-title-bar .fusion-fullwidth::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(90deg, rgba(16,21,46,0.88) 0%, rgba(16,21,46,0.70) 28%, rgba(16,21,46,0.18) 58%, rgba(16,21,46,0.04) 100%);
}
/* 21. 9.: pásy s novými obrázkami (Kaiser: pôsobili nevýrazne). Zrušený zvislý navy
   prechod z Avady cez celú fotku, stmavené je len miesto pod nadpisom vľavo;
   obrázok vypĺňa pás (cover), nie je orezaný na spodný okraj. */
.fusion-tb-page-title-bar .fusion-fullwidth {
	--awb-background-image: linear-gradient(transparent, transparent) !important;
	--awb-background-size: cover !important;
	--awb-background-position: center center !important;
	background-size: cover !important;
	background-position: center center !important;
}
.fusion-tb-page-title-bar .fusion-fullwidth > .fusion-builder-row { position: relative; z-index: 1; }

/* SLOVING: citatelnost po zosvetleni dizajnu (poziadavka klienta z hovoru 11. 8.).
   Brandova oranzova #dc8c14 ma na bielom podklade kontrast len 2,7:1, co je pod
   normou WCAG AA (4,5:1) pre bezny text. Na svetlych plochach preto pouzivame
   tmavsi odtien z tej istej rodiny #965e0d (4,9:1 na #f2f5f7, 5,4:1 na bielej).
   Oranzova zostava nedotknuta na tmavych plochach, tlacidlach, ikonach a linkach. */
.fusion-tb-header .fusion-menu > li.current-menu-item > a,
.fusion-tb-header .fusion-menu > li.current-menu-item > a .menu-text,
.fusion-filters .fusion-filter a,
.fusion-portfolio-post .fusion-portfolio-meta a,
.fusion-post-cards .fusion-meta-info a,
.sloving-ref-line__kat a,
.fusion-text a:not(.fusion-button):not(.wpml-ls-link):not(.sloving-ls__link),
.post-content a:not(.fusion-button) { color: #965e0d; }
.fusion-tb-header .fusion-menu > li.current-menu-item > a,
.fusion-tb-header .fusion-menu > li.current-menu-item > a .menu-text { color: #965e0d !important; }
.fusion-filters .fusion-filter.fusion-active a { color: #23284b !important; }
/* hero nadtext ma farbu priamo v obsahu, preto prebijame */
.fusion-text p[style*="#dc8c14"] { color: #965e0d !important; }

/* tmave plochy si nechavaju povodne farby (pravidla vyssie by ich prefarbili) */
.fusion-tb-footer .fusion-text a { color: rgba(255,255,255,0.78); }
.fusion-tb-footer .fusion-text a:hover { color: #dc8c14; }
.awb-off-canvas-wrap .fusion-text a { color: #fefefe !important; }
.awb-off-canvas-wrap .fusion-text a:hover { color: #dc8c14 !important; }
.sloving-vyrocie__cta { color: #ffffff; }
/* poistky: tmave plochy a specificke Avada selektory prebijaju pravidlo vyssie */
.fusion-tb-footer .fusion-text a { color: rgba(255,255,255,0.78) !important; }
.fusion-tb-footer .fusion-text a:hover { color: #dc8c14 !important; }
.fusion-portfolio .fusion-portfolio-content .fusion-portfolio-meta a,
.fusion-portfolio-post .fusion-portfolio-meta a { color: #965e0d !important; }

/* SLOVING: na mobile je stredny stlpec hlavicky (menu) skryty, takze prepinac
   jazyka a ikona ostavali prilepene k logu. Posledny stlpec tlacime doprava. */
/* Platí pre všetky šírky: keď Avada skryje stĺpec s menu (pod 1200 px), posledný stĺpec
   (EN | SK + ikona menu) sa musí dotlačiť doprava sám; na desktope pravidlo nič nemení. */
.fusion-tb-header .fusion-builder-row > .fusion-layout-column:last-child {
	margin-left: auto !important;
}
.fusion-tb-header .fusion-column-wrapper:has(.sloving-header-ls) { justify-content: flex-end; }

/* SLOVING: fotky na kartach referencii maju vyplnit celu sirku karty.
   Avada pri "fixed" velkosti servuje pevny vyrez 300 px, ktory bol na mobile
   uzsi nez karta. Kartam davame jednotny pomer stran a orez. */
.fusion-portfolio-post .fusion-image-wrapper,
.fusion-portfolio-post .fusion-image-wrapper a { display: block; width: 100%; }
.fusion-portfolio-post .fusion-image-wrapper img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* ===== 1. kolo pripomienok (2. 9. 2026) ===== */
/* Hero s fotkou ako podkladom (bod 4), texty podľa Kaiserovho kompromisu (bod 22) */
.sloving-hero .fusion-builder-row { position: relative; z-index: 1; }
.sloving-hero__akcie .fusion-column-wrapper { align-items: center; row-gap: 10px; }
.sloving-hero__akcie .fusion-button { margin-top: 0; }
.sloving-hero__obrys .fusion-button-text { color: #23284b; }
.sloving-hero__obrys:hover .fusion-button-text { color: #ffffff; }
.sloving-hero__kontakt a { color: #23284b; text-decoration: none; margin-right: 22px; white-space: nowrap; }
.sloving-hero__kontakt a:hover { color: #965e0d; }
@media (max-width: 800px) {
	.sloving-hero { background-image: none !important; }
}
/* Karty referencií: odvetvie (bod 9) a menej bielej plochy */
.sloving-card-odvetvie { margin: 0 0 6px !important; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #965e0d; }
.fusion-post-cards .fusion-title h4 { margin-bottom: 8px; }
/* Karusel odznakov v teaseri kvality (bod 15) */
/* Certifikacne plakety na uvodnej: 5 kusov staticky vedla seba, na mobile
   do dvoch riadkov (3 + 2). Bod 15 z 2. kola pripomienok.
   14. 9. (hovor, bod 8): plakety maju rovnaku VYSKU (sirka podla obrazka), takze
   horne a dolne hrany licuju a rozostupy su vsade rovnake; predtym mali rovnaku
   sirku a vysky sa lisili o 4 px. */
.sloving-plakety__rad {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 24px;
}
.sloving-plakety__rad .sloving-plaketa {
	flex: 0 0 auto;
	display: block;
	line-height: 0;
}
.sloving-plakety__rad img { height: 112px; width: auto; max-width: 100%; display: block; aspect-ratio: auto; object-fit: contain; }
@media (max-width: 800px) {
	.sloving-plakety__rad { gap: 14px; }
	.sloving-plakety__rad img { height: 72px; }
}
/* CTA pás bez fotky, vycentrovaný (bod 14) */
.sloving-cta-stred .fusion-column-wrapper { align-items: center; text-align: center; }
.sloving-cta-stred .fusion-text p, .sloving-cta-stred .fusion-title { max-width: 720px; margin-left: auto; margin-right: auto; text-align: center; }
/* Pás s názvom na detaile referencie nižší (bod 10) */
.single-avada_portfolio .fusion-tb-page-title-bar .fusion-fullwidth { padding-top: 48px !important; padding-bottom: 56px !important; }
.single-avada_portfolio .fusion-tb-page-title-bar h2.fusion-title-heading { font-size: 40px !important; line-height: 1.2 !important; }
/* Referencie: pevná mriežka, rovnaká výška kariet (body 20 a 29) */
.fusion-portfolio-post .fusion-portfolio-content h2 { min-height: calc(3 * 1.35em); }
/* Odkaz na nastavenia cookies v pätičke */
.fusion-tb-footer .cmplz-show-banner { cursor: pointer; }
/* Karusel referencií (bod 9): rovnaké karty ako v mriežke */
.fusion-post-cards .swiper-wrapper { align-items: stretch; }
.fusion-post-cards .post-card.swiper-slide { height: auto; display: flex; }
.fusion-post-cards .post-card.swiper-slide > .fusion-column-wrapper { width: 100%; }

/* O nás: fotka pri Kto sme + piktogramy pri Naše kapacity (2. 9., bod 25 z podkladu na Teams) */
.sloving-onas-foto img { width: 100%; height: auto; display: block; }
.sloving-kapacita .fusion-text { margin-bottom: 0; width: 100%; }
.sloving-kapacita__box { width: 100%; box-sizing: border-box; }
.sloving-kapacita__box {
	display: flex; align-items: center; gap: 16px;
	background: #ffffff; border-left: 4px solid #dc8c14; border-radius: 6px;
	padding: 18px 20px; min-height: 92px;
	box-shadow: 0 6px 20px rgba(27, 35, 75, 0.06);
	font-weight: 600; color: #23284b; font-size: 17px; line-height: 1.3;
}
.sloving-kapacita__box img { width: 56px; height: 56px; flex: 0 0 56px; }
@media (max-width: 800px) {
	.sloving-kapacita { margin-bottom: 14px; }
}

/* Responzívne opravy 2. 9. (audit mobil/tablet) */
/* Hero úvodnej pri 801 až 1200 px: fotka vpravo zasahovala pod text, doplnený svetlý prechod */
@media (min-width: 801px) and (max-width: 1200px) {
	.sloving-hero { position: relative; }
	.sloving-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none;
		background: linear-gradient(90deg, #f2f5f7 0%, #f2f5f7 52%, rgba(242,245,247,0.85) 70%, rgba(242,245,247,0) 92%); }
	.sloving-hero > .fusion-builder-row { position: relative; z-index: 1; }
}
/* Mobilný fotopás pod herom: na tablete vyšší */
.sloving-hero-mobil { min-height: clamp(200px, 56vw, 340px) !important; }
/* Video pás pri zúženom okne prehliadača (bez mobilného zariadenia) nesmie byť len tenký prúžok */
@media (max-width: 1024px) { .sloving-hero-video { min-height: 34vw; } }
/* Kvalita: náhľady certifikátov na mobile a tablete obmedzené na 320 px */
@media (max-width: 1024px) {
	.sloving-cert-nahlad, .sloving-cert-nahlad img { max-width: 320px !important; }
	.sloving-cert-nahlad { margin-left: auto !important; margin-right: auto !important; display: block; }
}
/* Kvalita: na tablete (641 až 800 px = Avada "small") karty certifikátov v 2 stĺpcoch */
@media (min-width: 641px) and (max-width: 800px) {
	.fusion-layout-column:has(.sloving-cert-nahlad) { --awb-width-small: 48% !important; }
}
/* Prepínač jazyka: väčšia dotyková plocha (min. 32 px) */
@media (max-width: 1024px) {
	.sloving-ls__link { display: inline-flex; align-items: center; min-height: 32px; padding: 0 6px; }
}
/* Kvalita pás na úvodnej: na mobile všetko zarovnané vľavo (fusion_title nepozná
   content_align_small, Avada vypíše len triedu fusion-title-center; hranica 800 px = Avada "small",
   rovnaká ako pri alignment_small tlačidla a content_alignment_small nadtextu) */
@media (max-width: 800px) {
	.fusion-fullwidth:has(.sloving-plakety) .fusion-title-center,
	.fusion-fullwidth:has(.sloving-plakety) .fusion-title-center h2 { text-align: left !important; }
	.fusion-fullwidth:has(.sloving-plakety) .fusion-title-center h2 { justify-content: flex-start; }
}

/* ==========================================================================
   2. kolo pripomienok (11. 9. 2026)
   ========================================================================== */

/* Body 12, 27: karty referencii maju mat pevnu vysku a dlhy nazov sa na karte
   skrati; cely nazov je po kliknuti na detaile. Nazov drzime presne na troch
   riadkoch (aj kratsi nazov zabera 3 riadky), takze vsetky karty su rovnake. */
.fusion-portfolio-post .entry-title,
.fusion-portfolio-post .fusion-post-title,
.fusion-portfolio-post .fusion-portfolio-content h2,
.fusion-post-cards h4,
.fusion-post-cards .fusion-post-card-title {
	display: -webkit-box !important;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	hyphens: none;
	word-break: normal;
}
.fusion-portfolio-post .entry-title,
.fusion-portfolio-post .fusion-post-title,
.fusion-portfolio-post .fusion-portfolio-content h2 {
	height: calc(3 * 1.38em);
	min-height: calc(3 * 1.38em);
}
.fusion-post-cards h4,
.fusion-post-cards .fusion-post-card-title {
	height: calc(3 * 1.35em);
	min-height: calc(3 * 1.35em);
}

/* Body 24: karty certifikatov maju pevnu vysku, popis maximalne tri riadky,
   aby tlacidla na stiahnutie PDF boli v jednej linke. */
.sloving-cert-popis,
.fusion-layout-column:has(.sloving-cert-nahlad) .fusion-text p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: calc(3 * 1.6em);
}

/* Riadok "Klient · Rok" pod nazvom: dlhsi nazov klienta sa zalomi na dva
   riadky a karta by bola o 25 px vyssia. Drzime ho vzdy na dvoch riadkoch. */
.fusion-portfolio-post .fusion-post-content {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: calc(2 * 1.75em);
	min-height: calc(2 * 1.75em);
}

/* To iste v karuseli na uvodnej: posledny riadok karty je "Klient · Rok"
   a pri dlhsom nazve klienta sa zalomil, takze karta bola vyssia. */
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) .fusion-column-wrapper > .fusion-text:last-of-type {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: calc(2 * 1.7em);
	min-height: calc(2 * 1.7em);
}

/* Karty certifikatov: nazov drzime na jednom riadku vysky dvoch, aby sa karty
   nelisili podla dlzky nazvu, a miesto pod textom je jednotne. Karta s dvoma
   tlacidlami (Opravnenie VTZ tlak) je o jedno tlacidlo vyssia, co je v ramci
   riadku zarovnane Avadou. */
.fusion-layout-column:has(.sloving-cert-nahlad) .fusion-title h3,
.fusion-layout-column:has(.sloving-cert-nahlad) .fusion-title h2 {
	min-height: 1.4em;
}

/* LinkedIn v paticke (bod 22 z 2. kola, 14. 9. zmenseny na vysku tlacidla
   Kontaktujte nas, Kaiser: mensie tlacidla v paticke). */
.sloving-linkedin .fusion-button-text { font-size: 14px; letter-spacing: 0.02em; }
.sloving-linkedin i { font-size: 16px !important; }
.sloving-linkedin .fusion-button-icon-divider { padding-right: 4px; }

/* Teaser sluzieb: jeden siroky triptych a pod nim tri popisky odvetvi ako text
   (bod 10 z 2. kola). Popisky su zarovnane so stredmi panelov obrazka a maju
   oranzovu ciarku nad sebou. */
.sloving-sluzby-triptych img {
	width: 100%;
	height: auto;
	display: block;
}
.fusion-layout-column:has(> .fusion-column-wrapper > .sloving-odvetvie-popis) {
	margin-top: 22px !important;
}
.sloving-odvetvie-popis h4 {
	font-size: 20px;
	letter-spacing: 0.03em;
	padding-top: 14px;
	border-top: 3px solid #dc8c14;
	margin: 0;
}
@media (max-width: 800px) {
	.sloving-odvetvie-popis h4 { font-size: 17px; padding-top: 10px; }
}

/* V com posobime: namiesto fotodlazdic ilustracie odvetvi (bod 26 z 2. kola).
   Biela karta s oranzovou linkou dole, ilustracia hore, nazov pod nou. */
.sloving-odvetvie-ilu img {
	width: 100%;
	height: auto;
	display: block;
}
.sloving-odvetvie-nazov h4 {
	font-size: 21px;
	margin: 0;
}
.sloving-tim-banner img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}
@media (max-width: 800px) {
	.sloving-odvetvie-nazov h4 { font-size: 19px; }
}

/* ===== Hovor 14. 9. 2026, bod 2: rotácia variantov hero podkladu (dočasné, kým konatelia vyberú) ===== */
.sloving-hero { position: relative; }
.sloving-hero__varianty { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.sloving-hero__variant { position: absolute; inset: 0; background-size: cover; background-position: right center; background-repeat: no-repeat; opacity: 0; transition: opacity 1.4s ease; }
.sloving-hero__variant.je-aktivny { opacity: 1; }
.sloving-hero__prepinac { position: absolute; right: 22px; bottom: 16px; z-index: 3; display: flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 20px; background: rgba(255,255,255,0.88); color: #23284b; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; box-shadow: 0 2px 8px rgba(35,40,75,0.12); }
.sloving-hero__prepinac span { margin-right: 4px; }
.sloving-hero__prepinac button { width: 11px; height: 11px; padding: 0; border: 0; border-radius: 50%; background: #c3c8d4; cursor: pointer; }
.sloving-hero__prepinac button.je-aktivny { background: #dc8c14; }
@media (min-width: 801px) and (max-width: 1200px) { .sloving-hero::before { z-index: 1; } }
@media (max-width: 800px) { .sloving-hero__varianty, .sloving-hero__prepinac { display: none; } }

/* ===== Hovor 14. 9. 2026, bod 10: pätička kompaktne ===== */
/* Boxy dokumentov sú nad copyrightom v hlavnom kontajneri, samostatný spodný pás je zrušený. */
.sloving-dok .fusion-title h6 { font-size: 14px; letter-spacing: 0.02em; }
.sloving-dok .fusion-title h6 a { color: rgba(255,255,255,0.85); }
.sloving-dok .fusion-title h6 a:hover { color: #dc8c14; }
/* LinkedIn ako logo: ikona a názov bez rámika, oranžový hover */
.sloving-linkedin--logo { background: transparent !important; border: 0 !important; padding: 0 !important; height: auto !important; line-height: 1 !important; }
.sloving-linkedin--logo i { font-size: 26px !important; color: #ffffff; }
.sloving-linkedin--logo .fusion-button-text { font-size: 18px !important; font-weight: 700; letter-spacing: 0; color: #ffffff; }
.sloving-linkedin--logo .fusion-button-icon-divider { padding-right: 8px; }
.sloving-linkedin--logo:hover i, .sloving-linkedin--logo:hover .fusion-button-text { color: #dc8c14 !important; }

/* Hero: obe tlačidlá rovnako vysoké (16. 9.)
   Obrysové tlačidlo má 2 px čiaru, ktorá mu pridáva 4 px výšky.
   Primárne dostane rovnako širokú priehľadnú čiaru, takže spodné hrany lícujú. */
.sloving-hero__akcie .fusion-button:not(.sloving-hero__obrys) {
	border-style: solid;
	border-color: transparent;
	border-width: 2px;
}

/* ===== 3. kolo pripomienok (21. 9.) ===== */

/* Jednotné tlačidlá v obsahu: 16 px, výška 55 px na celom webe.
   Hero tlačidlá majú 2 px okraj (obrysové aj priehľadný na plnom), preto o 2 px menšie odsadenie. */
#main .fusion-button.button-large {
	font-size: 16px !important;
	padding: 18px 34px !important;
	line-height: 19px !important;
}
.sloving-hero__akcie .fusion-button {
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}

/* Mobil: tlačidlá v úvode rovnako široké, telefón a e-mail pod sebou */
@media (max-width: 640px) {
	.sloving-hero__akcie .fusion-column-wrapper > * {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.sloving-hero__akcie .fusion-button {
		width: 100%;
		justify-content: center;
	}
	.sloving-hero__kontakt a {
		display: block;
		margin: 0 0 4px !important;
	}
}

/* Hlavný nadpis úvodu nesmie byť menší ako nadpisy sekcií (rovnako ako H1 podstránok) */
@media (max-width: 1024px) {
	.sloving-hero .fusion-title h1 { font-size: 60px !important; line-height: 1.1 !important; }
}
@media (max-width: 640px) {
	.sloving-hero .fusion-title h1 { font-size: 44px !important; }
}

/* Mobil: medzera medzi tlačidlom Kariéra a fotkou pod ním */
@media (max-width: 800px) {
	#main .fusion-button[href$="/kariera/"],
	#main .fusion-button[href$="/careers/"] {
		margin-bottom: 30px;
	}
}

/* Karty referencií na úvodnej a v Ďalších referenciách rovnaké ako na stránke Referencie (bod 13):
   oranžový horný okraj, tieň, nadpis 19 px (max. 3 riadky), text klienta 14 px */
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) > .fusion-column-wrapper {
	border-top: 3px solid #dc8c14 !important;
	box-shadow: 0 6px 20px rgba(27, 35, 75, 0.08) !important;
}
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) .fusion-title-heading {
	font-size: 19px !important;
	line-height: 1.38 !important;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: calc(3 * 1.38em);
}
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) .fusion-text p:not(.sloving-card-odvetvie) {
	font-size: 14px !important;
	line-height: 1.8 !important;
}
/* LinkedIn pod kontaktmi v pätičke (21. 9.) */
.fusion-tb-footer .fusion-button-wrapper:has(.sloving-linkedin--logo) { margin-top: 18px; display: block; }
/* Pás s nadpisom na mobile: hlavný motív obrázkov je vpravo, výrez posunutý doprava */
@media (max-width: 800px) {
	.fusion-tb-page-title-bar .fusion-fullwidth {
		--awb-background-position: 74% center !important;
		background-position: 74% center !important;
	}
}

/* ===== Kaiserov e-mail 22. 9. ===== */
/* Bod 1: podklad hera sa nikdy neoreže zvislo (celý obrázok), na širokých monitoroch
   ostáva vpravo a ľavú časť dopĺňa farba pozadia. Platí pre striedané vrstvy aj základ. */
@media (min-width: 801px) {
	.sloving-hero { --awb-background-size: auto 100% !important; background-size: auto 100% !important; background-position: right center !important; background-color: #f2f5f7; }
	.sloving-hero__variant { background-size: auto 100%; background-color: #f2f5f7; }
}
/* Bod 2: karty referencií rovnaké na úvodnej aj na stránke Referencie: nadpis navy,
   kategória 12 px kapitálky, medzera nadpis 12 px, kategória -> klient 23 px, klient #494b5c */
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) .fusion-title-heading,
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) .fusion-title-heading a { color: #23284b !important; }
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) .fusion-title-heading a:hover { color: #dc8c14 !important; }
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) .fusion-title { margin-bottom: 12px !important; }
:is(.fusion-post-cards .fusion-grid > li, .fusion-post-cards .post-card.swiper-slide) .fusion-text p:not(.sloving-card-odvetvie) { color: #494b5c !important; }
.fusion-portfolio-post .fusion-portfolio-meta { margin-bottom: 6px !important; line-height: 17px; }
.fusion-portfolio-post .fusion-portfolio-meta a { font-size: 12px !important; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; line-height: 17px; }
.fusion-portfolio-post .fusion-post-content,
.fusion-portfolio-post .fusion-post-content p { margin-top: 0 !important; }
/* Bod 4: tlačidlo Kontaktujte nás v pätičke rovnako veľké ako ostatné (16 px, 55 px) */
.fusion-tb-footer .fusion-button.button-medium { font-size: 16px !important; padding: 18px 34px !important; line-height: 19px !important; }

/* Tlačidlo Kontaktujte nás v stĺpci Kontakt (Kaiser 22. 9.): v užšom stĺpci pod 1280 px sa text zalamoval na dva riadky */
.fusion-tb-footer .fusion-button.sloving-foot-cta { white-space: nowrap; }
@media (min-width: 801px) and (max-width: 1279px) {
	.fusion-tb-footer .fusion-button.sloving-foot-cta { padding-left: 20px !important; padding-right: 20px !important; }
}
@media (min-width: 801px) and (max-width: 1099px) {
	.fusion-tb-footer .fusion-button.sloving-foot-cta { font-size: 15px !important; }
}

/* Kaiser 24. 9.: fotky referencií bez ťahania a bez ponuky "uložiť obrázok" na iPhone (dlhé podržanie) */
.fusion-gallery img,
.ilightbox-holder img,
.ilightbox-container img,
.ilightbox-thumbnail img {
	-webkit-user-drag: none;
	user-drag: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
}