/*============================================================================
   12-utilities.css — .container, .eyebrow, .section-head
   POZOR: .container musí mít STEJNÉ metriky jako .et_pb_row (quirk #28) —
   při změně mobile šířky měnit OBOJÍ najednou (i v 99-responsive.css).
============================================================================*/

.container {
	width: 92%;
	max-width: var(--container);
	margin: 0 auto;
	padding: 0;
}

/* Divi má výchozí šířku řady ~1080px (užší než náš kontejner 1320). Třída
   `nj-wide` na Row (nebo Section) srovná řadu na naši šířku — pro Divi stránky
   (Ceník, Oblíbené, Kontakt…), aby seděly s PHP šablonami (výpisy/detaily). */
.et_pb_row.nj-wide,
.nj-wide > .et_pb_row,
.nj-wide .et_pb_row {
	max-width: var(--container) !important;
	width: 92% !important;
}

/* ---------------------------------------------------------------------------
   Výchozí WP stránky/příspěvky BEZ Divi builderu (Divi page.php → struktura
   #main-content > .container > #content-area > #left-area > .entry-content).
   Naše PHP šablony ani builder stránky tuto strukturu nemají → bezpečné.
   Doplní odsazení shora/zdola a sjednotí barvu odkazů v obsahu.
   --------------------------------------------------------------------------- */
/* padding-top musí přebít 01-base `#main-content .container{padding-top:0!important}` */
#main-content > .container { padding-top: 64px !important; padding-bottom: 84px; }
#left-area .entry-content a { color: var(--accent-deep); text-decoration: underline; text-underline-offset: 2px; }
#left-area .entry-content a:hover { color: var(--accent); }
/* čitelnost dlouhých textů (podmínky apod.) */
#left-area .entry-content > * + * { margin-top: 1rem; }
#left-area .entry-content h2 { margin-top: 2rem; }
#left-area .entry-content ul, #left-area .entry-content ol { padding-left: 1.4rem; }

.eyebrow {
	font-family: var(--font-sans);
	font-size: var(--fs-eyebrow);
	font-weight: 600;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--accent-deep);
	margin-bottom: .8rem;
	display: block;
}

/* Section-head pattern: Row.section-head → eyebrow + H2 + popis */
.section-head.et_pb_row {
	max-width: 760px !important;
	margin: 0 auto !important;
	text-align: center;
	row-gap: 0 !important;
}
.section-head .et_pb_module { margin-bottom: 12px !important; }
.section-head .et_pb_module:last-child { margin-bottom: 0 !important; }

/* .eyebrow / .lead / .crumb jako CSS Class přímo na Divi Text modulu:
   font vlastnosti dědí vnitřní <p>, jen mu vynulovat mezery. Díky tomu lze
   hero (page-hero) skládat z více Text modulů s třídou (lepší editace). */
.eyebrow p,
.lead p,
.crumb p {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	color: inherit;
}