/* ==========================================================================
   EvenJij juridische pagina's (/privacy, /cookies, /voorwaarden)
   Aanvullende stylesheet: alleen leesbaarheid van lange lopende tekst.
   Porto en skin-evenjij doen het zware werk; hier staan geen kleuren of
   componenten die daar al gedefinieerd zijn opnieuw uitgevonden.
   ========================================================================== */

.ej-legal {
  max-width: 52rem;   /* ongeveer 75 tekens per regel, prettig leesbaar */
  margin: 0 auto;
}

.ej-legal h2 {
  color: #644534;
  font-size: 1.45rem;
  font-weight: 700;
  margin: 2.5rem 0 0.85rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #E3D8CD;
}

.ej-legal h2:first-of-type { margin-top: 1rem; }

.ej-legal h3 {
  color: #52382a;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 1.75rem 0 0.6rem;
}

.ej-legal p,
.ej-legal li {
  color: #3B3937;
  font-size: 1rem;
  line-height: 1.75;
}

.ej-legal ul,
.ej-legal ol { margin-bottom: 1.25rem; padding-left: 1.35rem; }
.ej-legal li { margin-bottom: 0.45rem; }

.ej-legal a {
  color: #644534;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ej-legal a:hover { color: #967F71; }

/* ── Conceptwaarschuwing ─────────────────────────────────────────────────
   Bewust opvallend en niet weg te scrollen boven de tekst. Dit document is
   niet door een jurist nagekeken en dat moet de lezer meteen zien. */

.ej-legal-draft {
  display: flex;
  gap: 1rem;
  padding: 1.15rem 1.35rem;
  margin-bottom: 2rem;
  background: #FDF6E8;
  border: 2px solid #C9A227;
  border-left-width: 6px;
  color: #4a3b12;
}

.ej-legal-draft i {
  flex: 0 0 auto;
  margin-top: 0.2rem;
  font-size: 1.25rem;
  color: #9a7d1c;
}

.ej-legal-draft strong { display: block; margin-bottom: 0.3rem; font-size: 1rem; }
.ej-legal-draft p { margin: 0; font-size: 0.92rem; line-height: 1.65; color: #4a3b12; }

/* ── Placeholders die nog ingevuld moeten worden ─────────────────────── */

.ej-placeholder {
  display: inline-block;
  padding: 0.05rem 0.4rem;
  background: #FDF0D5;
  border: 1px dashed #C9A227;
  color: #7a5f10;
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.88em;
  font-weight: 600;
  white-space: nowrap;
}

/* ── Tabellen (cookieoverzicht, bewaartermijnen) ─────────────────────── */

.ej-legal-table-wrap { overflow-x: auto; margin-bottom: 1.5rem; }

.ej-legal-table {
  width: 100%;
  min-width: 34rem;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #E3D8CD;
}

.ej-legal-table th,
.ej-legal-table td {
  padding: 0.7rem 0.85rem;
  border: 1px solid #E3D8CD;
  font-size: 0.92rem;
  line-height: 1.55;
  text-align: left;
  vertical-align: top;
}

.ej-legal-table th {
  background: #F2ECE5;
  color: #52382a;
  font-weight: 700;
}

.ej-legal-table td { color: #3B3937; }

/* ── Inhoudsopgave ───────────────────────────────────────────────────── */

.ej-legal-toc {
  padding: 1.15rem 1.35rem;
  margin-bottom: 2rem;
  background: #FBF7F2;
  border: 1px solid #E3D8CD;
}

.ej-legal-toc h2 {
  margin: 0 0 0.6rem;
  padding: 0;
  border: 0;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.ej-legal-toc ol { margin: 0; padding-left: 1.25rem; }
.ej-legal-toc li { margin-bottom: 0.25rem; }

.ej-legal-meta {
  font-size: 0.88rem;
  color: #6b6560;
  margin-bottom: 1.5rem;
}

/* Uitgelicht kader voor de belangrijkste belofte over kindgegevens. */
.ej-legal-callout {
  padding: 1.15rem 1.35rem;
  margin: 1.5rem 0;
  background: #F2ECE5;
  border-left: 6px solid #644534;
}

.ej-legal-callout p:last-child { margin-bottom: 0; }