/**
 * @file rich_text_block.css
 * Rich Text Block component — wrapper voor inline rich-text inhoud.
 */

/* ─── Basis ───────────────────────────────────────────────── */
.nnn-rich-text-block {
  display: block;
}

.nnn-rich-text-block__content {
  display: flex;
  flex-direction: column;
  gap: var(--nnn-space-md);
}

/* ─── Reset marges op eerste/laatste child ───────────────── */
.nnn-rich-text-block__content > :first-child {
  margin-top: 0;
}

.nnn-rich-text-block__content > :last-child {
  margin-bottom: 0;
}

/* ─── Typografie binnen rich-text (oude variant met nnn- prefix) ─── */
.nnn-rich-text-block__content :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: var(--nnn-space-sm);
}

.nnn-rich-text-block__content p {
  margin: 0;
}

.nnn-rich-text-block__content ul,
.nnn-rich-text-block__content ol {
  margin: 0;
  padding-left: 1.5em;
}

/* ─── Lijsten binnen rich-text content ─── */
.rich-text-block__content ul,
.rich-text-block__content ol {
  margin: 1rem 0;
  padding-left: 1.75rem;
  list-style-position: outside;
}

.rich-text-block__content ul {
  list-style-type: disc;
}

.rich-text-block__content ol {
  list-style-type: decimal;
}

.rich-text-block__content li {
  margin: 0.25rem 0;
}

/* Geneste lijsten */
.rich-text-block__content ul ul {
  list-style-type: circle;
}

.rich-text-block__content ul ul ul {
  list-style-type: square;
}

.rich-text-block__content ol ol {
  list-style-type: lower-alpha;
}

.nnn-rich-text-block__content blockquote {
  margin: 0;
  padding-inline-start: var(--nnn-space-md);
  border-inline-start: 3px solid currentColor;
  opacity: 0.85;
}

.nnn-rich-text-block__content a {
  text-decoration: underline;
}

/* ─── Heading typografie (matcht de class in de gerenderde DOM) ─── */
.rich-text-block__content h2 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 2rem 0 0.75rem;
}

.rich-text-block__content h3 {
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 1.5rem 0 0.5rem;
}

.rich-text-block__content h4 {
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.35;
  margin: 1.25rem 0 0.5rem;
}

.rich-text-block__content h5,
.rich-text-block__content h6 {
  font-size: 1rem;
  font-weight: 600;
  margin: 1rem 0 0.5rem;
}

.rich-text-block__content > *:first-child {
  margin-top: 0;
}

.rich-text-block__content > *:last-child {
  margin-bottom: 0;
}
/* Footer streep onderaan rich text block verbergen */
.rich-text-block__footer {
  border: none;
  border-top: none;
}
h1.rich-text-block__title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.15;
}