/* Poradna (/poradna) - staticke styly noveho modulu PoradnaModule.
   Zamerne samostatny staticky soubor MIMO webloader (LESS bundle nejde nasadit
   z lokalni kopie, stejne jako u faq.css) - editovat primo zde, verzovat ?v= v sablone:
   <link rel="stylesheet" href="/assets/front/poradna.css?v=1">
   v1 (2026-09-03).

   PRAVIDLA:
   - vse ma prefix .pa-, zadny globalni selektor (zadne img{}, h2{}, ul{} apod.),
     aby soubor nemohl rozbit stavajici CSS bundle webu,
   - web ma v advisory.less pravidlo .advisory-list .i {display:inline-block; width:33.333%};
     nase mrizka je CSS grid a defenzivne si display/width polozek prepisuje zpet,
   - layout (kontejner stranky, .btn, .btn-next, hr.line) dodava web, tady jsou jen
     doplnky pro vypis, rubriku, kartu a detail clanku,
   - barvy podle webu: akcni modra #009ee0 (tmava varianta #007db3), text #333,
     ramecky #e0e0e0, tlumeny text #6b7780, svetle pozadi #f5f8fa.

   PREHLED TRID (kontrakt se sablonami):
   vypis   .pa-list .pa-hero .pa-hero-lead .pa-hero-count .pa-search .pa-search-input
           .pa-search-btn .pa-search-reset .pa-rubrics .pa-rubric-link .pa-rubric-count
           .pa-tags .pa-tag .pa-start .pa-start-title .pa-grid (alias .pa-cards)
           .pa-pager .pa-pager-link .pa-pager-current .pa-pager-info .pa-empty
   karta   .pa-card .pa-card-featured .pa-card-media .pa-card-video .pa-card-body
           .pa-card-chips .pa-chip .pa-chip-rubric .pa-chip-tag .pa-card-title
           .pa-card-perex .pa-card-meta .pa-sep
   detail  .pa-detail .pa-preview .pa-meta .pa-perex .pa-figure .pa-video .pa-video-frame
           .pa-toc .pa-toc-title .pa-toc-list .pa-text (alias .pa-article-text)
           .pa-products .pa-products-title .pa-author .pa-related .pa-prevnext .pa-back
   rubrika .pa-rubric-page .pa-rubric-intro
   sdileni .pa-share .pa-share-label .pa-share-link .pa-share-done
   spolecne .pa-cta .pa-cta-title .pa-cta-text .pa-cta-actions .pa-btn .pa-btn-ghost
            .pa-section-title .pa-muted .pa-noprint */

/* ============================================================
   1. Spolecne
   ============================================================ */

.pa-list,
.pa-detail,
.pa-rubric-page {
	color: #333;
}

.pa-section-title {
	margin: 0 0 18px;
	font-size: 24px;
	line-height: 1.3;
	font-weight: 600;
}

.pa-muted {
	color: #6b7780;
	font-size: 13px;
}

.pa-sep {
	margin: 0 6px;
	color: #c9d1d6;
}

/* tlacitka poradny (web ma vlastni .btn/.btn2, tyhle je nijak nemeni) */
.pa-btn,
.pa-cta-btn {
	display: inline-block;
	padding: 12px 22px;
	border: 1px solid #009ee0;
	background: #009ee0;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.pa-btn:hover,
.pa-btn:focus,
.pa-cta-btn:hover,
.pa-cta-btn:focus {
	background: #007db3;
	border-color: #007db3;
	color: #fff;
	text-decoration: none;
}

.pa-btn-ghost {
	background: #fff;
	color: #009ee0;
}

.pa-btn-ghost:hover,
.pa-btn-ghost:focus {
	background: #009ee0;
	border-color: #009ee0;
	color: #fff;
}

/* ============================================================
   2. Vypis - hero, hledani, rubriky, stitky
   ============================================================ */

.pa-hero {
	margin: 0 0 26px;
}

.pa-hero-lead {
	max-width: 760px;
	margin: 0 0 12px;
	font-size: 18px;
	line-height: 1.55;
}

.pa-hero-count {
	margin: 0;
	color: #6b7780;
	font-size: 14px;
}

.pa-search {
	display: flex;
	flex-wrap: wrap;
	max-width: 580px;
	margin: 18px 0 0;
}

.pa-search-input {
	flex: 1 1 220px;
	min-width: 0;
	height: 44px;
	margin: 0 8px 8px 0;
	padding: 0 14px;
	border: 1px solid #ccc;
	background: #fff;
	color: #333;
	font-size: 15px;
	line-height: 42px;
}

.pa-search-input:focus {
	outline: none;
	border-color: #009ee0;
	box-shadow: 0 0 0 2px rgba(0, 158, 224, .25);
}

.pa-search-btn {
	height: 44px;
	margin: 0 8px 8px 0;
	padding: 0 22px;
	line-height: 42px;
	border: 1px solid #ffda00;
	background: #ffda00;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease;
}

.pa-search-btn:hover,
.pa-search-btn:focus {
	background: #f0cd00;
	border-color: #f0cd00;
	color: #000;
}

.pa-search-reset {
	align-self: center;
	margin: 0 0 8px;
	color: #6b7780;
	font-size: 13px;
}

/* navigace rubrik a stitku - pilulky */
.pa-rubrics,
.pa-tags {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}

.pa-rubrics > li,
.pa-tags > li {
	display: block;
	width: auto;
	margin: 0 8px 8px 0;
	padding: 0;
	list-style: none;
	background: none;
}

.pa-rubric-link,
.pa-tag {
	display: inline-block;
	padding: 8px 15px;
	border: 1px solid #e0e0e0;
	border-radius: 20px;
	background: #fff;
	color: #333;
	font-size: 14px;
	line-height: 1.3;
	text-decoration: none;
	transition: border-color .15s ease, color .15s ease, background-color .15s ease;
}

.pa-rubric-link:hover,
.pa-rubric-link:focus,
.pa-tag:hover,
.pa-tag:focus {
	border-color: #009ee0;
	color: #009ee0;
	text-decoration: none;
}

.pa-rubric-link[aria-current],
.pa-rubric-link.pa-is-active,
.pa-tag[aria-current],
.pa-tag.pa-is-active {
	border-color: #009ee0;
	background: #009ee0;
	color: #fff;
}

.pa-rubric-count {
	margin-left: 5px;
	font-size: 12px;
	opacity: .7;
}

/* blok "Zacnete tady" (pripnute clanky) */
.pa-start {
	margin: 0 0 32px;
	padding: 22px 22px 4px;
	border: 1px solid #e0e0e0;
	background: #f5f8fa;
}

.pa-start-title {
	margin: 0 0 4px;
	font-size: 21px;
	line-height: 1.3;
	font-weight: 600;
}

.pa-start-note {
	margin: 0 0 18px;
	color: #6b7780;
	font-size: 14px;
}

/* ============================================================
   3. Mrizka karet (3 / 2 / 1 sloupec)
   ============================================================ */

.pa-grid,
.pa-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 24px;
	gap: 24px;
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}

/* prepis stareho pravidla .advisory-list .i {display:inline-block; width:33.333%} */
.pa-grid > li,
.pa-cards > li,
.pa-grid > .pa-card,
.pa-cards > .pa-card {
	display: block;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	vertical-align: top;
}

.pa-grid-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media screen and (max-width: 1024px) {
	.pa-grid,
	.pa-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-gap: 20px;
		gap: 20px;
	}
}

@media screen and (max-width: 640px) {
	.pa-grid,
	.pa-cards,
	.pa-grid-2 {
		grid-template-columns: minmax(0, 1fr);
		grid-gap: 18px;
		gap: 18px;
	}
}

/* ============================================================
   4. Karta clanku
   ============================================================ */

.pa-card {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	height: 100%;
	padding: 20px;
	border: 1px solid #e0e0e0;
	background: #fff;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.pa-grid > .pa-card,
.pa-cards > .pa-card {
	padding: 20px;
}

.pa-card:hover,
.pa-card:focus-within {
	border-color: #009ee0;
	box-shadow: 0 0 0 1px #009ee0;
}

.pa-card-media {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 0 20px;
	line-height: 0;
}

.pa-card-media img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.pa-card-video {
	position: absolute;
	left: 10px;
	bottom: 10px;
	display: inline-block;
	padding: 4px 9px;
	background: rgba(0, 0, 0, .72);
	color: #fff;
	font-size: 12px;
	line-height: 1.4;
}

.pa-card-video svg {
	width: 11px;
	height: 11px;
	margin-right: 4px;
	fill: currentColor;
	vertical-align: -1px;
}

.pa-card-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 0;
}

.pa-card-chips {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 10px;
}

.pa-chip,
.pa-chip-rubric,
.pa-chip-tag,
.pa-card-rubric,
.pa-card-tag {
	display: inline-block;
	margin: 0 6px 4px 0;
	padding: 3px 10px;
	border-radius: 11px;
	background: #f2f2f2;
	color: #555;
	font-size: 12px;
	line-height: 1.5;
	text-decoration: none;
}

.pa-chip-rubric,
.pa-card-rubric {
	background: #e6f5fc;
	color: #00688f;
}

a.pa-chip:hover,
a.pa-chip:focus,
a.pa-chip-rubric:hover,
a.pa-chip-rubric:focus,
a.pa-chip-tag:hover,
a.pa-chip-tag:focus {
	background: #009ee0;
	color: #fff;
	text-decoration: none;
}

.pa-card-title {
	margin: 0 0 9px;
	font-size: 19px;
	line-height: 1.35;
	font-weight: 600;
	text-transform: none;
}

.pa-card-title a {
	color: inherit;
	text-decoration: none;
}

.pa-card-title a:hover,
.pa-card-title a:focus {
	color: #009ee0;
	text-decoration: underline;
}

.pa-card-perex {
	margin: 0 0 14px;
	color: #555;
	font-size: 14px;
	line-height: 1.55;
}

.pa-card-meta {
	margin-top: auto;
	padding-top: 10px;
	border-top: 1px solid #f0f0f0;
	color: #6b7780;
	font-size: 12px;
	line-height: 1.5;
}

/* velka uvodni karta (pripnute clanky) */
.pa-card-featured .pa-card-title {
	font-size: 22px;
}

/* ============================================================
   5. Strankovani a prazdny vysledek
   Strankovani pouziva klasicky .pager-navigation webu (shared.less, stejne jako vypis produktu),
   markup je v PoradnaModule_pager.tpl. Pravidla .pa-pager* nize zustavaji jen pro zpetnou kompatibilitu.
   ============================================================ */

.pa-list .pager-navigation,
.pa-rubric-page .pager-navigation {
	margin: 0 0 34px;
}

.pa-pager {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 26px 0 34px;
	padding: 0;
	list-style: none;
}

.pa-pager > li {
	display: block;
	width: auto;
	margin: 0 6px 6px 0;
	padding: 0;
	list-style: none;
	background: none;
}

.pa-pager-link,
.pa-pager-current {
	display: inline-block;
	min-width: 42px;
	margin: 0 6px 6px 0;
	padding: 9px 12px;
	border: 1px solid #e0e0e0;
	background: #fff;
	color: #333;
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	transition: border-color .15s ease, color .15s ease;
}

.pa-pager > li .pa-pager-link,
.pa-pager > li .pa-pager-current {
	margin: 0;
}

.pa-pager-link:hover,
.pa-pager-link:focus {
	border-color: #009ee0;
	color: #009ee0;
	text-decoration: none;
}

.pa-pager-current {
	border-color: #009ee0;
	background: #009ee0;
	color: #fff;
	font-weight: 600;
}

.pa-pager-prev,
.pa-pager-next {
	min-width: 0;
	padding-right: 16px;
	padding-left: 16px;
}

.pa-pager-info {
	margin: 0 0 6px auto;
	padding-left: 12px;
	color: #6b7780;
	font-size: 13px;
}

.pa-empty {
	margin: 0 0 30px;
	padding: 28px 24px;
	border: 1px dashed #ccc;
	background: #fafafa;
	text-align: center;
}

.pa-empty p {
	margin: 0 0 12px;
}

.pa-empty p:last-child {
	margin-bottom: 0;
}

/* ============================================================
   6. CTA blok (na vypisu i v detailu)
   ============================================================ */

.pa-cta {
	margin: 34px 0;
	padding: 24px 26px;
	border: 1px solid #e0e0e0;
	border-left: 4px solid #009ee0;
	background: #f5f8fa;
}

.pa-cta-title {
	margin: 0 0 8px;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 600;
}

.pa-cta-text {
	margin: 0 0 16px;
	font-size: 15px;
	line-height: 1.6;
}

.pa-cta-actions {
	display: flex;
	flex-wrap: wrap;
}

.pa-cta-actions > * {
	margin: 0 12px 8px 0;
}

/* ============================================================
   7. Detail clanku
   ============================================================ */

.pa-detail {
	margin-bottom: 10px;
}

.pa-preview {
	margin: 0 0 20px;
	padding: 12px 16px;
	border: 1px solid #ffcf4a;
	background: #fff4d6;
	color: #5a4300;
	font-size: 14px;
	font-weight: 600;
}

.pa-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 16px;
	color: #6b7780;
	font-size: 13px;
	line-height: 1.5;
}

.pa-meta > * {
	margin: 0 6px 4px 0;
}

.pa-meta a {
	color: inherit;
}

.pa-meta a:hover,
.pa-meta a:focus {
	color: #009ee0;
}

.pa-perex {
	margin: 0 0 24px;
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	font-weight: 500;
}

.pa-figure {
	margin: 0 0 26px;
}

.pa-figure img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.pa-figure figcaption {
	margin-top: 8px;
	color: #6b7780;
	font-size: 13px;
	line-height: 1.5;
}

.pa-video {
	margin: 0 0 26px;
}

.pa-video-frame {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	background: #000;
}

.pa-video-frame iframe,
.pa-video-frame object,
.pa-video-frame embed,
.pa-video-frame img,
.pa-video-frame > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* obsah clanku (TOC) */
.pa-toc {
	margin: 0 0 28px;
	padding: 18px 22px;
	border: 1px solid #e0e0e0;
	background: #f5f8fa;
}

.pa-toc-title {
	margin: 0 0 10px;
	color: #6b7780;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.pa-toc-list {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: pa-toc;
}

.pa-toc-list > li {
	position: relative;
	display: block;
	width: auto;
	margin: 0 0 7px;
	padding: 0 0 0 26px;
	list-style: none;
	background: none;
	font-size: 15px;
	line-height: 1.5;
}

.pa-toc-list > li:before {
	counter-increment: pa-toc;
	content: counter(pa-toc) ".";
	position: absolute;
	top: 0;
	left: 0;
	color: #009ee0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.7;
}

.pa-toc-list a {
	text-decoration: none;
}

.pa-toc-list a:hover,
.pa-toc-list a:focus {
	text-decoration: underline;
}

/* telo clanku - jen nutne doplnky, typografii dodava web (.e-text) */
.pa-text,
.pa-article-text {
	font-size: 16px;
	line-height: 1.7;
}

.pa-text h2,
.pa-text h3,
.pa-article-text h2,
.pa-article-text h3 {
	scroll-margin-top: 20px;
}

.pa-text img,
.pa-article-text img {
	max-width: 100%;
	height: auto;
}

.pa-text figure,
.pa-article-text figure {
	margin: 22px 0;
}

.pa-text blockquote,
.pa-article-text blockquote {
	margin: 24px 0;
	padding: 2px 0 2px 18px;
	border-left: 3px solid #009ee0;
	color: #555;
}

.pa-text hr,
.pa-article-text hr {
	height: 0;
	margin: 28px 0;
	border: 0;
	border-top: 1px solid #e0e0e0;
}

/* siroke tabulky se v mobilu scrolluji misto rozbiti layoutu */
.pa-table-wrap {
	max-width: 100%;
	margin: 22px 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* blok produktu v textu / pod clankem (obsah renderuje CatalogueModule) */
.pa-products {
	margin: 32px 0;
	padding: 24px 0 6px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

.pa-products-title {
	margin: 0 0 16px;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 600;
}

/* autorsky box */
.pa-author {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 34px 0;
	padding: 22px;
	border: 1px solid #e0e0e0;
	background: #fff;
}

.pa-author-logo {
	flex: 0 0 auto;
	width: 64px;
	margin: 0 18px 10px 0;
}

.pa-author-logo img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.pa-author-body {
	flex: 1 1 260px;
	min-width: 0;
}

.pa-author-name {
	margin: 0 0 6px;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 700;
}

.pa-author-text {
	margin: 0 0 12px;
	color: #555;
	font-size: 14px;
	line-height: 1.6;
}

/* souvisejici navody */
.pa-related {
	margin: 36px 0 0;
}

.pa-related-title {
	margin: 0 0 18px;
	font-size: 22px;
	line-height: 1.3;
	font-weight: 600;
}

/* predchozi / dalsi clanek */
.pa-prevnext {
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0 0;
}

.pa-prevnext-item {
	flex: 1 1 260px;
	min-width: 0;
	margin: 0 14px 14px 0;
	padding: 14px 18px;
	border: 1px solid #e0e0e0;
	background: #fff;
	color: #333;
	text-decoration: none;
	transition: border-color .15s ease;
}

.pa-prevnext-item:hover,
.pa-prevnext-item:focus {
	border-color: #009ee0;
	text-decoration: none;
}

.pa-prevnext-next {
	margin-right: 0;
	text-align: right;
}

.pa-prevnext-dir {
	display: block;
	margin-bottom: 4px;
	color: #6b7780;
	font-size: 12px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.pa-prevnext-title {
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}

.pa-back {
	margin: 26px 0 0;
	font-size: 14px;
}

/* ============================================================
   8. Stranka rubriky
   ============================================================ */

.pa-rubric-intro {
	max-width: 860px;
	margin: 0 0 26px;
	font-size: 16px;
	line-height: 1.7;
}

.pa-rubric-intro p:last-child {
	margin-bottom: 0;
}

/* ============================================================
   9. Sdileni
   ============================================================ */

.pa-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 22px;
}

.pa-share-label {
	margin: 0 8px 8px 0;
	color: #6b7780;
	font-size: 13px;
}

.pa-share-link {
	display: inline-block;
	margin: 0 8px 8px 0;
	padding: 7px 13px;
	border: 1px solid #e0e0e0;
	background: #fff;
	color: #333;
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
	transition: border-color .15s ease, color .15s ease;
}

.pa-share-link:hover,
.pa-share-link:focus {
	border-color: #009ee0;
	color: #009ee0;
	text-decoration: none;
}

.pa-share-link svg {
	width: 14px;
	height: 14px;
	margin-right: 5px;
	fill: currentColor;
	vertical-align: -2px;
}

.pa-share-done {
	margin: 0 0 8px;
	color: #4a8f00;
	font-size: 13px;
}

/* ============================================================
   10. Pristupnost, pohyb, tisk
   ============================================================ */

.pa-list a:focus-visible,
.pa-detail a:focus-visible,
.pa-rubric-page a:focus-visible,
.pa-share-link:focus-visible,
.pa-search-btn:focus-visible {
	outline: 2px solid #009ee0;
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.pa-card,
	.pa-rubric-link,
	.pa-tag,
	.pa-btn,
	.pa-cta-btn,
	.pa-share-link,
	.pa-prevnext-item,
	.pa-pager-link,
	.pa-search-btn {
		transition: none;
	}
}

@media print {
	.pa-search,
	.pa-rubrics,
	.pa-tags,
	.pa-share,
	.pa-cta,
	.pa-pager,
	.pa-prevnext,
	.pa-related,
	.pa-back,
	.pa-products,
	.pa-start,
	.pa-preview,
	.pa-noprint {
		display: none !important;
	}

	.pa-detail,
	.pa-text,
	.pa-article-text {
		color: #000;
		font-size: 12pt;
	}

	.pa-toc {
		padding: 0;
		border: 0;
		background: none;
	}

	.pa-card,
	.pa-figure img,
	.pa-text img,
	.pa-article-text img {
		max-width: 100% !important;
		page-break-inside: avoid;
	}

	.pa-text h2,
	.pa-text h3,
	.pa-article-text h2,
	.pa-article-text h3 {
		page-break-after: avoid;
	}

	.pa-text a[href^="http"]:after,
	.pa-article-text a[href^="http"]:after {
		content: " (" attr(href) ")";
		color: #555;
		font-size: 9pt;
		word-break: break-all;
	}
}

/* ============================================================
   11. Tridy pouzivane sablonami (PoradnaModule_*.tpl) - sjednoceni
       s pravidly vyse. Sablony pouzivaji: nav.pa-rubrics > ul.pa-rubrics-list > li > a.pa-chip(.is-active),
       nav.pa-tags > ul.pa-tags-list > li > a.pa-tag(.is-active), .pa-chip-count, .pa-section*, .pa-card-labels,
       .pa-card-play (overlay), .pa-card-video (odznak v labels), .pa-badge, .pa-meta-item, .pa-share-btn,
       .pa-share-icon, .pa-share-msg, .pa-intro, .pa-hp, .pa-grid-hp, .pa-hp-more, .pa-prevnext-label,
       .pa-prev/.pa-next, .pa-back-link/.pa-back-all, .pa-source, .pa-file, .pa-cta-links, .pa-search-label.
   ============================================================ */

/* navigace rubrik a stitku: nav je blok, seznam uvnitr je flex */
.pa-rubrics,
.pa-tags {
	display: block;
	margin: 0 0 16px;
}

.pa-tags {
	margin-bottom: 24px;
}

.pa-rubrics-list,
.pa-tags-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pa-rubrics-list > li,
.pa-tags-list > li {
	display: block;
	width: auto;
	margin: 0 8px 8px 0;
	padding: 0;
	list-style: none;
	background: none;
}

/* pilulky rubrik ve vypisu (stejny vzhled jako .pa-rubric-link) */
.pa-rubrics-list .pa-chip {
	display: inline-block;
	margin: 0;
	padding: 8px 15px;
	border: 1px solid #e0e0e0;
	border-radius: 20px;
	background: #fff;
	color: #333;
	font-size: 14px;
	line-height: 1.3;
	text-decoration: none;
	transition: border-color .15s ease, color .15s ease, background-color .15s ease;
}

.pa-rubrics-list .pa-chip:hover,
.pa-rubrics-list .pa-chip:focus {
	border-color: #009ee0;
	background: #fff;
	color: #009ee0;
	text-decoration: none;
}

.pa-rubrics-list .pa-chip.is-active,
.pa-rubrics-list .pa-chip[aria-current],
.pa-tag.is-active,
.pa-tag[aria-current] {
	border-color: #009ee0;
	background: #009ee0;
	color: #fff;
}

.pa-rubrics-list .pa-chip.is-active:hover,
.pa-rubrics-list .pa-chip.is-active:focus {
	background: #007db3;
	border-color: #007db3;
	color: #fff;
}

.pa-chip-count {
	margin-left: 5px;
	font-size: 12px;
	opacity: .75;
}

/* ============================================================
   12. Rubriky jako menu kategorii (dlazdice .sub-menu-catalogue webu) a temata
       jako barevne stitky produktu (.product-flags). Pozadavek 3. 9. 2026.
   ============================================================ */

/* rubriky: dlazdice s modrym rameckem a sipkou, pocet clanku zustava */
.pa-rubrics-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-gap: 16px;
	gap: 16px;
}

/* stejne lamani jako dlazdice podkategorii webu: 4 / 3 / 2 / 1 */
@media screen and (max-width: 1279px) {
	.pa-rubrics-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 1023px) {
	.pa-rubrics-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.pa-rubrics-list > li {
	margin: 0;
}

.pa-rubrics-list .pa-chip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	width: 100%;
	min-height: 60px;
	margin: 0;
	padding: 14px 40px 13px 20px;
	position: relative;
	border: 2px solid #009ee0;
	border-radius: 0;
	background: #fff;
	color: #009ee0;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
	text-decoration: none;
}

.pa-rubrics-list .pa-chip:after {
	content: "\f105";
	position: absolute;
	right: 17px;
	top: 50%;
	margin-top: -10px;
	font-family: FontAwesome;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	color: inherit;
}

.pa-rubrics-list .pa-chip:hover,
.pa-rubrics-list .pa-chip:focus,
.pa-rubrics-list .pa-chip.is-active,
.pa-rubrics-list .pa-chip[aria-current],
.pa-rubrics-list .pa-chip.is-active:hover,
.pa-rubrics-list .pa-chip.is-active:focus {
	border-color: #009ee0;
	background: #009ee0;
	color: #fff;
	text-decoration: none;
}

.pa-rubrics-list .pa-chip-count {
	flex: 0 0 auto;
	margin-left: 8px;
	padding: 0;
	border-radius: 0;
	background: none;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	opacity: 1;
}

.pa-rubrics-list .pa-chip:hover .pa-chip-count,
.pa-rubrics-list .pa-chip:focus .pa-chip-count,
.pa-rubrics-list .pa-chip.is-active .pa-chip-count,
.pa-rubrics-list .pa-chip[aria-current] .pa-chip-count {
	color: #fff;
}

@media screen and (max-width: 480px) {
	.pa-rubrics-list {
		grid-template-columns: minmax(0, 1fr);
		grid-gap: 10px;
		gap: 10px;
	}

	.pa-rubrics-list .pa-chip {
		min-height: 50px;
		padding: 10px 40px 9px 16px;
	}
}

/* temata: oddelena carou od rubrik, vzhled jako stitky produktu */
.pa-tags {
	margin: 0 0 28px;
	padding-top: 18px;
	border-top: 1px solid #e0e0e0;
}

.pa-tags-list > li {
	margin: 0 8px 8px 0;
}

.pa-tag,
.pa-card-tag,
.pa-badge[class*="pa-tag--"] {
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
	padding: 0 9px;
	border: 0;
	border-radius: 0;
	background: #009ee0;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .02em;
}

/* filtr temat: o neco vetsi kvuli dotyku */
.pa-tags-list .pa-tag {
	padding: 0 12px;
	font-size: 11px;
	line-height: 28px;
	transition: opacity .15s ease, box-shadow .15s ease;
}

.pa-tags-list .pa-tag:hover,
.pa-tags-list .pa-tag:focus {
	opacity: .85;
	text-decoration: none;
}

.pa-tags-list .pa-tag.is-active,
.pa-tags-list .pa-tag[aria-current] {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #333;
	opacity: 1;
}

/* barvy temat podle seoId stitku (stejna paleta jako .product-flags);
   dvojity selektor kvuli specificite starsich pravidel .pa-tag.is-active / [aria-current] */
.pa-tag--navod, .pa-tag.pa-tag--navod, .pa-badge.pa-tag--navod, .pa-card-tag.pa-tag--navod     { background: #009ee0; color: #fff; }
.pa-tag--pruvodce, .pa-tag.pa-tag--pruvodce, .pa-badge.pa-tag--pruvodce, .pa-card-tag.pa-tag--pruvodce  { background: #6fb500; color: #fff; }
.pa-tag--srovnani, .pa-tag.pa-tag--srovnani, .pa-badge.pa-tag--srovnani, .pa-card-tag.pa-tag--srovnani  { background: #aa65f0; color: #fff; }
.pa-tag--pozor, .pa-tag.pa-tag--pozor, .pa-badge.pa-tag--pozor, .pa-card-tag.pa-tag--pozor     { background: #ff0042; color: #fff; }
.pa-tag--material, .pa-tag.pa-tag--material, .pa-badge.pa-tag--material, .pa-card-tag.pa-tag--material  { background: #000;    color: #fff; }
.pa-tag--inspirace, .pa-tag.pa-tag--inspirace, .pa-badge.pa-tag--inspirace, .pa-card-tag.pa-tag--inspirace { background: #ffa500; color: #000; }

/* stitek na karte a v hlavicce clanku: stejny vzhled, jen zarovnani k ostatnim chipum */
.pa-card-labels .pa-card-tag {
	margin: 0 6px 4px 0;
	line-height: 22px;
}

.pa-meta .pa-badge[class*="pa-tag--"] {
	vertical-align: middle;
}

/* rubrika na karte a v hlavicce clanku: bez zaobleni, vychozi text, sede pozadi */
.pa-card-rubric,
.pa-chip-rubric,
.pa-meta .pa-chip {
	border-radius: 0;
	background: #f2f2f2;
	color: #333;
}

a.pa-card-rubric:hover,
a.pa-card-rubric:focus,
a.pa-chip-rubric:hover,
a.pa-chip-rubric:focus,
.pa-meta a.pa-chip:hover,
.pa-meta a.pa-chip:focus {
	background: #e6e6e6;
	color: #000;
	text-decoration: none;
}

/* popisek pole hledani jen pro ctecky */
.pa-search-label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
	white-space: nowrap;
}

/* sekce vypisu */
.pa-section {
	margin: 0 0 32px;
}

.pa-section-pinned {
	padding: 0;
	border: 0;
	background: none;
}

.pa-section-pinned .pa-section-title {
	margin-bottom: 4px;
	font-size: 21px;
}

/* tri nejctenejsi ("Zacnete tady"): bez perexu, jen obrazek, stitky a nadpis */
.pa-section-pinned .pa-card-perex {
	display: none;
}

.pa-section-lead {
	margin: 0 0 18px;
	color: #6b7780;
	font-size: 14px;
}

/* karta: radek stitku, odznak videa, prehravaci ikona pres obrazek */
.pa-card-labels {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 10px;
	font-size: 12px;
	line-height: 1.5;
}

.pa-card-labels .pa-card-video {
	position: static;
	display: inline-block;
	margin: 0 6px 4px 0;
	padding: 3px 10px;
	border-radius: 11px;
	background: #333;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
}

.pa-card-play {
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 0;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.pa-card-sep {
	margin: 0 6px;
	color: #c9d1d6;
}

/* odznak stitku v meta radku detailu */
.pa-badge {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 11px;
	background: #f2f2f2;
	color: #555;
	font-size: 12px;
	line-height: 1.5;
}

.pa-meta .pa-chip {
	background: #f2f2f2;
	color: #333;
}

.pa-meta-item {
	display: inline-block;
}

/* hlavni obrazek detailu (sablona pouziva .pa-hero uvnitr .pa-detail) */
.pa-detail .pa-hero {
	margin: 0 0 26px;
}

.pa-detail .pa-hero img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.pa-source,
.pa-file {
	margin: 18px 0;
	color: #6b7780;
	font-size: 14px;
}

.pa-cta-links {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.pa-cta-links > * {
	margin: 0 12px 8px 0;
}

/* autorsky box bez loga: odstavce pod sebou */
.pa-author {
	display: block;
}

.pa-author-link {
	margin: 0;
	font-size: 14px;
}

/* predchozi / dalsi */
.pa-prevnext-label {
	display: block;
	margin-bottom: 4px;
	color: #6b7780;
	font-size: 12px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.pa-prevnext .pa-next {
	margin-right: 0;
	text-align: right;
}

.pa-back-all {
	margin-left: 14px;
}

/* sdileni: tlacitka i odkazy vypadaji stejne */
.pa-share-btn {
	display: inline-block;
	margin: 0 8px 8px 0;
	padding: 7px 13px;
	border: 1px solid #e0e0e0;
	border-radius: 0;
	background: #fff;
	color: #333;
	font: inherit;
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color .15s ease, color .15s ease;
}

.pa-share-btn:hover,
.pa-share-btn:focus {
	border-color: #009ee0;
	color: #009ee0;
	text-decoration: none;
}

.pa-share-btn:focus-visible {
	outline: 2px solid #009ee0;
	outline-offset: 2px;
}

.pa-share-icon {
	width: 14px;
	height: 14px;
	margin-right: 5px;
	fill: currentColor;
	vertical-align: -2px;
}

.pa-share-msg {
	margin: 0 0 8px;
	color: #4a8f00;
	font-size: 13px;
}

.pa-share-msg:empty {
	display: none;
}

/* stranka rubriky */
.pa-intro {
	max-width: 860px;
	margin: 0 0 26px;
	font-size: 16px;
	line-height: 1.7;
}

.pa-intro p:last-child {
	margin-bottom: 0;
}

/* blok na homepage (NewsModule_advisory-list-hp.tpl) */
.pa-hp {
	margin: 30px 0;
}

.pa-grid-hp {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media screen and (max-width: 640px) {
	.pa-grid-hp {
		grid-template-columns: minmax(0, 1fr);
	}
}

.pa-hp-more {
	margin: 0;
}

@media print {
	.pa-section-pinned,
	.pa-cta-category,
	.pa-hp,
	.pa-share-btn {
		display: none !important;
	}
}

/* ============================================================
   v13 (2026-09-03): meta radek detailu - rubrika, stitek, datum a doba cteni
   na stejne vysce a stejnem ucari (stitek mel 20 px / 10 px, rubrika 24 px / 12 px,
   text 19,5 px -> ve flex radku kazdy sedel jinde).
   ============================================================ */
.pa-meta {
	align-items: center;
	line-height: 24px;
}

.pa-meta > * {
	margin: 0 8px 6px 0;
}

.pa-meta .pa-chip,
.pa-meta .pa-badge,
.pa-meta .pa-badge[class*="pa-tag--"] {
	display: inline-block;
	box-sizing: border-box;
	height: 24px;
	margin: 0 8px 6px 0;
	padding: 0 10px;
	line-height: 24px;
	vertical-align: top;
}

.pa-meta .pa-badge[class*="pa-tag--"] {
	font-size: 11px;
}

.pa-meta .pa-meta-item,
.pa-meta time {
	display: inline-block;
	line-height: 24px;
	vertical-align: top;
}

/* ============================================================
   v14 - 2026-09-08: blok "Navody a poradna" na HP - 3 karty vedle sebe,
   drive 2, a kompaktnejsi karta: mensi odsazeni, nadpis 16 px, perex
   omezeny na 3 radky, mensi meta. Tablet 2 sloupce, mobil 1 sloupec,
   stejne body zlomu jako .pa-grid. Sablona: NewsModule_advisory-list-hp.tpl.
   ============================================================ */
.pa-grid-hp {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 20px;
	gap: 20px;
}

.pa-grid-hp > .pa-card {
	padding: 14px;
}

.pa-grid-hp .pa-card-media {
	margin-bottom: 14px;
}

.pa-grid-hp .pa-card-labels {
	margin-bottom: 8px;
}

.pa-grid-hp .pa-card-rubric,
.pa-grid-hp .pa-card-tag {
	padding: 2px 8px;
	font-size: 11px;
}

.pa-grid-hp .pa-card-title {
	margin-bottom: 6px;
	font-size: 16px;
	line-height: 1.3;
}

.pa-grid-hp .pa-card-perex {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 1.5;
}

.pa-grid-hp .pa-card-meta {
	padding-top: 8px;
	font-size: 11px;
}

@media screen and (max-width: 1024px) {
	.pa-grid-hp {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 640px) {
	.pa-grid-hp {
		grid-template-columns: minmax(0, 1fr);
	}
}