/* =========================================
   Patička — varianty (A/B/C/D)
   Importuje původní paticka.css a přidává:
   • přepínač variant (.pv-switcher)
   • úpravy pro variantu B (3-sloupcový grid, kompaktní kontakt pod logem)
   • zcela nový layout pro varianty C a D
   BEM
   ========================================= */
@import url('paticka.css');

/* Zprůhlednit hlavní container — chceme vidět jen přepínač na barevném pozadí */
main.container,
body main.container,
.container {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
}

/* ----- Přepínač variant -------------------------------- */
.pv-switcher {
	display: flex;
	justify-content: center;
	margin: 24px auto 8px;
	gap: 2px;
	background: #fff;
	border-radius: 40px;
	padding: 4px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
	width: max-content;
	max-width: 100%;
	overflow-x: auto;
}

.pv-sw-btn {
	border: none;
	background: transparent;
	border-radius: 36px;
	padding: 10px 24px;
	font-weight: 800;
	font-size: 16px;
	color: #888;
	cursor: pointer;
	transition: all 0.2s;
	flex-shrink: 0;
	font-family: inherit;
}

.pv-sw-btn.active {
	background: #7c3aed;
	color: #fff;
	box-shadow: 0 2px 8px rgba(124, 58, 237, 0.35);
}

@media (max-width: 480px) {
	.pv-sw-btn { padding: 8px 16px; font-size: 14px; }
}

/* ----- Stránkový přepínač zobrazení variant ------------ */
.pv-variant { display: none; }
.pv-variant.active { display: block; }

.pv-variant-label {
	text-align: center;
	margin: 18px 0 8px;
	font-size: 14px;
	color: var(--p-bila-soft, rgba(255, 255, 255, 0.85));
	font-weight: 700;
	letter-spacing: 0.04em;
}


/* ============================================================
   VARIANTA B — Vyvážené odlehčení
   Layout: brand pruh (logo + perex + kontakt + sítě)
         → mřížka 3 nav sloupce
         → spodní pruh (adresa + právní odkazy)
         → copy
============================================================ */

/* Reset proti zelenému line-through z překladačů/extenzí (Google Translate apod.) */
.pv-b font[style*="background"],
.pv-b font[color] {
	background: transparent !important;
	color: inherit !important;
}

.pv-b a,
.pv-b a:hover,
.pv-b a:focus-visible,
.pv-b__pravni a,
.pv-b__pravni a:hover {
	text-decoration-line: none;
}

.pv-b__pravni a:hover,
.pv-b__pravni a:focus-visible,
.pv-b a.paticka__cookies-tlacitko {
	text-decoration-line: underline;
}

/* ---- Brand pruh — kompaktní, zjemněný (Alma-style)
   Umístěn POD mřížkou jako podpis, oddělený jemnou linkou nahoře */
.pv-b__brand {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	padding: 22px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.pv-b__brand-uvod {
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 1 1 360px;
	min-width: 0;
}

.pv-b__logo {
	margin: 0;
	flex-shrink: 0;
}

.pv-b__logo img {
	width: auto !important;
	max-width: 100px;
	height: auto;
	display: block;
}

.pv-b__perex {
	margin: 0;
	font-size: 13px;
	line-height: 1.45;
	color: var(--p-bila-muted);
	font-weight: 300;
	max-width: 320px;
}

.pv-b__brand-kontakt {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.pv-b__chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 32px;
	padding: 0 12px;
	background: transparent;
	border: 1px solid var(--p-line);
	border-radius: 999px;
	color: var(--p-bila) !important;
	font-size: 12.5px;
	font-weight: 500;
	text-decoration: none !important;
	transition: background var(--p-trans), border-color var(--p-trans);
}

.pv-b__chip:hover,
.pv-b__chip:focus-visible {
	background: var(--p-bila);
	color: var(--p-modra) !important;
	border-color: var(--p-bila);
}

.pv-b__site {
	gap: 6px;
}

.pv-b__site a {
	width: 32px;
	height: 32px;
	background: transparent;
}

@media (max-width: 700px) {
	.pv-b__brand-uvod { flex: 1 1 100%; }
	.pv-b__perex { font-size: 12.5px; }
}

/* ---- Mřížka 3 nav sloupců — kompaktnější nadpisy a seznamy
   Navazuje přímo na portály (oba bloky = navigace) */
.pv-b__mrizka {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding: 26px 0;
	gap: 24px;
	border-top: 0;
}

.pv-b__mrizka .paticka__nadpis {
	font-size: 12px;
	margin-bottom: 14px;
	letter-spacing: 0.12em;
	color: var(--p-bila-muted);
	font-weight: 600;
}

.pv-b__mrizka .paticka__seznam {
	gap: 6px;
}

.pv-b__mrizka .paticka__seznam a {
	font-size: 14px;
	color: var(--p-bila-soft);
	font-weight: 400;
}

.pv-b__mrizka .paticka__seznam a:hover,
.pv-b__mrizka .paticka__seznam a:focus-visible {
	color: var(--p-bila);
}

@media (max-width: 700px) {
	.pv-b__mrizka {
		grid-template-columns: 1fr 1fr;
		row-gap: 22px;
		column-gap: 20px;
	}
}

@media (max-width: 480px) {
	.pv-b__mrizka {
		grid-template-columns: 1fr;
		row-gap: 18px;
	}
}

/* ---- Spodní pruh: jen právní odkazy, jemný ------- */
.pv-b__spodek {
	padding: 16px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.pv-b__pravni {
	gap: 6px 18px;
	justify-content: center;
}

.pv-b__pravni a {
	font-size: 12.5px;
	color: var(--p-bila-soft);
}

/* ---- Copy + identifikace — bez horní linky, čistá řada ------- */
.pv-b__copy {
	border-top: 0;
	padding: 4px 0 14px;
	justify-content: center;
}

.pv-b__copy-radek {
	margin: 0;
	font-size: 12px;
	color: var(--p-bila-muted);
	font-weight: 300;
	line-height: 1.6;
	text-align: center;
}

.pv-b__copy-radek strong {
	font-weight: 600;
	color: var(--p-bila-soft);
}

/* CTA pruh ve variantě B — horizontální, kompaktní, sjednoceno s portály
   (stejné zaoblení 14px, jemnější stín, kompaktní mezera dolů) */
.pv-b .paticka__cta {
	margin-bottom: 14px;
	padding: 14px clamp(18px, 3vw, 26px);
	gap: 18px;
	align-items: center;
	border-radius: 14px;
	box-shadow: 0 6px 20px -10px rgba(0, 0, 0, 0.18);
}

.pv-b .paticka__cta-inner {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

/* Skrýt drobný popisek (uppercase) — nadpis sám stačí */
.pv-b .paticka__cta-popis {
	display: none;
}

.pv-b .paticka__cta-nadpis {
	margin: 0;
	font-size: 16px;
	flex: 1;
	min-width: 0;
}

.pv-b .paticka__cta-tlacitko {
	padding: 10px 18px;
	font-size: 14px;
	flex-shrink: 0;
}

@media (max-width: 880px) {
	.pv-b .paticka__cta {
		padding: 16px 18px;
	}
	.pv-b .paticka__cta-inner {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}
	.pv-b .paticka__cta-nadpis {
		text-align: left;
	}
	.pv-b .paticka__cta-tlacitko {
		width: 100%;
		justify-content: center;
	}
}

/* Portály ve variantě B — menší mezera, sjednocené zaoblení s CTA */
.pv-b .paticka__portaly {
	margin-bottom: 0;
}

.pv-b .paticka__portaly-titulek {
	margin-bottom: 10px;
}

.pv-b .paticka__portal {
	border-radius: 14px;
}


/* ============================================================
   VARIANTA C — kopie B, ale portály jako textový řádek (bez karet)
   Reuses všechna .pv-b pravidla, přidává jen pv-c__portaly override
============================================================ */
.pv-c__portaly {
	margin-bottom: 14px;
	text-align: center;
}

.pv-c__portaly-seznam {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px 18px;
}

.pv-c__portaly-seznam a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 4px 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--p-bila-soft);
	text-decoration: none;
	transition: color var(--p-trans);
}

.pv-c__portaly-seznam a::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--portal-barva, var(--p-bila));
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.18);
	flex-shrink: 0;
}

.pv-c__portaly-seznam a:hover,
.pv-c__portaly-seznam a:focus-visible {
	color: var(--p-bila);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.pv-c__portal--aktivni {
	color: var(--p-bila) !important;
	font-weight: 700;
}

@media (max-width: 600px) {
	.pv-c__portaly-seznam {
		gap: 4px 14px;
		font-size: 13px;
	}
	.pv-c__portaly-seznam a {
		font-size: 13px;
	}
}

/* ============================================================
   VARIANTA D — Fajn Brigády footer styl + portály skupiny
   • Modré pozadí #0074ff, oranžové akcenty #ff8b00
   • 4-sloupcový first-row, second-row, third-row "S vámi…"
   • Navíc CTA pruh nahoře a karty portálů
============================================================ */
.pv-d {
	--d-modra: #0074ff;
	--d-modra-tmava: #016ae6;
	--d-oranz: #ff8b00;
	--d-oranz-tmava: #ea580c;
	--d-bila: #ffffff;
	--d-bila-soft: rgba(255, 255, 255, 0.88);
	--d-bila-muted: rgba(255, 255, 255, 0.7);
	--d-line: rgba(255, 255, 255, 0.24);
	--d-trans: 200ms ease-in-out;

	background: var(--d-modra);
	color: var(--d-bila);
	font-family: 'Rubik', system-ui, -apple-system, Segoe UI, sans-serif;
	font-size: 15px;
	line-height: 1.55;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	overflow: hidden;
	margin-top: 30px;
	padding: 32px 0 0;
	-webkit-font-smoothing: antialiased;
}

.pv-d *,
.pv-d *::before,
.pv-d *::after { box-sizing: border-box; }

.pv-d__holder {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 clamp(16px, 3vw, 32px);
	display: flex;
	flex-direction: column;
}

/* Pořadí sekcí v rámci pv-d__holder (flex column).
   Varianta C má specifické pořadí — blok portálů úplně dole,
   přímo nad finálním copyline řádkem. Varianty A/B používají
   stejné default order pro portály (3), takže ty zůstanou pod
   first-row jako dřív. */
.pv-d__cta            { order: 1; }
.pv-d__first-row      { order: 2; }
.pv-d__portaly,
.pv-d__portaly-text   { order: 3; }
.pv-d__second-row     { order: 4; }
.pv-d__third-row      { order: 5; }
.pv-d__copyline       { order: 6; }   /* varianta C — copyline (firma + S vámi) */
.pv-d__legal          { order: 7; }   /* legal */
.pv-d__portaly-list   { order: 8; }   /* varianta C — portály jako světlá karta */
.pv-d__copy-bottom    { order: 9; }   /* varianta C — centrovaný copyright úplně dole */

.pv-d a {
	color: var(--d-bila);
	text-decoration: none;
	transition: color var(--d-trans);
}

.pv-d a:hover,
.pv-d a:focus-visible {
	color: var(--d-oranz);
}

.pv-d a:focus-visible,
.pv-d button:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.7);
	border-radius: 6px;
}

/* ===== CTA pruh nahoře ===== */
.pv-d__cta {
	display: grid;
	grid-template-columns: 1fr auto auto 1fr auto;
	gap: 18px;
	align-items: center;
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid var(--d-line);
	border-radius: 16px;
	padding: 16px clamp(16px, 3vw, 24px);
	margin-bottom: 28px;
}

.pv-d__cta-inner { min-width: 0; }

.pv-d__cta-popis {
	margin: 0;
	font-size: 12px;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	color: var(--d-bila-muted);
	font-weight: 500;
}

.pv-d__cta-nadpis {
	margin: 4px 0 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--d-bila);
	line-height: 1.3;
}

.pv-d__cta-tlacitko {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: 999px;
	font-weight: 600;
	font-size: 14px;
	white-space: nowrap;
	transition: background var(--d-trans), transform var(--d-trans), color var(--d-trans);
	color: var(--d-modra) !important;
}

.pv-d__cta-tlacitko:hover,
.pv-d__cta-tlacitko:focus-visible {
	transform: translateY(-1px);
	color: var(--d-modra) !important;
}

.pv-d__cta-tlacitko--primarni {
	background: var(--d-bila);
}

.pv-d__cta-tlacitko--primarni:hover {
	background: #f1f5f9;
}

.pv-d__cta-tlacitko--sekundarni {
	background: var(--d-oranz);
	color: var(--d-bila) !important;
}

.pv-d__cta-tlacitko--sekundarni:hover {
	background: var(--d-oranz-tmava);
	color: var(--d-bila) !important;
}

.pv-d__cta-rozdelovac {
	width: 1px;
	height: 40px;
	background: var(--d-line);
}

@media (max-width: 1000px) {
	.pv-d__cta {
		grid-template-columns: 1fr 1fr;
		gap: 14px 18px;
	}
	.pv-d__cta-rozdelovac { display: none; }
	.pv-d__cta-tlacitko { width: 100%; justify-content: center; }
}

@media (max-width: 600px) {
	.pv-d__cta {
		grid-template-columns: 1fr;
		gap: 12px;
	}
}

/* ===== Portály skupiny — karty ===== */
.pv-d__portaly {
	margin-bottom: 32px;
	padding-top: 32px;
	padding-bottom: 28px;
	border-bottom: 1px solid var(--d-bila);
}

.pv-d__portaly-titulek {
	margin: 0 0 14px;
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--d-bila-muted);
	font-weight: 500;
	text-align: center;
}

.pv-d__portaly-seznam {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
}

@media (max-width: 1100px) {
	.pv-d__portaly-seznam { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
	.pv-d__portaly-seznam { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.pv-d__portal {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	column-gap: 8px;
	row-gap: 2px;
	align-items: center;
	padding: 12px 14px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid var(--d-line);
	min-height: 64px;
	color: var(--d-bila) !important;
	text-decoration: none !important;
	transition: background var(--d-trans), border-color var(--d-trans), transform var(--d-trans);
}

.pv-d__portal:hover,
.pv-d__portal:focus-visible {
	background: rgba(255, 255, 255, 0.18);
	border-color: var(--d-bila);
	transform: translateY(-2px);
	color: var(--d-bila) !important;
}

.pv-d__portal-tecka {
	grid-row: 1 / span 2;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--portal-barva, var(--d-bila));
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.20);
	flex-shrink: 0;
	align-self: center;
}

.pv-d__portal-nazev {
	grid-column: 2;
	grid-row: 1;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	color: var(--d-bila);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pv-d__portal-popis {
	grid-column: 2;
	grid-row: 2;
	font-size: 12px;
	line-height: 1.3;
	color: var(--d-bila-muted);
	font-weight: 300;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pv-d__portal--aktivni {
	background: var(--d-bila);
	border-color: var(--d-bila);
}

.pv-d__portal--aktivni .pv-d__portal-nazev { color: var(--d-modra); }
.pv-d__portal--aktivni .pv-d__portal-popis { color: #475569; }
.pv-d__portal--aktivni:hover,
.pv-d__portal--aktivni:focus-visible {
	background: var(--d-bila);
	border-color: var(--d-bila);
	color: var(--d-modra) !important;
}

/* ===== first-row: 4 sloupce odkazů ===== */
.pv-d__first-row {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	padding: 0 0 32px;
	border-bottom: 1px solid var(--d-bila);
}

.pv-d__first-row > div {
	flex: 1 0 calc(25% - 12px);
	max-width: calc(25% - 12px);
}

@media (max-width: 768px) {
	.pv-d__first-row > div {
		flex: 1 0 calc(50% - 8px);
		max-width: calc(50% - 8px);
		margin-bottom: 16px;
	}
}

@media (max-width: 480px) {
	.pv-d__first-row > div {
		flex: 1 0 100%;
		max-width: 100%;
	}
}

.pv-d__title {
	color: var(--d-oranz);
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 16px;
}

.pv-d__first-row ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pv-d__first-row ul li {
	line-height: 1.4;
	margin-bottom: 6px;
}

.pv-d__first-row ul li a {
	font-size: 14.5px;
	line-height: 26px;
	color: var(--d-bila);
}

.pv-d__first-row ul li a:hover {
	color: var(--d-oranz);
}

/* Kontakt sloupec — ikonky */
.pv-d__kontakt li {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

.pv-d__kontakt li svg {
	color: var(--d-oranz);
	flex-shrink: 0;
}

.pv-d__kontakt li a {
	font-size: 14.5px !important;
	font-weight: 500;
}

.pv-d__kontakt-doba small {
	font-size: 12.5px;
	color: var(--d-bila-muted);
	font-weight: 300;
}

/* ===== second-row: adresa + IČO + copy + sítě ===== */
.pv-d__second-row {
	display: flex;
	gap: 16px;
	padding: 32px 0;
	border-bottom: 1px solid var(--d-bila);
}

.pv-d__second-row > div {
	flex: 1;
	max-width: calc(25% - 12px);
}

/* Když second-row má jen 3 sloupce (varianta C, kde socials přesunuto
   do bloku kontaktu pod podporu) — sloupce se rozloží rovnoměrně do 1/3. */
.pv-d__second-row:has(> div:nth-child(3):last-child) > div {
	max-width: calc(33.333% - 11px);
}

/* Sociálky vložené pod blokem "Zákaznická podpora" — menší ikonky,
   zarovnání vlevo, mírný odstup od kontaktního seznamu */
.pv-d__social-wrapper.pv-d__social-wrapper--kontakt {
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: nowrap;
	gap: 6px;
	justify-content: space-between;
	width: 100%;
}

.pv-d__social-wrapper.pv-d__social-wrapper--kontakt a {
	width: 30px;
	height: 30px;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: var(--d-bila);
	transition: background var(--d-trans), color var(--d-trans), transform var(--d-trans);
}

.pv-d__social-wrapper.pv-d__social-wrapper--kontakt a svg {
	width: 16px;
	height: 16px;
}

.pv-d__social-wrapper.pv-d__social-wrapper--kontakt a:hover,
.pv-d__social-wrapper.pv-d__social-wrapper--kontakt a:focus-visible {
	background: var(--d-oranz);
	color: var(--d-bila);
	transform: translateY(-2px);
}

@media (max-width: 768px) {
	.pv-d__second-row {
		flex-wrap: wrap;
		padding: 24px 0;
	}
	.pv-d__second-row > div {
		flex: 1 0 50%;
		max-width: 50%;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.pv-d__second-row > div {
		flex: 1 0 100%;
		max-width: 100%;
	}
}

.pv-d__second-row address {
	font-style: normal;
}

.pv-d__second-row address span {
	display: block;
	font-size: 13.5px;
	line-height: 1.6;
}

.pv-d__second-row address strong {
	font-weight: 600;
}

.pv-d__second-row p {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.6;
}

.pv-d__socials {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

@media (max-width: 768px) {
	.pv-d__socials { justify-content: center; }
}

.pv-d__social-wrapper {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 14px;
}

.pv-d__social-wrapper a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: var(--d-bila);
	transition: background var(--d-trans), color var(--d-trans), transform var(--d-trans);
}

.pv-d__social-wrapper a:hover,
.pv-d__social-wrapper a:focus-visible {
	background: var(--d-oranz);
	color: var(--d-bila);
	transform: translateY(-2px);
}

/* ===== third-row: srdíčko + slogan ===== */
.pv-d__third-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 28px 0 16px;
	font-size: 15px;
	font-weight: 500;
}

.pv-d__third-row svg {
	color: var(--d-oranz);
}

/* ===== legal lišta ===== */
.pv-d__legal {
	padding: 8px 0 24px;
}

.pv-d__legal ul {
	list-style: none;
	margin: 0;
	padding: 16px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	justify-content: center;
}

.pv-d__legal ul a {
	font-size: 12.5px;
	color: var(--d-bila-soft);
}

.pv-d__legal ul a:hover {
	color: var(--d-oranz);
}

.pv-d__legal .paticka__cookies-tlacitko {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ----- Varianta D s portály jako text -----------
   Stejný footer styl (modré pozadí, oranžové akcenty),
   jen blok portálů je textový řádek s tečkami. */
.pv-d__portaly-text {
	margin-bottom: 28px;
	padding-top: 32px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--d-bila);
	text-align: center;
}

.pv-d__portaly-text-seznam {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px 18px;
}

.pv-d__portaly-text-seznam a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 4px 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--d-bila-soft);
	text-decoration: none;
	transition: color var(--d-trans);
}

.pv-d__portaly-text-seznam a::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--portal-barva, var(--d-bila));
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.20);
	flex-shrink: 0;
}

.pv-d__portaly-text-seznam a:hover,
.pv-d__portaly-text-seznam a:focus-visible {
	color: var(--d-oranz);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.pv-d__portal-text--aktivni {
	color: var(--d-bila) !important;
	font-weight: 700;
}

@media (max-width: 600px) {
	.pv-d__portaly-text-seznam {
		gap: 4px 14px;
	}
	.pv-d__portaly-text-seznam a {
		font-size: 13px;
	}
}

/* ----- Úplný spodek varianty C: centrovaný řádek — firma · ❤️ S vámi · copyright ----- */
.pv-d__copy-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px 12px;
	padding: 18px 0 14px;
	font-size: 12.5px;
	color: var(--d-bila-muted);
	text-align: center;
}

.pv-d__copy-bottom-srdce {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 500;
	color: var(--d-bila-soft);
}

.pv-d__copy-bottom-srdce svg {
	color: var(--d-oranz);
}

.pv-d__copy-bottom-sep {
	opacity: 0.6;
}

@media (max-width: 480px) {
	.pv-d__copy-bottom-sep { display: none; }
}

/* (Blok `pv-d__copyline` byl odstraněn — informace o firmě se přesunula
   do centrovaného spodního řádku `pv-d__copy-bottom`.) */

/* ----- Varianta C — odlehčený blok s logy portálů --
   Cíl: blok je vizuálně součástí patičky (žádná „cizí" karta),
   loga zůstávají čitelná díky individuálním bílým pilulkám. */

/* Ve variantě C nechceme bílou linku pod first-row — leží těsně nad
   blokem s logy a vypadá zbytečně. */
.pv-d--card .pv-d__first-row {
	border-bottom: 0;
	padding-bottom: 24px;
}

/* Varianta C má 5 sloupců (Brigádníci · Firmy · O portálu · Podmínky · Podpora) —
   roztáhneme je do 1/5. */
.pv-d--card .pv-d__first-row > div {
	flex: 1 0 calc(20% - 13px);
	max-width: calc(20% - 13px);
}

@media (max-width: 900px) {
	.pv-d--card .pv-d__first-row > div {
		flex: 1 0 calc(50% - 8px);
		max-width: calc(50% - 8px);
		margin-bottom: 16px;
	}
}

.pv-d__portaly-list {
	margin: 18px 0 16px;
	padding: 18px clamp(14px, 2vw, 22px);
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 12px;
	box-shadow: none;
}

@media (max-width: 600px) {
	.pv-d__portaly-list {
		margin: 16px 0;
		padding: 16px;
	}
}

/* Nadpis "Portály naší skupiny" ve variantě C — sjednoceno
   s ostatními nadpisy ve first-row (18 px, oranžový, mixed-case). */
.pv-d--card .pv-d__portaly-list .pv-d__title {
	font-size: 18px;
	line-height: 24px;
	color: var(--d-oranz);
	margin: 0 0 18px;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
}

.pv-d__portaly-list-seznam {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	grid-auto-rows: 1fr;            /* všechny řádky stejně vysoké */
	gap: 14px;
	align-items: stretch;
}

@media (max-width: 1100px) {
	.pv-d__portaly-list-seznam { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
	.pv-d__portaly-list-seznam { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
	.pv-d__portaly-list-seznam { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.pv-d__portaly-list-seznam li {
	display: flex;
	flex-direction: column;
	align-items: stretch;          /* obsah se roztáhne na celou šířku sloupce */
	min-width: 0;
}

/* Popisek portálu — viditelný, drobný, soft-bílý na modrém pozadí.
   Pevná výška pro 2 řádky textu, aby krátké i dlouhé popisky držely
   stejnou vertikální mřížku a všechny loga byla zarovnaná dole. */
.pv-d__portaly-list-seznam li > span {
	display: flex;
	align-items: flex-end;          /* text zarovnaný ke spodku, blíže k logu */
	justify-content: center;
	width: 100%;
	min-height: 32px;               /* ≈ 2 řádky při font-size 11 + line-height 1.3 */
	font-size: 11px;
	color: var(--d-bila-muted);
	font-weight: 400;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 6px;
	hyphens: auto;
	-webkit-hyphens: auto;
}

.pv-d__portaly-list-seznam li > a {
	display: flex;
	flex: 1;                /* zaplní zbytek výšky buňky pod popiskem */
	align-items: center;
	justify-content: center;
	width: 100%;            /* sjednocená šířka — sloupce stejně široké */
	box-sizing: border-box;
	padding: 8px 12px;
	background: var(--d-bila);    /* bílá pilulka kolem loga — modré logy zůstanou čitelné */
	border-radius: 10px;
	transition: transform var(--d-trans), box-shadow var(--d-trans);
	text-decoration: none;
}

.pv-d__portaly-list-seznam li > a:hover,
.pv-d__portaly-list-seznam li > a:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px -6px rgba(0, 0, 0, 0.25);
}

/* Logo portálu — menší, sjednocená výška */
.pv-d__portal-list-logo {
	display: block;
	width: auto !important;
	height: 26px;
	max-width: 100%;
	object-fit: contain;
}

/* Flek má podlouhlý logotyp (poměr ~4.7:1) — zmenšit výšku,
   aby působilo srovnatelně s ostatními logy */
.pv-d__portal-list-logo--flek {
	height: 16px;
}

/* Aktivní portál — bez trvalého highlightu, jen běžný hover stav.
   (Stav "aktivní" stránka se značí přes aria-current="page".) */

/* (Textový fallback `pv-d__portal-list--text` byl odstraněn — všechny portály
   teď mají vlastní grafické logo.) */


/* ============================================================
   VARIANTA E — jako C, ale s plně bílou kartou pro portály.
   `.pv-d--card-light` přepisuje C: bílá karta, žádné bílé pilulky
   kolem log, tmavá oranžová pro nadpis (kontrast na bílém).
============================================================ */

/* Plné bílé pozadí karty (přepíše rgba 0.07 z C) */
.pv-d--card-light .pv-d__portaly-list {
	background: #ffffff;
	border: 0;
	box-shadow: 0 4px 14px -10px rgba(0, 0, 0, 0.2);
}

/* Nadpis na bílém pozadí — tmavší oranžová kvůli WCAG AA kontrastu */
.pv-d--card-light .pv-d__portaly-list .pv-d__title {
	color: #d97706;
	text-align: center;
}

/* Popisek na bílém pozadí — tmavě šedý */
.pv-d--card-light .pv-d__portaly-list-seznam li > span {
	color: #64748b;
}

/* Loga už mají vlastní bílé pozadí karty — žádná bílá pilulka kolem,
   jen jemné hover */
.pv-d--card-light .pv-d__portaly-list-seznam li > a {
	background: transparent;
	box-shadow: none;
}

.pv-d--card-light .pv-d__portaly-list-seznam li > a:hover,
.pv-d--card-light .pv-d__portaly-list-seznam li > a:focus-visible {
	background: rgba(15, 23, 42, 0.03);
	box-shadow: none;
	transform: translateY(-1px);
}


/* ============================================================
   VARIANTA D — původní verze C (před úpravami se sociálkami,
   bílou kartou s logy a centrovaným spodkem).
   `.pv-d--orig` přepisuje moderní C styly zpět na původní vzhled.
============================================================ */

/* Pořadí: first-row → portály → second-row → S vámi → legal (úplně dole) */
.pv-d--orig .pv-d__first-row    { order: 1; }
.pv-d--orig .pv-d__portaly-list { order: 2; }
.pv-d--orig .pv-d__second-row   { order: 3; }
.pv-d--orig .pv-d__third-row    { order: 4; }
.pv-d--orig .pv-d__legal        { order: 5; }

/* Sloupcový seznam portálů — transparentní, žádná bílá karta */
.pv-d--orig .pv-d__portaly-list {
	margin: 0;
	padding: 28px 0 24px;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.pv-d--orig .pv-d__portaly-list-seznam {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: auto;       /* override 1fr z varianty C */
	gap: 18px 24px;
	align-items: stretch;
}

@media (max-width: 768px) {
	.pv-d--orig .pv-d__portaly-list-seznam { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
	.pv-d--orig .pv-d__portaly-list-seznam { grid-template-columns: 1fr; }
}

.pv-d--orig .pv-d__portaly-list-seznam li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 2px;
}

/* Položky portálu: span popisek nahoře (visible, override sr-only z C),
   podtržený text dole — žádné logo */
.pv-d--orig .pv-d__portaly-list-seznam li > span {
	display: block;            /* override flex z varianty C */
	position: static;
	width: auto;
	height: auto;
	min-height: 0;             /* override 32px z varianty C */
	padding: 0;
	margin: 0;
	overflow: visible;
	clip: auto;
	white-space: normal;
	font-size: 12.5px;
	color: var(--d-bila-muted);
	font-weight: 300;
	line-height: 1.45;
	text-align: left;          /* override center z varianty C */
}

.pv-d--orig .pv-d__portaly-list-seznam li > a {
	display: inline-flex;
	flex: 0 0 auto;            /* override flex: 1 z varianty C */
	align-items: center;
	justify-content: flex-start;
	width: fit-content;
	min-height: 0;
	margin-top: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--d-bila);
	background: transparent !important;
	border-radius: 0;
	box-shadow: none !important;
	text-decoration: underline;
	text-decoration-color: rgba(255, 255, 255, 0.35);
	text-underline-offset: 3px;
	transition: color var(--d-trans), text-decoration-color var(--d-trans);
}

.pv-d--orig .pv-d__portaly-list-seznam li > a:hover,
.pv-d--orig .pv-d__portaly-list-seznam li > a:focus-visible {
	color: var(--d-oranz);
	text-decoration-color: var(--d-oranz);
	transform: none;
	background: transparent !important;
}

/* Barevná tečka před textem */
.pv-d--orig .pv-d__portal-list-tecka {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--portal-barva, var(--d-bila));
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.20);
	flex-shrink: 0;
}

/* Aktivní portál — oranžový text + oranžové podtržení (žádný glow) */
.pv-d--orig .pv-d__portal-list--aktivni {
	color: var(--d-oranz) !important;
	text-decoration-color: var(--d-oranz) !important;
}

.pv-d--orig .pv-d__portal-list--aktivni .pv-d__portal-list-logo {
	filter: none;
}

/* Legal lišta — bez horní linky (spodní část je vizuálně jeden celek) */
.pv-d--orig .pv-d__legal {
	padding: 16px 0;
	border-top: 0;
}

/* Spodní část (second-row → S vámi → legal) je oddělená jednou bílou
   linkou NAD ní, žádné linky mezi sekcemi uvnitř */
.pv-d--orig .pv-d__second-row {
	border-top: 1px solid var(--d-bila);
	border-bottom: 0;
}


/* ----- Reduced motion ------------------------- */
@media (prefers-reduced-motion: reduce) {
	.pv-d *,
	.pv-d *::before,
	.pv-d *::after {
		animation-duration: 0.001ms !important;
		transition-duration: 0.001ms !important;
	}
}