@charset "UTF-8";
/* ============================================================
   Opsomming-laag (layer_text · type=___text_enumerations)
   Conditioneel geladen via SiteApp::cssLinks() op marker
   `.layer--text-enumerations`. Spacing/iconsize komen uit het CMS
   (enumerations-config) via de --enum-*-vars op .enumerations.
   ============================================================ */

.layer--text-enumerations__intro { margin: 0 0 var(--space-3, 1.25rem); }

/* Lijst (format 1/2/3): grid die de regels in kolommen laat vloeien.
   Kolom-aantal = `enumeration_format` (data-format): 1 = één kolom (= tekstbreedte,
   default), 2/3 = naast elkaar. NIET auto-fill (dat spreidde de regels over de volle
   container → buiten de tekstlijn, Gitea #27). Kolom-/rij-afstand = CMS-config. */
.enumerations {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: var(--enum-col-gap, 2rem);
    row-gap: var(--enum-row-gap, 1.25rem);
    margin: var(--space-3, 1.25rem) 0 0;
}
.enumerations[data-format="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.enumerations[data-format="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 640px) { .enumerations[data-format] { grid-template-columns: 1fr; } }

.enumeration {
    display: flex;
    align-items: flex-start;
    gap: .6em;
}

/* Bullet/icoon: breedte uit de CMS-config (--enum-icon-size). SVG erft de
   themakleur (currentColor) zodat-ie meekleurt met het thema. */
.enumeration__media {
    flex-shrink: 0;
    width: var(--enum-icon-size, 2rem);
    max-width: 100%;
    color: var(--color-primary, currentColor);
    line-height: 0;
}
.enumeration__media img,
.enumeration__media svg { width: 100%; height: auto; display: block; }
.enumeration__media svg [fill]:not([fill="none"]):not([fill^="url"])       { fill: currentColor; }
.enumeration__media svg [stroke]:not([stroke="none"]):not([stroke^="url"]) { stroke: currentColor; }

.enumeration__body { min-width: 0; }
.enumeration__title    { font-weight: 600; }
.enumeration__subtitle { color: var(--color-fg-muted, #6b7280); font-size: .9rem; }
.enumeration__text     { font-size: .95rem; margin-top: .25rem; }
.enumeration__text :last-child { margin-bottom: 0; }
.enumeration__link     { margin-top: .6rem; }

/* Tabel (format 4): titel | subtitel. */
.enumeration-table { width: 100%; border-collapse: collapse; margin: var(--space-3, 1.25rem) 0 0; }
.enumeration-table td {
    padding: .5rem .6rem;
    vertical-align: top;
    border-bottom: 1px solid var(--color-border, #e2e8f0);
}
.enumeration-table tr:last-child td { border-bottom: 0; }
.enumeration-table .enumeration__title    { font-weight: 600; }
.enumeration-table .enumeration__subtitle { color: var(--color-fg-muted, #6b7280); }