/* Náročnost příspěvku – barvu lze změnit v Nastavení → Náročnost
   nebo přepsat proměnnou --mb-narocnost-color ve vlastním CSS. */
.mb-narocnost {
	--_c: var(--mb-narocnost-color, #a88c80);
	display: flex;
	align-items: center;
	line-height: 1.2;
}

.mb-narocnost__icon {
	flex: none;
	display: block;
	color: var(--_c);
}

.mb-narocnost__label {
	font-size: 0.875rem;
	letter-spacing: 0.02em;
}

/* Ikona nad textem, na střed (detail příspěvku) */
.mb-narocnost--stacked {
	flex-direction: column;
	justify-content: center;
	gap: 8px;
	margin: 0 auto 1.5em;
	text-align: center;
}

/* Ikona vedle textu, zarovnáno vpravo (karty v přehledu) */
.mb-narocnost--inline {
	flex-direction: row;
	justify-content: flex-end;
	gap: 10px;
}

.mb-narocnost--inline .mb-narocnost__icon {
	width: 24px;
	height: 19px;
}

/* Text popisku zůstává v barvě textu šablony – odkomentujte pro tmavě hnědý popisek:
.mb-narocnost__label { color: #6b4226; }
*/

/* Meta řádek příspěvku (OceanWP) */
.mb-narocnost-meta {
	margin: 0 0 0.75em;
}
.mb-narocnost-meta .mb-narocnost--inline {
	justify-content: flex-start;
}

/* Zarovnání (shortcode align="left|center|right") */
.mb-narocnost--inline.mb-narocnost--align-left   { justify-content: flex-start; }
.mb-narocnost--inline.mb-narocnost--align-center { justify-content: center; }
.mb-narocnost--inline.mb-narocnost--align-right  { justify-content: flex-end; }

.mb-narocnost-auto { margin: 0 0 1.25em; }

/* ---------------------------------------------------------------
   Elementor – Premium Addons Blog, „Tags Meta“ s náročností:
   v kartě vpravo nahoře, bez ikonky štítků.
   --------------------------------------------------------------- */
.premium-blog-content-wrapper {
	position: relative;
}

.premium-blog-post-tags-container:has(a[href*="narocnost-"]) {
	position: absolute;
	top: 24px;
	right: 30px;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	z-index: 2;
}

/* skrýt ikonku štítků (Font Awesome <i> nebo <svg>) */
.premium-blog-post-tags-container:has(a[href*="narocnost-"]) > i,
.premium-blog-post-tags-container:has(a[href*="narocnost-"]) > svg,
.premium-blog-post-tags-container:has(a[href*="narocnost-"]) > span > i,
.premium-blog-post-tags-container:has(a[href*="narocnost-"]) > span > svg,
.premium-blog-post-tags-container:has(a[href*="narocnost-"]) .fa,
.premium-blog-post-tags-container:has(a[href*="narocnost-"]) .fas {
	display: none !important;
}

.premium-blog-post-tags-container a[href*="narocnost-"] {
	text-decoration: none;
	pointer-events: none; /* odkaz na archiv štítku nemá smysl */
	white-space: nowrap;
	font-size: 1.0625rem;
	letter-spacing: 0.02em;
}

/* Pod datem v detailu (Elementor Post Info) */
.mb-narocnost-under-date {
	margin: 0.6em 0 1.25em;
	text-align: center;
}

/* Karta: místo navíc nahoře, aby se nadpis nedotýkal náročnosti */
.premium-blog-content-wrapper:has(a[href*="narocnost-"])::before {
	content: "";
	display: block;
	height: 34px;
}

/* Větší ikona u štítku náročnosti (karta i detail) */
a[href*="narocnost-"]::before {
	width: 1.9em !important;
	height: 1.5em !important;
	margin-right: 0.6em !important;
	vertical-align: -0.35em !important;
	flex: none;
}

/* ---------------------------------------------------------------
   Štítek náročnosti kdekoli (detail, Post Info, widgety štítků):
   drží šířku, nezalamuje se, bez ikonky „#" / štítků.
   --------------------------------------------------------------- */
a[href*="narocnost-"] {
	display: inline-flex;
	align-items: center;
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
	text-decoration: none;
}

/* Elementor Post Info / Icon List: položka se štítkem se nesmí smršťovat */
.elementor-icon-list-item:has(a[href*="narocnost-"]),
.elementor-post-info__item:has(a[href*="narocnost-"]) {
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: none !important;
	white-space: nowrap !important;
}
.elementor-icon-list-item:has(a[href*="narocnost-"]) .elementor-icon-list-text,
.elementor-post-info__terms-list:has(a[href*="narocnost-"]) {
	white-space: nowrap !important;
	width: auto !important;
}

/* skrýt ikonku „#" / štítků u položky s náročností */
.elementor-icon-list-item:has(a[href*="narocnost-"]) .elementor-icon-list-icon,
.elementor-post-info__item:has(a[href*="narocnost-"]) .elementor-icon-list-icon,
.elementor-post-info__item:has(a[href*="narocnost-"]) > i,
.elementor-post-info__item:has(a[href*="narocnost-"]) > svg {
	display: none !important;
}

/* Premium Addons a obecné widgety štítků */
[class*="tags"]:has(> a[href*="narocnost-"]) > i,
[class*="tags"]:has(> a[href*="narocnost-"]) > svg {
	display: none !important;
}

/* Pojistka: u položky s náročností zmizí cokoli před textem (ikona #, štítků, pseudo-prvky) */
.elementor-icon-list-item:has(a[href*="narocnost-"]) > :not(.elementor-icon-list-text),
.elementor-icon-list-item:has(a[href*="narocnost-"])::before,
.elementor-icon-list-item:has(a[href*="narocnost-"]) .elementor-icon-list-text::before,
.elementor-post-info__terms-list:has(a[href*="narocnost-"])::before,
.elementor-post-info__terms-list-item[href*="narocnost-"]::after {
	display: none !important;
	content: none !important;
}