/*
 * Blokkenoverzicht (pagina "Alle blokken"): een label met nummer en naam boven elk blok (inc/blokken.php).
 * Alleen geladen op die pagina.
 */

.blok-label { padding: 34px 0 0; }
.blok-label .site-container { display: flex; align-items: center; gap: 14px; }
.blok-label .site-container::after { height: 0; flex: 1; content: ""; border-top: 2px dashed #D9CDBF; }
.blok-label p { display: inline-flex; align-items: center; gap: 10px; margin: 0; padding: 6px 16px 6px 6px; color: #14233B; background: var(--swo-color-card); border: 1px solid #D9CDBF; border-radius: 999px; font-size: 16px; font-weight: 800; line-height: 1.3; }
.blok-label__nummer { display: inline-flex; min-width: 30px; height: 30px; align-items: center; justify-content: center; padding: 0 8px; color: #FFFFFF; background: #14233B; border-radius: 999px; font-size: 15px; }
.blok-label + .blok { padding-top: 18px; }
.blok-label + .blok-pagina-kop, .blok-label + :not(.blok) { margin-top: 18px; }
#primary > .blok-label:first-child { padding-top: 22px; }