/*
Theme Name: PROLUC
Description: Child téma pre web proluc.sk (INFOPRO s.r.o.) podľa návrhu vo Figme.
Template: kadence
Version: 1.0.0
Text Domain: proluc
*/

/* ---------------------------------------------------------------------
 * Písma (lokálne, bez Google Fonts)
 * ------------------------------------------------------------------ */
@font-face { font-family: "Manrope"; font-weight: 400; font-display: swap; src: url("assets/fonts/manrope-latin-400.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-weight: 400; font-display: swap; src: url("assets/fonts/manrope-400.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope"; font-weight: 500; font-display: swap; src: url("assets/fonts/manrope-latin-500.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-weight: 500; font-display: swap; src: url("assets/fonts/manrope-500.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope"; font-weight: 600; font-display: swap; src: url("assets/fonts/manrope-latin-600.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-weight: 600; font-display: swap; src: url("assets/fonts/manrope-600.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope"; font-weight: 700; font-display: swap; src: url("assets/fonts/manrope-latin-700.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-weight: 700; font-display: swap; src: url("assets/fonts/manrope-700.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope"; font-weight: 800; font-display: swap; src: url("assets/fonts/manrope-latin-800.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-weight: 800; font-display: swap; src: url("assets/fonts/manrope-800.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Libre Baskerville"; font-weight: 700; font-display: swap; src: url("assets/fonts/libre-baskerville-latin-700.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Libre Baskerville"; font-weight: 700; font-display: swap; src: url("assets/fonts/libre-baskerville-700.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* ---------------------------------------------------------------------
 * Farby (zhodné s premennými vo Figme „PROLUC farby“)
 * ------------------------------------------------------------------ */
:root {
	--teal-100: #5EDDC3;
	--teal-50: #AEEEE1;
	--teal-20: #DFF8F3;
	--teal-10: #EFFBF8;
	--teal-dark: #1F9E86;
	--teal-deep: #1F8C78;
	--teal-text: #145E50;
	--ink-900: #1E1B1C;
	--ink-800: #2E2B2C;
	--ink-700: #3A3536;
	--ink-500: #6F6A6B;
	--ink-400: #8F8A8B;
	--ink-300: #CCCCCC;
	--ink-200: #E4E1E1;
	--ink-100: #F2F5F3;
	--white: #FFFFFF;
	--proluc-sirka: 1272px;
	--proluc-okraj: 20px;
	--proluc-serif: "Libre Baskerville", Georgia, serif;
	--proluc-sans: "Manrope", -apple-system, "Segoe UI", sans-serif;
}

body {
	font-family: var(--proluc-sans);
	color: var(--ink-700);
	background: var(--white);
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--proluc-sans);
	font-weight: 800;
	line-height: 1.2;
	color: var(--ink-900);
}
a,
a:visited {
	color: var(--teal-dark);
}
a:hover {
	color: var(--teal-text);
}
/* Odkazy v texte (odsek, zoznam, tabuľka) sa pri hoveri podčiarknu – nie tlačidlá a klikateľné karty
 * (príručky, rýchle odkazy, záložky, odkazy v karte verzie). */
.entry-content :is(p, li, td) a:hover {
	text-decoration: underline;
}
.entry-content :is(.proluc-prirucky, .proluc-odkaz, .proluc-zalozky, .proluc-karta__odkazy) a:hover {
	text-decoration: none;
}

.proluc-obsah {
	max-width: calc(var(--proluc-sirka) + 2 * var(--proluc-okraj));
	margin: 0 auto;
	padding: 0 var(--proluc-okraj);
}

/* Klasická téma obaľuje obsah skupiny do .wp-block-group__inner-container –
 * pre mriežky a flexy ho „zrušíme“, aby sa rozloženie aplikovalo na bloky vo vnútri. */
.entry-content .wp-block-group__inner-container {
	display: contents;
}
.entry-content > .alignfull {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Kadence obal stránky bez vlastného odsadenia – sekcie si ho riešia samy. */
.content-area {
	margin-top: 0;
	margin-bottom: 0;
}
.entry-content-wrap {
	padding: 0;
}

/* ---------------------------------------------------------------------
 * Hlavička
 * ------------------------------------------------------------------ */
.proluc-hlavicka {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--white);
	border-bottom: 1px solid var(--ink-200);
}
.admin-bar .proluc-hlavicka {
	top: 32px;
}
.proluc-lista {
	background: var(--ink-900);
	color: var(--teal-50);
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	padding: 11px 0;
}
.proluc-hlavicka__riadok {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	min-height: 84px;
}
.proluc-logo {
	display: inline-flex;
	flex-direction: column;
	text-decoration: none;
	line-height: 1;
}
.proluc-logo__riadok {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.proluc-logo__znacka {
	width: 22px;
	height: 22px;
	background: var(--teal-100);
}
.proluc-logo__nazov {
	font-family: var(--proluc-serif);
	font-weight: 700;
	font-size: 30px;
	color: var(--ink-900);
}
.proluc-logo__podtitul {
	margin-top: 4px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
	color: var(--teal-dark);
}
.proluc-menu__zoznam {
	display: flex;
	gap: clamp(14px, 2.2vw, 32px);
	margin: 0;
	padding: 0;
	list-style: none;
}
.proluc-menu__zoznam a {
	white-space: nowrap;
	font-size: 16px;
	font-weight: 600;
	color: var(--ink-900);
	text-decoration: none;
}
/* Hover len farbou (tučné písmo by posúvalo menu), tučná je len aktuálna položka. */
.proluc-menu__zoznam a:hover {
	color: var(--teal-dark);
}
.proluc-menu__zoznam .current-menu-item > a,
.proluc-menu__zoznam .current_page_parent > a,
.proluc-menu__zoznam .current-menu-ancestor > a,
.proluc-menu__zoznam .current-page-ancestor > a {
	font-weight: 800;
	color: var(--teal-dark);
}
/* Desktop: položky ako „pilulky“ – hover svetlosivá, aktuálna (aj na podstránke) tyrkysová s bielym textom. */
@media (min-width: 768px) {
	.proluc-menu__zoznam {
		gap: 8px;
	}
	.proluc-menu__zoznam a {
		display: block;
		padding: 4px 12px;
		border-radius: 30px;
		transition: background-color .15s, color .15s;
	}
	.proluc-menu__zoznam a:hover {
		background: var(--ink-200);
	}
	.proluc-menu__zoznam .current-menu-item > a,
	.proluc-menu__zoznam .current_page_parent > a,
	.proluc-menu__zoznam .current-menu-ancestor > a,
	.proluc-menu__zoznam .current-page-ancestor > a {
		background: var(--teal-dark);
		color: var(--white);
	}
}
.proluc-menu__vrch,
.proluc-menu__kontakt,
.proluc-menu-tlacidlo,
.proluc-menu-zavriet {
	display: none;
}
.proluc-menu-tlacidlo,
.proluc-menu-zavriet {
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: none;
	color: var(--ink-900);
	cursor: pointer;
}

/* ---------------------------------------------------------------------
 * Banner podstránky
 * ------------------------------------------------------------------ */
.proluc-banner {
	position: relative;
	overflow: hidden;
	padding: 56px 0;
	background: linear-gradient(100deg, var(--teal-100) 0%, var(--teal-deep) 100%);
}
.proluc-banner::before {
	content: "";
	position: absolute;
	/* Guličky majú stred v strede CD: rovnaký box ako CD (::after), zväčšený. Posun nadol o ~6 % veľkosti CD
	 * vyrovnáva tieň pod CD (pri 530 px CD je to 30 px, teda top 50 px). */
	right: max(var(--proluc-okraj), calc((100vw - var(--proluc-sirka)) / 2 - 60px));
	top: calc(20px + var(--bcd) * .057);
	width: var(--bcd);
	height: var(--bcd);
	transform: scale(2.4);
	background: url("assets/img/bodky.png?v=2") center / contain no-repeat;
	opacity: .22;
	filter: brightness(0) invert(1);
}
/* CD v banneri podstránky: 530 px, na užšej obrazovke menšie (aspoň 300 px),
 * aby nadpisu ostalo vľavo aspoň ~300 px. */
.proluc-banner {
	--bcd: clamp(300px, 100vw - 400px, 530px);
}
.proluc-banner::after {
	content: "";
	position: absolute;
	right: max(var(--proluc-okraj), calc((100vw - var(--proluc-sirka)) / 2 - 60px));
	top: 20px;
	width: var(--bcd);
	height: var(--bcd);
	background: url("assets/img/cd-proluc.png") center / contain no-repeat;
	filter: drop-shadow(0 30px 60px rgba(0, 0, 0, .35));
}
.proluc-banner .proluc-obsah {
	position: relative;
	z-index: 1;
}
.proluc-banner__cesta {
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 600;
	color: var(--teal-text);
}
.proluc-banner__cesta a {
	color: var(--teal-text);
	text-decoration: none;
}
.proluc-banner__cesta a:hover {
	color: var(--teal-text);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.proluc-banner__cesta span[aria-hidden] {
	margin: 0 6px;
}
/* Nadpis a popis končia pred CD (CD 530 px pri pravom okraji obsahu). */
.proluc-banner__nadpis,
.proluc-banner__popis {
	max-width: min(640px, 100vw - 64px - var(--bcd));
}
.proluc-banner__nadpis {
	margin: 0;
	font-size: clamp(36px, 3.7vw, 56px);
	line-height: 1.2;
	color: var(--white);
}
.proluc-banner__popis {
	margin: 16px 0 0;
	font-size: 17px;
	line-height: 1.6;
	color: var(--ink-900);
}

/* ---------------------------------------------------------------------
 * Úvodný banner (blok skupina s triedou proluc-hero)
 * ------------------------------------------------------------------ */
/* CD má stred pri ľavom okraji karty verzie (karta 440 px vpravo v obsahu).
 * --w = šírka obsahu, --karta = šírka karty, --cd = veľkosť CD (na užšej obrazovke sa zmenšujú),
 * textový stĺpec končí 24 px pred CD. */
.proluc-hero {
	--w: min(var(--proluc-sirka), 100vw - 2 * var(--proluc-okraj));
	--karta: clamp(360px, var(--w) - 620px, 440px);
	--cd: clamp(300px, (var(--w) - var(--karta) - 324px) * 2, 686px);
	position: relative;
	overflow: hidden;
	padding: 96px var(--proluc-okraj) 112px !important;
	background: linear-gradient(100deg, var(--teal-100) 0%, var(--teal-deep) 100%);
}
.proluc-hero::before {
	content: "";
	position: absolute;
	/* Guličky majú stred v strede CD: rovnaký box ako CD (::after), zväčšený. */
	left: calc(50% + var(--w) / 2 - var(--karta) - var(--cd) / 2);
	top: calc(50% - var(--cd) / 2 + 40px);
	width: var(--cd);
	height: var(--cd);
	transform: scale(2.4);
	background: url("assets/img/bodky.png?v=2") center / contain no-repeat;
	opacity: .16;
	filter: brightness(0) invert(1);
}
.proluc-hero::after {
	content: "";
	position: absolute;
	left: calc(50% + var(--w) / 2 - var(--karta) - var(--cd) / 2);
	top: calc(50% - var(--cd) / 2 + 40px);
	width: var(--cd);
	height: var(--cd);
	z-index: 0;
	background: url("assets/img/cd-proluc.png") center / contain no-repeat;
	filter: drop-shadow(0 30px 60px rgba(0, 0, 0, .35));
}
.proluc-hero > * {
	position: relative;
	z-index: 2;
}
.proluc-hero .wp-block-columns {
	position: relative;
	z-index: 2;
	max-width: var(--proluc-sirka);
	margin: 0 auto;
	align-items: center !important;
	gap: 64px;
}
.proluc-hero .wp-block-column:first-child {
	flex: 0 1 auto;
	max-width: calc(var(--w) - var(--karta) - 24px - var(--cd) / 2);
}
.proluc-hero .wp-block-column:last-child {
	flex: 0 0 var(--karta);
	margin-left: auto;
}
.proluc-hero h1 {
	margin: 24px 0;
	font-size: clamp(32px, 3.2vw, 48px);
	line-height: 1.08;
	color: var(--white);
}
.proluc-hero p {
	font-size: 18px;
	line-height: 1.6;
	color: var(--ink-900);
}
.proluc-stitok {
	display: inline-block;
	margin: 0;
	padding: 6px 14px;
	border: 1px solid var(--teal-text);
	border-radius: 999px;
	font-size: 14px !important;
	font-weight: 700;
	color: var(--teal-text) !important;
}

/* Karta aktuálnej verzie [proluc_karta] */
.proluc-karta {
	min-width: 360px;
	max-width: 440px;
	margin-left: auto;
	padding: 36px;
	border-radius: 20px;
	background: var(--white);
	box-shadow: 0 24px 48px rgba(0, 0, 0, .25);
}
.proluc-karta__stitok {
	margin: 0 0 20px;
	font-size: 13px !important;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--teal-dark) !important;
}
.proluc-karta > .proluc-karta__stitok {
	margin-bottom: var(--global-xs-spacing);
}
.proluc-karta__verzia {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin-bottom: 20px;
}
.proluc-karta__cislo {
	white-space: nowrap;
	font-size: 72px;
	font-weight: 800;
	line-height: 1;
	color: var(--ink-900);
}
.proluc-karta__datum {
	padding-top: 30px;
	white-space: nowrap;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--ink-500);
}
.proluc-karta__demo {
	font-weight: 700;
	text-decoration: none;
}
.proluc-karta .proluc-tlacidlo {
	white-space: nowrap;
	width: 100%;
	justify-content: center;
}
.proluc-karta .proluc-karta__odkazy {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}
.proluc-karta__odkazy li {
	border-top: 1px solid var(--ink-200);
}
.proluc-karta__odkazy a {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--ink-900);
	text-decoration: none;
}
.proluc-karta__odkazy a span {
	color: var(--teal-dark);
	font-weight: 700;
}
.proluc-karta__odkazy a:hover {
	color: var(--teal-dark);
}

/* Tlačidlo */
.proluc-tlacidlo,
.wp-block-button__link {
	word-break: keep-all;
	line-height: 1.2;
}
.proluc-tlacidlo,
.wp-block-button.is-style-proluc .wp-block-button__link {
	box-shadow: none;
	transition: background-color .15s, color .15s;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 24px;
	border-radius: 999px;
	background: var(--teal-100);
	font-size: 16px;
	font-weight: 700;
	color: var(--ink-900);
	text-decoration: none;
}
.proluc-tlacidlo:hover,
.proluc-tlacidlo:focus-visible,
.wp-block-button.is-style-proluc .wp-block-button__link:hover,
.wp-block-button.is-style-proluc .wp-block-button__link:focus-visible {
	background: var(--teal-dark);
	color: var(--white);
	box-shadow: none;
}
.proluc-tlacidlo .proluc-ikona svg {
	width: 18px;
	height: 18px;
	stroke-width: 2.2;
}
/* Ikona tlačidiel z editora podľa odkazu (farbu berie z textu):
 * odkaz na stránku – šípka za textom, súbor – sťahovanie pred textom, e-mail – obálka pred textom. */
.wp-block-button.is-style-proluc .wp-block-button__link::before {
	content: "";
	order: 1;
	flex: none;
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: url("assets/img/ikony/sipka.svg") center / contain no-repeat;
	mask: url("assets/img/ikony/sipka.svg") center / contain no-repeat;
}
.wp-block-button.is-style-proluc .wp-block-button__link:is([download], [href$=".pdf" i], [href$=".exe" i], [href$=".zip" i], [href$=".xlsx" i], [href$=".xls" i], [href$=".docx" i], [href$=".doc" i])::before {
	order: 0;
	-webkit-mask-image: url("assets/img/ikony/stiahnut.svg");
	mask-image: url("assets/img/ikony/stiahnut.svg");
}
.wp-block-button.is-style-proluc .wp-block-button__link[href^="mailto:"]::before {
	order: 0;
	-webkit-mask-image: url("assets/img/ikony/email.svg");
	mask-image: url("assets/img/ikony/email.svg");
}
.proluc-ikona {
	display: inline-flex;
	line-height: 0;
}

/* ---------------------------------------------------------------------
 * Sekcie obsahu
 * ------------------------------------------------------------------ */
.proluc-sekcia {
	padding: 72px var(--proluc-okraj) !important;
}
.proluc-sekcia > *,
.proluc-sekcia > .wp-block-group__inner-container > * {
	max-width: var(--proluc-sirka);
	margin-left: auto !important;
	margin-right: auto !important;
}
.proluc-sekcia--siva {
	background: var(--ink-100);
}
.proluc-nadpis-sekcie {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 32px !important;
}
.proluc-nadpis-sekcie h2 {
	margin: 0;
	font-size: 40px;
}
.proluc-nadpis-sekcie p {
	margin: 0;
}
.proluc-nadpis-sekcie p a,
.proluc-sipka a {
	font-weight: 700;
	text-decoration: none;
}

/* Rýchle odkazy (4 karty) */
.proluc-odkazy {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
/* Karty v mriežke bez okrajov z „block gap“, aby mali rovnakú výšku. */
.proluc-odkazy .proluc-odkaz,
.proluc-produkty .proluc-produkt {
	margin: 0 !important;
}
.proluc-odkaz {
	position: relative;
	padding: 28px;
	border: 1px solid var(--ink-200);
	border-radius: 16px;
	background: var(--white);
}
.proluc-odkaz .proluc-ikona {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--teal-20);
	color: var(--teal-dark);
}
.proluc-odkaz h3 {
	margin: 14px 0;
	font-size: 20px;
}
.proluc-odkaz p {
	margin: 0 0 14px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--ink-500);
}
.proluc-odkaz h3 a {
	color: var(--ink-900);
	text-decoration: none;
}
/* Celá karta je klikacia cez odkaz v nadpise. */
.proluc-odkaz h3 a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.proluc-odkaz:hover {
	border-color: var(--teal-100);
}

/* Zelený box (napr. E-faktúra) */
.proluc-box-zeleny {
	padding: 40px !important;
	border: 1px solid var(--teal-50);
	border-radius: 20px;
	background: var(--teal-20);
}
.proluc-box-zeleny h2,
.proluc-box-zeleny h3 {
	margin-top: 0;
	font-size: 32px;
}
.proluc-box-tmavy {
	padding: 40px !important;
	border-radius: 20px;
	background: var(--ink-900);
	color: var(--ink-200);
}
.proluc-box-tmavy h2,
.proluc-box-tmavy h3 {
	margin-top: 0;
	font-size: 32px;
	color: var(--white);
}
.proluc-box-tmavy > p,
.proluc-box-zeleny > p {
	font-size: 17px;
	line-height: 1.6;
}
/* Štítok PDF nad nadpisom boxu (Cenník) */
.proluc-pdf {
	display: inline-block;
	margin: 0 0 16px !important;
	padding: 5px 10px;
	border-radius: 6px;
	background: var(--teal-100);
	font-size: 12px !important;
	font-weight: 800;
	line-height: 1.2 !important;
	color: var(--ink-900);
}
.proluc-box-zeleny .proluc-pdf {
	background: var(--ink-900);
	color: var(--teal-100);
}
/* Tmavý box v riadku: text vľavo, tlačidlo vpravo (Návody – Príručky) */
.proluc-box-riadok {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 32px !important;
}
.proluc-box-riadok h3 {
	margin: 0 0 4px;
	font-size: 22px;
	font-weight: 800;
}
.proluc-box-riadok p {
	margin: 0;
	font-weight: 500;
}
.proluc-box-riadok .wp-block-buttons {
	flex: none;
	margin: 0;
}
@media (max-width: 1023px) {
	.proluc-box-riadok {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Aktuality */
.proluc-aktualita {
	padding: 24px 0;
	border-bottom: 1px solid var(--ink-200);
}
.proluc-aktualita__datum {
	margin: 0 0 8px !important;
	font-size: 14px;
	font-weight: 600;
	color: var(--teal-dark);
}
.proluc-aktualita__nadpis {
	margin: 0 0 8px !important;
	font-size: 20px;
	line-height: 1.3;
}
.proluc-aktualita__nadpis a {
	color: var(--ink-900);
	text-decoration: none;
}
.proluc-aktualita__nadpis a:hover {
	color: var(--teal-dark);
}
.proluc-aktualita__perex {
	margin: 0 !important;
	font-size: 16px;
	line-height: 1.55;
	color: var(--ink-500);
}

/* Karty produktov / modulov */
.proluc-produkty {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.proluc-produkty--3 {
	grid-template-columns: repeat(3, 1fr);
}
.proluc-produkt {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 22px 24px 22px 28px !important;
	border: 1px solid var(--ink-200);
	border-radius: 16px;
	background: var(--white);
}
.proluc-produkt h3 {
	margin: 0 0 4px;
	font-family: var(--proluc-serif);
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	color: var(--teal-100);
}
.proluc-produkt h3 a {
	color: inherit;
	text-decoration: none;
}
.proluc-produkt h3 a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.proluc-produkt p {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--ink-900);
}
.proluc-produkt .proluc-ikona {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: var(--ink-100);
	color: var(--teal-100);
}
.proluc-produkt .proluc-ikona svg {
	width: 44px;
	height: 44px;
	stroke-width: 1.2;
}
.proluc-produkt:hover {
	border-color: var(--teal-100);
	background: var(--teal-10);
}
.proluc-produkt:hover .proluc-ikona {
	background: var(--white);
	outline: 1px solid var(--teal-100);
}

/* Stránka s bočným panelom (stĺpce: obsah + panel 340 px).
 * Flex je tu aj bez CSS bloku Stĺpce – šablóna home.php ho nenačíta. */
.proluc-s-panelom {
	display: flex;
	align-items: flex-start;
	gap: 56px !important;
}
.proluc-s-panelom > .wp-block-column:first-child {
	flex: 1 1 auto;
	min-width: 0;
}
/* Bočný panel ostáva pri posúvaní pod pevnou hlavičkou (desktop a tablet). */
@media (min-width: 768px) {
	.proluc-s-panelom > .wp-block-column:last-child {
		position: sticky;
		top: calc(var(--proluc-hlavicka, 120px) + 24px);
		align-self: flex-start;
	}
	.admin-bar .proluc-s-panelom > .wp-block-column:last-child {
		top: calc(var(--proluc-hlavicka, 120px) + 56px);
	}
}
.proluc-s-panelom > .wp-block-column:last-child {
	flex: 0 0 340px !important;
}
.proluc-s-panelom > .wp-block-column:first-child > * + * {
	margin-top: 48px;
}

/* Aktuality + zelený box vedľa (úvodná stránka) */
.proluc-s-boxom {
	gap: 64px !important;
}
.proluc-s-boxom > .wp-block-column:last-child {
	flex: 0 0 456px !important;
}
.proluc-nadpis-sekcie--teal h2 {
	color: var(--teal-dark);
}

/* Bloky v hlavnom stĺpci podstránok */
.proluc-blok h2 {
	margin: 0 0 20px;
	font-size: 28px;
	line-height: 1.2;
}
.proluc-blok p {
	font-size: 17px;
	line-height: 1.65;
}
.proluc-blok ul {
	padding-left: 20px;
	line-height: 1.9;
}
.proluc-dva-panely,
.proluc-dva-boxy {
	gap: 24px !important;
}
.proluc-dva-panely .proluc-panel {
	height: 100%;
}
.proluc-kotvy {
	font-weight: 700;
}
.proluc-produkt__text {
	min-width: 0;
	margin: 0 !important;
}
.proluc-produkt__text h3 {
	overflow-wrap: anywhere;
}

/* Kontakt a mapa */
.proluc-kontakt-riadok {
	gap: 40px !important;
}
.proluc-panel--kontakt {
	height: 100%;
	padding: 40px !important;
	border-radius: 20px;
}
.proluc-panel--kontakt p {
	margin: 0 0 10px;
	font-weight: 500;
	color: var(--ink-800);
}
.proluc-panel--kontakt .proluc-drobne {
	font-size: 15px;
	color: var(--ink-500);
}
.proluc-panel--kontakt .proluc-web {
	font-size: 15px;
	font-weight: 700;
}
.proluc-panel.proluc-panel--kontakt h3 {
	font-size: 24px;
}
.proluc-panel--kontakt p {
	font-size: 17px;
	line-height: 1.6;
}
/* Mapa [proluc_mapa]: sivý podklad, farebný špendlík a bublina */
.proluc-mapa {
	height: 360px;
	overflow: hidden;
	border-radius: 20px;
	background: var(--ink-100);
	font-family: var(--proluc-sans);
}
.proluc-mapa .leaflet-tile-pane {
	filter: grayscale(1);
}
/* Špendlík: kvapka (otočený štvorec) s bielou bodkou; otáča sa len ::before,
 * lebo Leaflet posúva samotný prvok cez transform. */
.proluc-mapa__spendlik::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 32px;
	border-radius: 50% 50% 50% 0;
	background: var(--teal-dark);
	box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
	transform: rotate(-45deg);
}
.proluc-mapa__spendlik::after {
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--white);
}
.proluc-mapa .leaflet-popup-content-wrapper {
	border-radius: 12px;
}
.proluc-mapa .leaflet-popup-content {
	margin: 14px 18px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--ink-800);
}
.proluc-mapa .leaflet-popup-content strong {
	font-size: 15px;
	color: var(--ink-900);
}
.proluc-mapa .leaflet-popup-content a {
	display: inline-block;
	margin-top: 6px;
	font-weight: 700;
	color: var(--teal-dark);
	text-decoration: none;
}
.proluc-blok--maly h2 {
	margin-bottom: 12px;
	font-size: 24px;
}
.proluc-blok--maly p {
	max-width: 760px;
	color: var(--ink-800);
}

/* Detail aktuality (single.php) */
.proluc-clanok {
	max-width: 760px;
	font-size: 17px;
	line-height: 1.7;
}
.proluc-clanok > *:first-child {
	margin-top: 0;
}
.proluc-clanok__spat {
	margin-top: 40px !important;
}
.proluc-panel li a + * {
	display: block;
}

/* Bočný box s odkazmi */
.proluc-panel {
	padding: 24px 24px 12px !important;
	border: 1px solid var(--ink-300);
	border-radius: 16px;
	background: var(--white);
}
.proluc-panel + .proluc-panel,
.proluc-panel + .wp-block-group,
.wp-block-column > .proluc-panel ~ .proluc-panel {
	margin-top: 24px;
}
.proluc-panel h3 {
	margin: 0 0 10px;
	font-size: 18px;
}
.proluc-panel ul.wp-block-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.proluc-panel li {
	padding: 12px 0;
	border-top: 1px solid var(--ink-300);
	font-size: 14px;
	line-height: 1.45;
	color: var(--ink-500);
}
.proluc-panel li a {
	display: block;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
}
/* Odkaz na stránku, na ktorej práve som (aria-current dopĺňa functions.php) */
.proluc-panel li a[aria-current="page"] {
	color: var(--ink-900);
}

/* Box aktuálnej verzie na stránke Stiahnuť [proluc_stiahnut] */
.proluc-stiahnut {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	padding: 40px;
	border-radius: 20px;
	background: var(--teal-20);
}
.proluc-stiahnut p {
	margin: 0;
}
.proluc-stiahnut__nazov {
	word-break: keep-all;
	margin: 6px 0 !important;
	font-size: 44px;
	font-weight: 800;
	line-height: 1.1;
	color: var(--ink-900);
}
.proluc-stiahnut__meta {
	font-size: 15px;
	font-weight: 600;
	color: var(--ink-700);
}

/* Číslovaný postup (zoznam s triedou proluc-kroky) */
ol.proluc-kroky {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: krok;
}
ol.proluc-kroky li {
	position: relative;
	min-height: 40px;
	margin-bottom: 20px;
	padding-left: 60px;
	font-size: 16px;
	line-height: 1.6;
	counter-increment: krok;
}
ol.proluc-kroky li::before {
	content: counter(krok);
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--ink-900);
	font-weight: 800;
	color: var(--teal-100);
}

/* Tabuľky */
.wp-block-table table {
	border-collapse: collapse;
	width: 100%;
	font-size: 15px;
}
.wp-block-table thead {
	border: 0;
}
.wp-block-table th {
	background: var(--teal-20);
	font-weight: 800;
	color: var(--ink-900);
	text-align: left;
}
.wp-block-table a,
.proluc-blok a,
.proluc-kotvy a {
	font-weight: 700;
	text-decoration: none;
}
.wp-block-table td:first-child,
.wp-block-table td:last-child {
	white-space: nowrap;
}
.wp-block-table th,
.wp-block-table td {
	padding: 14px 16px;
	border: 0;
	border-bottom: 1px solid var(--ink-200);
}

/* Kontakt */
.proluc-kontakt a {
	font-weight: 700;
}

/* ---------------------------------------------------------------------
 * Pätička
 * ------------------------------------------------------------------ */
.proluc-paticka {
	padding: 64px 0 40px;
	background: var(--ink-900);
	color: var(--ink-200);
	font-size: 15px;
	line-height: 1.65;
}
.proluc-paticka p {
	margin: 0;
}
.proluc-paticka a {
	color: var(--ink-200);
	text-decoration: none;
}
.proluc-paticka a:hover {
	color: var(--teal-100);
}
.proluc-paticka__stlpce {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr auto;
	gap: 64px;
	align-items: start;
}
.proluc-paticka .proluc-logo__nazov {
	display: block;
	margin-bottom: 10px;
	font-size: 26px;
	color: var(--white);
}
.proluc-paticka__nadpis {
	margin-bottom: 10px !important;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .06em;
	color: var(--teal-100);
}
.proluc-paticka__telefon {
	font-size: 26px;
	font-weight: 800;
	color: var(--white);
}
.proluc-paticka__menu {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}
.proluc-paticka__menu li:not(:last-child)::after {
	content: "·";
	margin: 0 6px;
}
.proluc-paticka__nosal {
	width: 170px;
	height: auto;
}
.proluc-paticka__copy {
	margin-top: 40px !important;
	padding-top: 24px;
	border-top: 1px solid var(--ink-700);
	font-size: 13px;
	font-weight: 500;
	color: var(--ink-500);
}

/* ---------------------------------------------------------------------
 * Tablet a mobil
 * ------------------------------------------------------------------ */
/* WordPress zoraďuje stĺpce pod seba už pod 782 px, mobilná šablóna je však až od 767 px.
 * Na 768–781 px (iPad na výšku) nechávame stĺpce vedľa seba. */
@media (min-width: 768px) and (max-width: 781px) {
	.entry-content .wp-block-columns {
		flex-wrap: nowrap !important;
	}
	.entry-content .wp-block-columns > .wp-block-column {
		flex-basis: 0 !important;
		flex-grow: 1;
	}
	.proluc-s-panelom > .wp-block-column:last-child {
		flex-basis: 260px !important;
		flex-grow: 0;
	}
}

/* Užší desktop (768–1023 px): v úvodnom banneri je text hore cez celú šírku,
 * pod ním veľké CD vľavo a karta verzie vpravo cez CD. Menu je hustejšie. */
@media (min-width: 768px) and (max-width: 1023px) {
	.proluc-menu__zoznam {
		gap: 2px;
	}
	.proluc-menu__zoznam a {
		padding: 4px 8px;
		font-size: 14px;
	}
	.proluc-logo__nazov {
		font-size: 24px;
	}
	.proluc-hero {
		--karta: 440px;
		--cd: calc(var(--w) * .8);
		padding-top: 64px !important;
	}
	/* Medzera tak veľká, aby horný okraj CD (väčšieho ako karta) neprekryl text. */
	.proluc-hero .wp-block-columns {
		flex-direction: column;
		align-items: stretch !important;
		gap: calc(var(--cd) / 2 - 190px);
	}
	.proluc-hero .wp-block-column:first-child {
		max-width: none;
	}
	.proluc-hero h1 {
		margin: 24px 0 12px;
		font-size: 5.6vw;
	}
	.proluc-hero .wp-block-columns > .wp-block-column:last-child {
		flex: 0 0 auto !important;
		width: var(--karta);
		margin-left: auto;
	}
	/* Aktuality a box E-faktúra pod sebou. */
	.proluc-s-boxom {
		flex-direction: column;
		align-items: stretch;
		gap: 40px !important;
	}
	.proluc-s-boxom > .wp-block-column {
		flex: 0 0 auto !important;
		width: 100%;
	}
	/* CD stredom pri strede karty, ľavým okrajom pri ľavom okraji obsahu. */
	.proluc-hero::before,
	.proluc-hero::after {
		left: calc(50% - var(--w) / 2);
		top: auto;
		bottom: calc(340px - var(--cd) / 2);
	}
}

@media (max-width: 1100px) {
	.proluc-odkazy,
	.proluc-produkty,
	.proluc-produkty--3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.proluc-lista {
		display: none;
	}
	.proluc-hlavicka__riadok {
		min-height: 68px;
	}
	.proluc-logo__nazov {
		font-size: 22px;
	}
	.proluc-logo__znacka {
		width: 16px;
		height: 16px;
	}
	.proluc-logo__podtitul {
		font-size: 10px;
	}
	.proluc-menu-tlacidlo {
		display: inline-flex;
	}
	/* Mobilné menu cez celú obrazovku */
	.proluc-menu {
		position: fixed;
		inset: 0;
		z-index: 200;
		display: flex;
		flex-direction: column;
		padding: 20px 24px 32px;
		background: var(--ink-900);
		overflow-y: auto;
		transform: translateX(-100%);
		transition: transform .3s ease-out;
	}
	.proluc-menu-otvorene .proluc-menu {
		transform: none;
	}
	.proluc-menu__vrch {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 24px;
	}
	.proluc-menu__vrch .proluc-logo__nazov {
		color: var(--white);
	}
	.proluc-menu-zavriet {
		display: inline-flex;
		color: var(--white);
	}
	.proluc-menu__zoznam {
		flex-direction: column;
		gap: 0;
	}
	.proluc-menu__zoznam a {
		display: flex;
		justify-content: space-between;
		padding: 12px 0;
		border-bottom: 1px solid var(--ink-700);
		font-size: 24px;
		font-weight: 800;
		color: var(--white);
	}
	.proluc-menu__zoznam a::after {
		content: "→";
		color: var(--teal-100);
	}
	.proluc-menu__kontakt {
		display: block;
		margin-top: auto;
		padding-top: 32px;
		color: var(--ink-200);
	}
	.proluc-menu__kontakt p {
		margin: 0;
	}
	.proluc-menu__telefon {
		font-size: 28px;
		font-weight: 800;
		color: var(--white);
	}
	.proluc-hero {
		padding: 60vw var(--proluc-okraj) 48px !important;
	}
	.proluc-hero::before,
	.proluc-hero::after {
		left: auto;
		right: -40px;
		top: -100px;
		width: 80vw;
		height: 80vw;
	}
	.proluc-hero::after {
		opacity: 1;
	}
	.proluc-hero h1 {
		font-size: 40px;
	}
	.proluc-hero .wp-block-column:first-child,
	.proluc-banner__nadpis,
	.proluc-banner__popis {
		max-width: none;
	}
	.proluc-karta {
		min-width: 0;
		max-width: none;
		padding: 24px;
	}
	.proluc-banner {
		padding: 192px 0 32px;
	}
	.proluc-banner::before,
	.proluc-banner::after {
		right: -40px;
		top: -40px;
		width: 230px;
		height: 230px;
	}
	.proluc-banner::before {
		top: -27px;
	}
	.proluc-banner::after {
		opacity: 1;
	}
	.proluc-banner__nadpis {
		font-size: 36px;
	}
	.proluc-banner__popis {
		font-size: 15px;
	}
	.proluc-sekcia {
		padding: 48px var(--proluc-okraj) 56px !important;
	}
	.proluc-nadpis-sekcie {
		flex-direction: column;
		gap: 8px;
	}
	.proluc-nadpis-sekcie h2 {
		font-size: 28px;
	}
	.proluc-odkazy,
	.proluc-produkty,
	.proluc-produkty--3 {
		grid-template-columns: 1fr;
	}
	.proluc-s-panelom,
	.proluc-s-boxom {
		flex-direction: column;
		align-items: stretch;
	}
	.proluc-s-panelom > .wp-block-column:last-child,
	.proluc-s-boxom > .wp-block-column:last-child {
		flex-basis: auto !important;
	}
	.proluc-stiahnut {
		flex-direction: column;
		align-items: flex-start;
		padding: 24px;
	}
	.proluc-stiahnut__nazov {
		font-size: 32px;
	}
	.proluc-box-zeleny {
		padding: 24px !important;
	}
	.proluc-paticka {
		padding: 40px 0 32px;
	}
	.proluc-paticka__stlpce {
		grid-template-columns: 1fr;
		gap: 28px;
	}
	.proluc-paticka__nosal {
		width: 120px;
	}
	/* Tabuľky s dlhým popisom (trieda proluc-tabulka-zoznam) na mobile ako riadky pod sebou.
	 * Ostatné tabuľky (napr. archív verzií) ostávajú bežné – zmestia sa. */
	.proluc-tabulka-zoznam thead {
		display: none;
	}
	.proluc-tabulka-zoznam tr {
		display: block;
		padding: 12px 0;
		border-bottom: 1px solid var(--ink-200);
	}
	.proluc-tabulka-zoznam td {
		display: block;
		padding: 2px 0;
		border: 0;
		white-space: normal !important;
	}
	.wp-block-table th,
	.wp-block-table td {
		padding: 10px 12px;
	}
}

@media (max-width: 480px) {
	.proluc-banner__nadpis {
		font-size: 32px;
	}
}

/* Box aktuálnej verzie na stránke Stiahnuť: pod 1024 px tlačidlo pod textom. */
@media (max-width: 1023px) {
	.proluc-stiahnut {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}
}

/* Zoznam v dvoch stĺpcoch (štýly „Dva stĺpce“ a „Fajky v dvoch stĺpcoch“; trieda proluc-zoznam-2 zo starších stránok) */
.proluc-zoznam-2,
.is-style-dva-stlpce,
.is-style-fajky-dva-stlpce {
	columns: 2;
	column-gap: 48px;
}
.proluc-zoznam-2 li,
.is-style-dva-stlpce li,
.is-style-fajky-dva-stlpce li {
	break-inside: avoid;
}
@media (max-width: 767px) {
	.proluc-zoznam-2,
	.is-style-dva-stlpce,
	.is-style-fajky-dva-stlpce {
		columns: 1;
	}
}

/* Zoznam so štýlom „Fajky“ / „Fajky v dvoch stĺpcoch“ (blok Zoznam → Štýly) */
.is-style-fajky,
.is-style-fajky-dva-stlpce {
	padding-left: 0 !important;
	list-style: none;
}
.is-style-fajky li,
.is-style-fajky-dva-stlpce li {
	position: relative;
	padding-left: 32px;
}
.is-style-fajky li::before,
.is-style-fajky-dva-stlpce li::before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(.95em - 10px);
	width: 20px;
	height: 20px;
	background: var(--teal-dark);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Kontakt: telefón a e-mail ako bežný text (podčiarknutie len pri hoveri) */
.proluc-panel--kontakt .proluc-kontakt a {
	font-weight: 500;
	color: inherit;
	text-decoration: none;
}

/* Zelený box v riadku (E-faktúra – kontakt) */
.proluc-box-zeleny.proluc-box-riadok {
	padding: 32px !important;
}
.proluc-box-zeleny.proluc-box-riadok h3 {
	font-size: 20px;
}
.proluc-box-zeleny.proluc-box-riadok p {
	font-size: 16px;
	color: var(--ink-800);
}

/* Tabuľka so sivými riadkami a zaoblením (Zmeny, Návody) */
.proluc-tabulka-siva {
	overflow: hidden;
	border-radius: 16px;
}
.proluc-tabulka-siva table {
	border-collapse: collapse;
}
.proluc-tabulka-siva tbody tr {
	background: var(--ink-100);
	border-bottom: 1px solid var(--ink-200);
}
.proluc-tabulka-siva th,
.proluc-tabulka-siva td {
	padding: 16px !important;
	border: 0 !important;
	font-size: 15px;
}
.proluc-tabulka-siva tbody td {
	font-weight: 600;
	color: var(--ink-900);
}
/* Zmeny: verzia / modul v prvom stĺpci tyrkysovo */
.proluc-tabulka-zmeny tbody td:first-child {
	color: var(--teal-dark);
	font-weight: 700;
}
/* Návody: dátum sivý, stĺpce PDF a Video tučne (pomlčka sivá) */
.proluc-tabulka-navody tbody td:nth-child(2),
.proluc-tabulka-navody tbody td:nth-child(n+3) {
	font-weight: 500;
	color: var(--ink-500);
	white-space: nowrap;
}
.proluc-tabulka-navody tbody td:nth-child(n+3) {
	font-weight: 700;
}

/* Prepínač záložiek (Zmeny: Mzdy / Ostatné moduly) */
.proluc-zalozky {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 24px;
}
.proluc-zalozky a {
	padding: 10px 18px;
	border: 1px solid var(--ink-200);
	border-radius: 999px;
	background: var(--white);
	font-size: 14px;
	font-weight: 700;
	color: var(--ink-900);
	text-decoration: none;
}
.proluc-zalozky a.is-aktivna {
	border-color: var(--ink-900);
	background: var(--ink-900);
	color: var(--white);
}
.js-zalozky .proluc-zalozka h2 {
	display: none;
}
.js-zalozky .proluc-zalozka:not(.is-aktivna) {
	display: none;
}
.proluc-zalozka .wp-block-heading + p {
	font-size: 14px;
	color: var(--ink-500);
}

/* Karty so zmenami na stránke Stiahnuť */
.proluc-panel.proluc-panel--zmeny {
	position: relative;
	padding: 20px 24px 8px !important;
	background: var(--ink-100);
}
.proluc-panel--zmeny .proluc-vsetky {
	position: absolute;
	top: 22px;
	right: 24px;
	margin: 0;
	font-size: 13px;
	font-weight: 700;
}
.proluc-panel--zmeny .proluc-vsetky a {
	text-decoration: none;
}
.proluc-panel--zmeny li strong {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: 600;
	color: var(--teal-dark);
}
.proluc-panel--zmeny li {
	color: var(--ink-900);
}

/* Karty príručiek v PDF (Návody pre modul) */
.proluc-prirucky {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin: 0 0 40px !important;
	padding: 0 !important;
	list-style: none;
}
.proluc-prirucky li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 64px;
	padding: 12px 18px;
	border: 1px solid var(--ink-200);
	border-radius: 12px;
	background: var(--white);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}
.proluc-prirucky li::before {
	content: "PDF";
	flex: none;
	padding: 4px 8px;
	border-radius: 6px;
	background: var(--ink-900);
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
	color: var(--teal-100);
}
.proluc-prirucky a {
	color: var(--ink-900);
	text-decoration: none;
}
.proluc-prirucky a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.proluc-prirucky li:hover {
	border-color: var(--teal-100);
	background: var(--teal-10);
}
@media (max-width: 1100px) {
	.proluc-prirucky {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 767px) {
	.proluc-prirucky {
		grid-template-columns: 1fr;
	}
}
.proluc-box-riadok .wp-block-group {
	margin: 0 !important;
}

/* Panel „Návody pre moduly“: malá ikona modulu pred odkazom (podľa adresy odkazu) */
.proluc-panel--moduly li a {
	display: flex;
	align-items: center;
	gap: 10px;
}
.proluc-panel--moduly li a::before {
	content: "";
	flex: none;
	width: 20px;
	height: 20px;
	background: currentColor;
	-webkit-mask: url("assets/img/ikony/navody.svg") center / contain no-repeat;
	mask: url("assets/img/ikony/navody.svg") center / contain no-repeat;
}
.proluc-panel--moduly a[href$="/proluc/"]::before {
	-webkit-mask-image: url("assets/img/ikony/proluc.svg");
	mask-image: url("assets/img/ikony/proluc.svg");
}
.proluc-panel--moduly a[href$="/prolfa/"]::before {
	-webkit-mask-image: url("assets/img/ikony/prolfa.svg");
	mask-image: url("assets/img/ikony/prolfa.svg");
}
.proluc-panel--moduly a[href$="/prolem/"]::before {
	-webkit-mask-image: url("assets/img/ikony/prolem.svg");
	mask-image: url("assets/img/ikony/prolem.svg");
}
.proluc-panel--moduly a[href$="/prolmy/"]::before {
	-webkit-mask-image: url("assets/img/ikony/prolmy.svg");
	mask-image: url("assets/img/ikony/prolmy.svg");
}
.proluc-panel--moduly a[href$="/prolju/"]::before {
	-webkit-mask-image: url("assets/img/ikony/prolju.svg");
	mask-image: url("assets/img/ikony/prolju.svg");
}
.proluc-panel--moduly a[href$="/prolca/"]::before {
	-webkit-mask-image: url("assets/img/ikony/prolca.svg");
	mask-image: url("assets/img/ikony/prolca.svg");
}
.proluc-panel--moduly a[href$="/prolpo/"]::before {
	-webkit-mask-image: url("assets/img/ikony/prolca.svg");
	mask-image: url("assets/img/ikony/prolca.svg");
}
.proluc-panel--moduly a[href$="/prolim/"]::before {
	-webkit-mask-image: url("assets/img/ikony/prolim.svg");
	mask-image: url("assets/img/ikony/prolim.svg");
}
.proluc-panel--moduly a[href$="/prolph/"]::before {
	-webkit-mask-image: url("assets/img/ikony/prolph.svg");
	mask-image: url("assets/img/ikony/prolph.svg");
}
.proluc-panel--moduly a[href$="/prolmn/"]::before {
	-webkit-mask-image: url("assets/img/ikony/prolmn.svg");
	mask-image: url("assets/img/ikony/prolmn.svg");
}
.proluc-panel--moduly a[href$="/prolwo/"]::before {
	-webkit-mask-image: url("assets/img/ikony/prolwo.svg");
	mask-image: url("assets/img/ikony/prolwo.svg");
}
.proluc-panel--moduly a[href$="/technicke/"]::before {
	-webkit-mask-image: url("assets/img/ikony/prolwo.svg");
	mask-image: url("assets/img/ikony/prolwo.svg");
}
.proluc-panel--kontakt .proluc-kontakt a:hover {
	text-decoration: underline;
}

/* Návody: názov sa zalamuje (ostatné stĺpce sú krátke); na mobile riadok ako karta –
 * názov hore, pod ním dátum, PDF a video vedľa seba. */
.proluc-tabulka-navody td:first-child {
	white-space: normal !important;
}
@media (max-width: 767px) {
	.proluc-tabulka-navody thead {
		display: none;
	}
	.proluc-tabulka-navody tr {
		display: flex;
		flex-wrap: wrap;
		gap: 4px 16px;
		padding: 14px 16px;
	}
	.proluc-tabulka-navody td {
		padding: 0 !important;
	}
	.proluc-tabulka-navody td:first-child {
		flex: 0 0 100%;
	}
}

/* Karty zmien: nadpis nesmie vbehnúť pod „Všetky →“; pod 1024 px karty pod sebou */
.proluc-panel--zmeny h3 {
	padding-right: 72px;
}
@media (max-width: 1023px) {
	.proluc-dva-panely {
		flex-direction: column;
	}
	.proluc-dva-panely > .wp-block-column {
		flex-basis: auto !important;
		width: 100%;
	}
}

/* Zmeny na mobile: riadok ako karta, rovnaký okraj zhora aj zboku, bunky tesne pod sebou */
@media (max-width: 767px) {
	.proluc-tabulka-zoznam.proluc-tabulka-siva tr {
		padding: 20px;
	}
	.proluc-tabulka-zoznam.proluc-tabulka-siva td {
		padding: 0 !important;
	}
	.proluc-tabulka-zoznam.proluc-tabulka-siva td + td {
		margin-top: 6px;
	}
	.proluc-tabulka-zoznam.proluc-tabulka-siva td:last-child {
		font-weight: 500;
		color: var(--ink-500);
	}
}

/* Návody na mobile: prázdne PDF / Video (pomlčka, bez odkazu) nezobrazovať */
@media (max-width: 767px) {
	.proluc-tabulka-navody td:nth-child(n+3):not(:has(a)) {
		display: none;
	}
}

/* Články z kategórie na stránke (E-faktúra): nadpis je odkaz na detail, vyzerá ako bežný nadpis */
.proluc-clanok-kategorie h2 a {
	color: inherit;
	text-decoration: none;
}
.proluc-clanok-kategorie h2 a:hover {
	color: var(--teal-dark);
}
.proluc-clanok-kategorie .proluc-aktualita__datum {
	margin-bottom: 4px !important;
}

/* Panel „Aktualizácia databáz“ (Stiahnuť): dátum pod nadpisom a rozbaľovací návod (blok Podrobnosti) */
.proluc-panel .proluc-panel__datum {
	margin: -6px 0 10px !important;
	font-size: 13px;
	font-weight: 600;
	color: var(--teal-dark);
}
.proluc-panel details {
	margin: 0 !important;
	border-top: 1px solid var(--ink-300);
}
.proluc-panel details summary {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 0;
	font-size: 15px;
	font-weight: 700;
	color: var(--teal-dark);
	list-style: none;
	cursor: pointer;
}
.proluc-panel details summary::-webkit-details-marker {
	display: none;
}
.proluc-panel details summary::after {
	content: "";
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform .15s;
}
.proluc-panel details[open] summary::after {
	transform: rotate(180deg);
}
.proluc-panel details > :not(summary) {
	margin: 0 0 8px !important;
	font-size: 14px;
	line-height: 1.5;
	color: var(--ink-800);
}
.proluc-panel details > :last-child {
	margin-bottom: 12px !important;
}
.proluc-panel details .proluc-drobne {
	color: var(--ink-500);
}
/* Kroky návodu: obyčajný číslovaný zoznam, nie položky panela (bez čiar a veľkých medzier) */
.proluc-panel details ol.wp-block-list {
	padding-left: 20px !important;
	list-style: decimal;
}
.proluc-panel details ol li {
	padding: 0 0 4px;
	border: 0;
	color: var(--ink-800);
}

/* Malé tlačidlo na stiahnutie v paneli (napr. databázy DRDS/DDS): tmavá pilulka s ikonou */
.proluc-panel li a.proluc-tlacidlo-male {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 6px;
	padding: 4px 12px;
	border-radius: 999px;
	background: var(--ink-900);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--white);
	text-decoration: none;
}
.proluc-panel li a.proluc-tlacidlo-male::before {
	content: "";
	width: 14px;
	height: 14px;
	background: currentColor;
	-webkit-mask: url("assets/img/ikony/stiahnut.svg") center / contain no-repeat;
	mask: url("assets/img/ikony/stiahnut.svg") center / contain no-repeat;
}
.proluc-panel li a.proluc-tlacidlo-male:hover {
	background: var(--teal-dark);
	text-decoration: none;
}
