/* Základ: písmo, barvy, nadpisy, odkazy, obrázky. Holé selektory chrání :where(), aby nezasahovaly do panelů Visual Builderu. */
body,
body.et_divi_theme {
	font-family: var(--font);
	font-size: var(--fs-body);
	line-height: 1.7;
	color: var(--c-text);
	background: var(--c-bg);
	-webkit-font-smoothing: antialiased;
}
#page-container,
#et-main-area,
#main-content {
	background: var(--c-bg);
}
:where(:not(.et-vb-top-window-ui *, .et-vb-modal *)) h1,
:where(:not(.et-vb-top-window-ui *, .et-vb-modal *)) h2,
:where(:not(.et-vb-top-window-ui *, .et-vb-modal *)) h3,
:where(:not(.et-vb-top-window-ui *, .et-vb-modal *)) h4,
:where(:not(.et-vb-top-window-ui *, .et-vb-modal *)) h5,
:where(:not(.et-vb-top-window-ui *, .et-vb-modal *)) h6 {
	font-family: var(--font);
	color: var(--c-heading);
	font-weight: 600;
	line-height: 1.3;
	padding: 0;
	margin: 0 0 .6em;
}
:where(:not(.et-vb-top-window-ui *, .et-vb-modal *)) h1 { font-size: var(--fs-h1); }
:where(:not(.et-vb-top-window-ui *, .et-vb-modal *)) h2 { font-size: var(--fs-h2); }
:where(:not(.et-vb-top-window-ui *, .et-vb-modal *)) h3 { font-size: var(--fs-h3); }
:where(:not(.et-vb-top-window-ui *, .et-vb-modal *)) h4 { font-size: var(--fs-h4); }
:where(:not(.et-vb-top-window-ui *, .et-vb-modal *)) h5,
:where(:not(.et-vb-top-window-ui *, .et-vb-modal *)) h6 { font-size: var(--fs-body); }

a {
	color: var(--c-accent);
	transition: color .2s ease;
}
a:hover {
	color: var(--c-accent-dark);
}
img {
	max-width: 100%;
	height: auto;
}
p {
	padding-bottom: 0;
	margin: 0 0 1em;
}
p:last-child {
	margin-bottom: 0;
}
strong,
b {
	font-weight: 700;
	color: inherit;
}
[hidden] {
	display: none !important;
}

/* Divi 5: sekce a řádky bez výchozích mezer, rytmus řídí třídy sekcí */
:is(.et-l--post, .et-l--body) .et_pb_section {
	padding: var(--section-y) 0;
}
:is(.et-l--post, .et-l--body, .et-l--footer) .et_pb_row {
	width: 92%;
	max-width: var(--container);
	padding: 0 !important;
}
:is(.et-l--post, .et-l--body) .et_pb_row + .et_pb_row {
	margin-top: 32px;
}
:is(.et-l--post, .et-l--body, .et-l--footer) .et_pb_column {
	row-gap: 24px;
}
#main-content .container::before {
	display: none;
}
#main-content .container {
	padding-top: 0;
}
/* sloupec v řádku vždy na celou šířku řádku (Divi 5 flex) */
:is(.et-l--post, .et-l--body, .et-l--header, .et-l--footer) .et_pb_row > .et_pb_column {
	width: 100%;
	flex: 1 1 100%;
}
