/* ═══════════════════════════════════════════════════════════════
   orj-core · Footer (B-064, v2.15.0)
   Maten: canvas "Footer ontslagrechtjuristen.nl" r2, gemeten in
   Chromium met de Inter-bestanden uit de plugin — desktop 709 hoog op
   1455 (inhoud 1215), tablet 1063 op 768, mobiel 1905 op 393.
   Regels: ORJ-CTA-SYSTEM.md §16 (footer), §2b (kleur), §12 (grenzen
   1120 · 960 · 640 — berekend, niet aangenomen).
   Kleur op crème (#f7f1e8): ink 15,8:1 · #4b5563 6,7:1 · green-dark
   5,5:1. Muted (#6b7280) haalt hier 4,3:1 en komt dus niet voor.
   Geen oranje: de footer heeft geen knop (§3, één solid per viewport).
   Pro-omgeving: kritieke eigenschappen op !important en elke maat op
   een afbeelding gescoped (B-001, B-055 — bekende foutfamilie).
   ═══════════════════════════════════════════════════════════════ */

.orj-ftr, .orj-ftr * { box-sizing: border-box; font-family: var(--orj-font) !important; }
.orj-ftr {
	position: relative;
	clear: both;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--orj-paper, #f7f1e8) !important;
	color: var(--orj-ink);
	-webkit-font-smoothing: antialiased;
}
.orj-ftr-in { max-width: var(--orj-container, 1263px); margin: 0 auto; padding: 72px 24px 20px; }

/* Resets tegen thema-typografie en -lijsten */
.orj-ftr h2, .orj-ftr p, .orj-ftr ul, .orj-ftr li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	list-style: none !important;
	text-transform: none !important;
}
.orj-ftr li::before, .orj-ftr li::after { content: none !important; }
.orj-ftr a, .orj-ftr a:visited { color: var(--orj-ink) !important; text-decoration: none !important; box-shadow: none !important; }
.orj-ftr a:hover { color: var(--orj-ink) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; }
.orj-ftr a:focus-visible, .orj-ftr button:focus-visible { outline: 2px solid var(--orj-green) !important; outline-offset: 2px; border-radius: 2px; }

/* B-078 (v2.21.2): de Pro-footer (<footer class="x-colophon">) blijft in
   Pro toegewezen en rendert een lege sectie/rij/kolom met zijn eigen
   padding — gemeten 132 px wit tussen de laatste sectie en onze footer,
   een valse bodem vóór nieuws, e-book en sitemap. Zelfbegrenzend
   verborgen: alleen zolang er niets anders in staat dan (lege) divs.
   Zet iemand er tekst, een menu of een afbeelding in (p, ul, a, img —
   alles behalve div), dan verschijnt hij vanzelf weer; geen stille
   uitval, en display:none haalt het element uit de toegankelijkheidsboom
   (geen tweede contentinfo). Zonder :has()-ondersteuning blijft de ruimte
   staan — onschuldig. De toewijzing in Pro alsnog weghalen blijft de
   netste HTML geven; deze regel is dan slapend. */
.x-colophon:not(:has(:not(div))) { display: none !important; }

/* Lijn (haarlijn in een warme tint: 1,26:1 op crème — structuur, geen tekst) */
.orj-ftr-lijn { height: 1px; background: #e2d8c8; margin: 48px 0; }
.orj-ftr-lijn--bodem { margin: 28px 0 18px; }

/* ── 1 · Actueel ───────────────────────────────────────────── */
.orj-ftr-actueel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; row-gap: 36px; }
.orj-ftr-lijst { min-width: 0; }
.orj-ftr-lijstkop { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.orj-ftr .orj-ftr-h2 { font-size: 20px !important; font-weight: 700 !important; line-height: 28px !important; letter-spacing: -.01em !important; color: var(--orj-ink) !important; }
/* Variant 4 (§3). Gescoped: .orj-ftr a (0-1-1) wint anders van .orj-textlink (0-1-0). */
.orj-ftr a.orj-textlink, .orj-ftr a.orj-textlink:visited, .orj-ftr a.orj-textlink:hover { color: var(--orj-green-dark) !important; }
.orj-ftr a.orj-ftr-alle { gap: 6px; font-size: 15px !important; font-weight: 600 !important; line-height: 22px !important; white-space: nowrap; }
.orj-ftr .orj-ftr-items { margin-top: 14px !important; display: flex; flex-direction: column; }   /* gescoped: de lijstreset (.orj-ftr ul, 0-1-1) wint anders */
.orj-ftr a.orj-ftr-item { display: flex; align-items: baseline; gap: 16px; padding: 7px 0; }
.orj-ftr a.orj-ftr-item:hover { text-decoration: none !important; }
.orj-ftr a.orj-ftr-item:hover .orj-ftr-titel { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.orj-ftr-datum { flex: 0 0 64px; font-size: 13px !important; font-weight: 500 !important; line-height: 20px !important; color: #4b5563 !important; font-variant-numeric: tabular-nums; }
.orj-ftr-titel { min-width: 0; font-size: 15.5px !important; font-weight: 400 !important; line-height: 23px !important; color: var(--orj-ink); }

/* ── 2 · Navigatie — vier groepen, zelfde raster als actueel ── */
.orj-ftr-nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 48px; row-gap: 32px; }
.orj-ftr-groep { min-width: 0; }
.orj-ftr .orj-ftr-groepkop { font-size: 15px !important; font-weight: 600 !important; line-height: 22px !important; letter-spacing: 0 !important; color: var(--orj-ink) !important; }
.orj-ftr .orj-ftr-links { margin-top: 12px !important; }
.orj-ftr .orj-ftr-links a { display: block; padding: 5px 0; font-size: 15px !important; font-weight: 400 !important; line-height: 22px !important; }

/* ── 3 · Bodem — lidmaatschap en social ────────────────────── */
.orj-ftr-bodemrij { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px 32px; margin-top: 56px; }
.orj-ftr .orj-ftr-lid { display: inline-flex; align-items: center; gap: 16px; }
.orj-ftr a.orj-ftr-lid:hover { text-decoration: none !important; }
.orj-ftr a.orj-ftr-lid:hover .orj-ftr-lidnaam { text-decoration: underline; text-underline-offset: 3px; }
.orj-ftr-klein { font-size: 13.5px !important; font-weight: 500 !important; line-height: 20px !important; color: #4b5563 !important; }
.orj-ftr-lidnaam { font-size: 13.5px !important; font-weight: 500 !important; line-height: 20px !important; color: var(--orj-ink); }
.orj-ftr img.orj-ftr-lidlogo { display: block; height: var(--ftr-lid-h, 40px) !important; width: auto !important; max-width: 220px !important; border: 0 !important; box-shadow: none !important; }
.orj-ftr-social { display: flex; align-items: center; flex-wrap: wrap; column-gap: 24px; }
.orj-ftr .orj-ftr-sociallijst { display: flex; flex-wrap: wrap; column-gap: 20px; }
.orj-ftr .orj-ftr-sociallijst--iconen { column-gap: 4px; }
.orj-ftr a.orj-ftr-net { display: inline-flex; align-items: center; min-height: 44px; font-size: 13.5px !important; font-weight: 500 !important; line-height: 20px !important; }
.orj-ftr a.orj-ftr-net--icoon { justify-content: center; min-width: 44px; }
/* Officieel bestand, ongewijzigd: geen filter, geen kleur — alleen de maat (derde-partij-regel). */
.orj-ftr img.orj-ftr-icoon { display: block; height: 20px !important; width: auto !important; max-width: 32px !important; border: 0 !important; box-shadow: none !important; }

/* ── 4 · Juridisch ─────────────────────────────────────────── */
.orj-ftr-juridisch { display: flex; align-items: baseline; justify-content: space-between; gap: 8px 32px; }
.orj-ftr .orj-ftr-entiteit { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 2px; font-size: 13.5px !important; font-weight: 400 !important; line-height: 20px !important; color: #4b5563 !important; }
.orj-ftr-nowrap { white-space: nowrap; }
.orj-ftr .orj-ftr-jurlinks { flex: 0 0 auto; display: flex; flex-wrap: wrap; column-gap: 24px; }
.orj-ftr .orj-ftr-jurlinks a,
.orj-ftr button.orj-ftr-cookie {
	display: inline-block;
	margin: 0 !important;
	padding: 12px 0 !important;
	height: auto !important;
	min-height: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: var(--orj-ink) !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	line-height: 20px !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	cursor: pointer;
}
.orj-ftr button.orj-ftr-cookie:hover { background: none !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* ── Aanraken: tikdoelen van 48 (§8) ───────────────────────── */
@media (pointer: coarse) {
	.orj-ftr .orj-ftr-links { margin-top: 6px !important; }
	.orj-ftr .orj-ftr-links a { padding: 13px 0; }
	.orj-ftr a.orj-ftr-net { min-height: 48px; }
	.orj-ftr a.orj-ftr-net--icoon { min-width: 48px; }
	.orj-ftr .orj-ftr-jurlinks a, .orj-ftr button.orj-ftr-cookie { padding: 14px 0 !important; }
}

/* ── < 1120: vier groepen passen niet meer (breedste label 226 px, kolom < 230) ── */
@media (max-width: 1119px) {
	.orj-ftr-actueel { column-gap: 40px; }
	.orj-ftr-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; }
	.orj-ftr-lijn { margin: 40px 0; }
	.orj-ftr-lijn--bodem { margin: 24px 0 18px; }
	.orj-ftr-bodemrij { margin-top: 48px; }
	.orj-ftr-juridisch { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 959px) {
	.orj-ftr-in { padding: 56px 24px 20px; }
	.orj-ftr .orj-ftr-items { margin-top: 12px !important; }
	.orj-ftr a.orj-ftr-item { gap: 14px; padding: 8px 0; }
	.orj-ftr-datum { flex-basis: 60px; }
}
/* ── < 640: alles onder elkaar, geen uitklappers (NN/g: een footer niet verstoppen) ── */
@media (max-width: 639px) {
	.orj-ftr-in { padding: 48px 20px 20px; }
	.orj-ftr-actueel { grid-template-columns: minmax(0, 1fr); }
	.orj-ftr-nav { grid-template-columns: minmax(0, 1fr); row-gap: 24px; }
	.orj-ftr-lijn { margin: 36px 0; }
	.orj-ftr-lijn--bodem { margin: 20px 0; }
	.orj-ftr-bodemrij { flex-direction: column; align-items: flex-start; margin-top: 40px; }
	.orj-ftr-juridisch { gap: 12px; }
	.orj-ftr a.orj-ftr-item { gap: 12px; }
	.orj-ftr-datum { flex-basis: 56px; }
}

@media (prefers-reduced-motion: reduce) { .orj-ftr .orj-arrow { transition: none !important; } }
@media print { .orj-ftr-social, .orj-ftr-cookie { display: none !important; } }