/**
 * Legal / document pages (page-vseobecne-obchodne-podmienky.php,
 * page-ochrana-osobnych-udajov.php).
 *
 * Styled from DESIGN-SYSTEM.md — no mockup. A deliberately formal, restrained
 * document layout: a centered page head, a narrow single reading column, quiet
 * section rules and generous line-height. No gradients, pills or card hovers —
 * the tone is legal, not marketing. Reuses the shared breadcrumb, .btn and the
 * design tokens. Shared by both legal templates.
 *
 * Mobile-first; scales at the theme's breakpoints (>=561px, >=981px).
 *
 * @package Bozpo_Custom
 */

/* One-off reading measure declared as a scoped custom property on the root. */
.legal {
	--legal-measure: 820px;
}

/* =============================== Page head =============================== */
.legal-head {
	max-width: var(--legal-measure);
	margin: 0 auto;
	padding: var(--space-34) var(--wrap-pad) var(--space-8);
	text-align: center;
	border-bottom: 1px solid var(--color-border);
}

.legal-head__eyebrow {
	display: inline-block;
	margin-bottom: var(--space-10);
	color: var(--color-primary);
	font-size: var(--text-12-5);
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.legal-head__title {
	margin: 0 0 var(--space-10);
	font-family: var(--font-display);
	font-size: var(--text-28);
	font-weight: 800;
	line-height: var(--leading-105);
}

.legal-head__meta {
	margin: 0;
	color: var(--color-muted);
	font-size: var(--text-13);
}

/* =============================== Document =============================== */
.legal__doc {
	max-width: var(--legal-measure);
	margin: 0 auto;
	padding: var(--space-28) var(--wrap-pad) var(--space-46);
	color: var(--c-ink-body);
	font-size: var(--text-15);
	line-height: var(--leading-170);
}

.legal__doc p {
	margin: 0 0 var(--space-14);
}

.legal__doc strong,
.legal__doc b {
	color: var(--color-text);
	font-weight: 600;
}

.legal__doc a {
	color: var(--color-primary);
	text-decoration: none;
}

.legal__doc a:hover {
	text-decoration: underline;
}

/* Section titles — quiet document rules, not marketing headers. */
.legal__doc h2 {
	margin: var(--space-34) 0 var(--space-14);
	padding-bottom: var(--space-8);
	border-bottom: 1px solid var(--color-border);
	font-family: var(--font-display);
	font-size: var(--text-21);
	font-weight: 700;
	line-height: var(--leading-105);
	color: var(--color-text);
}

.legal__doc h2:first-child {
	margin-top: 0;
}

.legal__doc h3 {
	margin: var(--space-24) 0 var(--space-10);
	font-family: var(--font-display);
	font-size: var(--text-16);
	font-weight: 700;
	color: var(--color-text);
}

.legal__doc ul {
	margin: 0 0 var(--space-14);
	padding-left: var(--space-22);
}

.legal__doc li {
	margin-bottom: var(--space-8);
}

.legal__doc li::marker {
	color: var(--color-primary);
}

/* ---- Operator identity card (VOP intro block) ---- */
.legal__entity {
	margin: var(--space-24) 0 var(--space-28);
	padding: var(--space-22) var(--space-24);
	background: var(--surface-soft);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-12);
	font-size: var(--text-14);
	line-height: var(--leading-relaxed);
}

.legal__entity p {
	margin: 0 0 var(--space-8);
}

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

/* ---- Download / withdrawal-form link ---- */
.legal__download {
	margin-top: var(--space-28);
	text-align: center;
}

.legal__download .btn svg {
	display: none;
}

/* =============================== Desktop =============================== */
@media (min-width: 981px) {
	.legal-head {
		padding-top: var(--space-46);
	}
}