/* =========================================================================
   CONTENT — Články, typografie, odkazové styly, sidebar
   Závisí na: tokens.css
   =========================================================================
   Obsah:
   - .pageArticleDetail typografie
   - Barva a podtržení odkazů (články, homepage, popisy produktů)
   - Červené odkazy v patičce
   - Skrytí sidebaru na obsahových stránkách (:has())
   - Roztáhnutí .content na celou šířku na článcích
   - .unit-name (jednotková cena v detailu produktu)
   ========================================================================= */


/* Články a obsahové stránky — sjednocený text */
.pageArticleDetail {
	font-size: 1.8rem; /* ≈ 18 px */
	line-height: 1.7;
	font-weight: 300;
}


/* =========================================================================
   ODKAZOVÉ STYLY
   ========================================================================= */

/* Podtržení a barva odkazů v textovém obsahu i na homepage */
.p-short-description a,   /* krátký popis produktů */
.pageArticleDetail a,     /* detail článku */
.homepage-texts-wrapper a /* úvodní text na homepage */ {
	color: var(--color-primary);
	text-decoration: underline !important;
}

/* Efekt při najetí myší */
.pageArticleDetail a:hover,
.homepage-texts-wrapper a:hover {
	color: var(--color-primary-hover);
	text-decoration: underline !important;
}

/* Červené odkazy v patičce */
.custom-footer .banner a,
.custom-footer .banner-category a,
.custom-footer .banner-wrapper a {
	color: var(--color-primary);
}


/* =========================================================================
   SIDEBAR — skrytí na obsahových a blogových stránkách
   Poznámka: :has() nemá podporu v IE. Pro starší prohlížeče přidej
   server-side třídu .has-article na .content-wrapper-in nebo JS fallback.
   ========================================================================= */

.content-wrapper-in:has(
		.pageArticleDetail,
		.news-item,
		.news-item-detail,
		article[itemtype*="Article"]
	)
	.sidebar {
	display: none;
}

/* Roztáhnutí obsahu na celou šířku na článcích */
.content-wrapper-in:has(
		.pageArticleDetail,
		.news-item,
		.news-item-detail,
		article[itemtype*="Article"]
	)
	.content {
	width: 100%;
	max-width: 100%;
	padding: 0 20px;
}


/* =========================================================================
   DETAIL PRODUKTU
   ========================================================================= */

/* Jednotková cena */
.unit-name {
	padding: 0 15px;
	color: #c4c4c4;
}