/**
 * Complianz legal documents — the site's own typography, not the theme's default page.
 *
 * WHY THIS FILE EXISTS (measured on live, 2026-10-19):
 *   `/slapuku-politika-es/` is a PLAIN WordPress page, not an Elementor one. Its body text rendered in
 *   Open Sans at 14px with `letter-spacing: 1px`, and its headings in Open Sans at 22px — while every other
 *   content page on the shop uses **Commissioner 32/700** for headings and the **system-UI stack** for text.
 *   It also had **no <h1> at all** (the theme's page title is switched off site-wide), and its h2 and h3
 *   were the SAME size, so the document had no visual hierarchy.
 *
 * SCOPING: every rule sits under `body.cmplz-document` — the class Complianz puts on any page it generates.
 *   Nothing outside a Complianz document can be affected, and the file is only enqueued on pages.
 *
 * ⚠️ `letter-spacing` INHERITS and the theme sets `1px` on `body`. That is this project's D-095 trap: it
 *   makes correct type look like the wrong typeface. Every block below resets it explicitly. Do not "tidy"
 *   those resets away.
 *
 * ⚠️ No `!important` anywhere. If a rule ever fails to take, count specificity before reaching for one.
 *
 * ⚠️⚠️ WHY SOME SELECTORS CARRY `#cmplz-document` AND OTHERS DO NOT — MEASURED, NOT GUESSED (2026-10-19).
 *   Complianz ships its own `document.min.css`, and two of its rules use an ID:
 *       #cmplz-document p, #cmplz-document li, #cmplz-document td { font-size: 14px }
 *       #cmplz-document h2, #cmplz-document h3 { font-size: 22px }
 *   An ID beats three classes, so the FIRST version of this file lost the SIZE and kept the rest: the
 *   headings rendered in Commissioner (right face) but h2 and h3 both measured 22px and body text 14px —
 *   i.e. the flat hierarchy this file exists to fix was still there, and nothing reported an error.
 *   Adding `#cmplz-document` to the size rules wins the tie; PROVED in the browser — with it 24/19/16/16,
 *   without it 22/22/14/14.
 *   The `font-family`, `letter-spacing`, colour and margin rules do NOT need the ID, because Complianz
 *   does not set those properties — and `.irkn-legal__title` must NOT carry it, because that <h1> is
 *   injected into the page content OUTSIDE the #cmplz-document container.
 *   This is the D-096 family: an equal-or-stronger selector wins silently.
 */

/* ---------------------------------------------------------------------------
   1. The reading column — aligned to the shop's own content edge.
   --------------------------------------------------------------------------- */
body.cmplz-document #content-wrap.container {
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: clamp(16px, 4.5vw, 40px);
	padding-right: clamp(16px, 4.5vw, 40px);
}

body.cmplz-document .single-page-article {
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: normal;
	word-spacing: normal;
	color: #111827;
}

/* ---------------------------------------------------------------------------
   2. Headings — the shop's heading face (Commissioner), with a real scale.
   --------------------------------------------------------------------------- */
body.cmplz-document .single-page-article h1,
body.cmplz-document .single-page-article h2,
body.cmplz-document .single-page-article h3,
body.cmplz-document .single-page-article h4 {
	font-family: Commissioner, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: 1.25;
	color: #111827;
}

body.cmplz-document .irkn-legal__title {
	font-size: 32px;
	margin: 0 0 24px;
}

body.cmplz-document #cmplz-document h2,
body.cmplz-document .single-page-article h2 {
	font-size: 24px;
	margin: 40px 0 12px;
}

body.cmplz-document #cmplz-document h3,
body.cmplz-document .single-page-article h3 {
	font-size: 19px;
	margin: 30px 0 10px;
}

body.cmplz-document #cmplz-document h4,
body.cmplz-document .single-page-article h4 {
	font-size: 17px;
	margin: 24px 0 8px;
}

/* ---------------------------------------------------------------------------
   3. Text blocks.
   --------------------------------------------------------------------------- */
body.cmplz-document #cmplz-document p,
body.cmplz-document #cmplz-document li,
body.cmplz-document #cmplz-document td,
body.cmplz-document .single-page-article p,
body.cmplz-document .single-page-article li {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: normal;
	color: #374151;
}

body.cmplz-document .single-page-article p {
	margin: 0 0 16px;
}

body.cmplz-document .single-page-article ul,
body.cmplz-document .single-page-article ol {
	margin: 0 0 20px;
	padding-left: 22px;
}

body.cmplz-document .single-page-article li {
	margin-bottom: 8px;
}

/* ---------------------------------------------------------------------------
   4. Links — the brand blue, and visibly links.
   --------------------------------------------------------------------------- */
body.cmplz-document .single-page-article a {
	color: #203ba6;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.cmplz-document .single-page-article a:hover,
body.cmplz-document .single-page-article a:focus {
	color: #16286f;
}

/* ---------------------------------------------------------------------------
   5. The cookie tables Complianz generates.
   --------------------------------------------------------------------------- */
body.cmplz-document #cmplz-document table,
body.cmplz-document .single-page-article table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 24px;
	font-size: 15px;
	letter-spacing: normal;
}

body.cmplz-document .single-page-article th,
body.cmplz-document .single-page-article td {
	border: 1px solid #e5e7eb;
	padding: 10px 12px;
	text-align: left;
	vertical-align: top;
	letter-spacing: normal;
}

body.cmplz-document .single-page-article th {
	background: #f7f8fa;
	font-weight: 600;
	color: #111827;
}

/* ---------------------------------------------------------------------------
   6. Complianz's own dropdowns keep the site's type rather than the theme's.
   --------------------------------------------------------------------------- */
body.cmplz-document .cmplz-dropdown,
body.cmplz-document .cmplz-dropdown summary,
body.cmplz-document .cmplz-service-desc {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	letter-spacing: normal;
}

/* ---------------------------------------------------------------------------
   7. Phones — one step down, still readable, still no sideways scroll.
   --------------------------------------------------------------------------- */
@media (max-width: 600px) {
	body.cmplz-document .irkn-legal__title {
		font-size: 26px;
		margin-bottom: 18px;
	}

	body.cmplz-document #cmplz-document h2,
	body.cmplz-document .single-page-article h2 {
		font-size: 21px;
		margin-top: 32px;
	}

	body.cmplz-document #cmplz-document h3,
	body.cmplz-document .single-page-article h3 {
		font-size: 18px;
	}

	body.cmplz-document #cmplz-document table,
	body.cmplz-document .single-page-article table {
		font-size: 14px;
	}

	body.cmplz-document .single-page-article th,
	body.cmplz-document .single-page-article td {
		padding: 8px 10px;
	}
}