/* Rondeboom — kernblokken van WordPress in de huisstijl. Tokens en componenten komen uit /huisstijl/rb.css. */

/* Pagina: één kolom van hoogstens paginabreedte, links uitgelijnd (zie .rb-pagina in rb.css). */
.wp-site-blocks { padding: 0; }
.wp-site-blocks > .rb-pagina { margin: 0; }
.rb-pagina main { min-height: 50vh; }
.rb-pagina :where(.wp-block-post-content) > * { max-width: var(--tekstbreedte); }
.rb-pagina :where(.wp-block-post-content) > :where(.wp-block-group, .wp-block-columns, .wp-block-table, .wp-block-image, .wp-block-gallery, .wp-block-rondeboom-tijdlijn, .wp-block-rondeboom-status, .alignwide, .alignfull) { max-width: none; }

/* Kopregel */
.rb-kopregel-wp { margin-bottom: var(--ruimte-7); }
.rb-kopregel-wp .wp-block-navigation { font: 700 15px/22px var(--font-sans); gap: var(--ruimte-5); }
.rb-kopregel-wp .wp-block-navigation a, .rb-kopregel-wp .wp-block-navigation .wp-block-navigation-item__content { color: var(--blauw); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.rb-kopregel-wp .wp-block-navigation a:hover { text-decoration-thickness: 2px; }
.rb-kopregel-wp .wp-block-navigation .current-menu-item > a, .rb-kopregel-wp .wp-block-navigation [aria-current] { color: var(--inkt); text-decoration: none; }
.wp-block-navigation__responsive-container.is-menu-open { background: var(--papier) !important; color: var(--inkt) !important; padding: var(--ruimte-5); }
.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close { color: var(--inkt); }
.rb-woordmerk-blok { line-height: 1; }
.rb-woordmerk-blok a.rb-woordmerk { color: var(--inkt); text-decoration: none; }

/* Titel en inleiding */
.wp-block-post-title.rb-titel, .rb-pagina h1.wp-block-post-title { font: var(--t-titel); letter-spacing: -0.01em; margin: 0 0 var(--ruimte-3); }
p.is-style-inleiding { font: var(--t-inleiding); max-width: var(--tekstbreedte); }
p.is-style-bijschrift { font: var(--t-tekst-klein); color: var(--inkt-zacht); }

/* Knoppen: standaard primair (theme.json); stijlen Standaard en Stil zoals Knop. */
.wp-block-button__link { min-height: 40px; box-sizing: border-box; display: inline-flex; align-items: center; text-decoration: none; transition: filter .15s; }
.wp-block-button__link:hover { filter: brightness(.92); }
.wp-block-button__link:focus-visible { outline: var(--streep-nadruk) solid var(--focus); outline-offset: 2px; }
.wp-block-button.is-style-standaard .wp-block-button__link { color: var(--inkt); background: var(--vel); border-color: var(--lijn-sterk); }
.wp-block-button.is-style-standaard .wp-block-button__link:hover { background: var(--vel-2); filter: none; }
.wp-block-button.is-style-stil .wp-block-button__link { color: var(--blauw); background: transparent; border-color: transparent; text-decoration: underline; text-underline-offset: 3px; }
.wp-block-button.is-style-stil .wp-block-button__link:hover { background: var(--blauw-tint); filter: none; }
.wp-block-buttons { gap: var(--ruimte-3); }

/* Paneel: vel op papier met een haarlijn. */
.wp-block-group.is-style-paneel { background: var(--vel); border: var(--streep-haar) solid var(--lijn); border-radius: var(--hoek-l); padding: var(--ruimte-4); }
.wp-block-group.is-style-paneel > :first-child { margin-top: 0; }
.wp-block-group.is-style-paneel > :last-child { margin-bottom: 0; }
.wp-block-group.is-style-paneel .rb-tijdlijn { --rb-grond: var(--vel); }
.wp-block-columns { gap: var(--ruimte-5); }

/* Citaat: core/quote in de vorm van Citaat. */
.wp-block-quote { position: relative; margin: var(--ruimte-5) 0; padding: 0 0 0 40px; border: 0; max-width: var(--tekstbreedte); }
.wp-block-quote p { font: 400 20px/30px var(--font-serif); margin: 0 0 var(--ruimte-2); }
.wp-block-quote::before { content: "\201C"; position: absolute; left: 0; top: -6px; font: 64px/1 var(--font-serif); color: var(--hout); }
.wp-block-quote cite, .wp-block-quote .wp-block-quote__citation { display: block; margin-top: var(--ruimte-2); font: var(--t-tekst-klein); font-style: normal; color: var(--inkt-zacht); }
.wp-block-pullquote { border-top: var(--streep-haar) solid var(--lijn); border-bottom: var(--streep-haar) solid var(--lijn); padding: var(--ruimte-5) 0; text-align: left; }

/* Tabel: koppen op vel-2, regels in lijn, geen zebra. */
.wp-block-table table { border-collapse: collapse; width: 100%; background: var(--vel); }
.wp-block-table thead { border-bottom: 0; }
.wp-block-table th { font: var(--t-label); text-align: left; background: var(--vel-2); border: 0; border-bottom: var(--streep-haar) solid var(--lijn); padding: var(--ruimte-2) var(--ruimte-3); }
.wp-block-table td { border: 0; border-bottom: var(--streep-haar) solid var(--lijn); padding: var(--ruimte-2) var(--ruimte-3); }
.wp-block-table { border: var(--streep-haar) solid var(--lijn); border-radius: var(--hoek-l); overflow-x: auto; }
.wp-block-table figcaption { padding: var(--ruimte-2) var(--ruimte-3); margin: 0; }
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: none; }

/* Scheidingslijn, afbeelding, bijschrift. */
.wp-block-separator { border: 0; border-top: var(--streep-haar) solid var(--lijn); opacity: 1; margin: var(--ruimte-6) 0; }
.wp-block-image figcaption, .wp-element-caption { font: var(--t-tekst-klein); color: var(--inkt-zacht); text-align: left; }

/* Opmaak Bronlabel (span.rb-bron-…) en Invulveld (mark.rb-invul-haken) uit de editor. */
:is(.rb-bron-feit, .rb-bron-waarneming, .rb-bron-duiding, .rb-bron-open):not(.rb-bron) { display: inline-flex; align-items: center; gap: var(--ruimte-1); padding: 0 var(--ruimte-2) 0 6px; font: 700 13px/20px var(--font-sans); white-space: nowrap; background: var(--vel); border: var(--streep-haar) solid currentColor; border-radius: var(--hoek-s); vertical-align: 1px; }
:is(.rb-bron-feit, .rb-bron-waarneming, .rb-bron-duiding, .rb-bron-open):not(.rb-bron)::before { content: ""; width: 10px; height: 10px; flex: none; background: currentColor; -webkit-mask: var(--rb-bron-vorm) center / 10px 10px no-repeat; mask: var(--rb-bron-vorm) center / 10px 10px no-repeat; }
.rb-bron-feit { color: var(--feit); }
.rb-bron-waarneming { color: var(--waarneming); }
.rb-bron-duiding { color: var(--duiding); }
.rb-bron-open { color: var(--open); border-style: dashed !important; }
mark.rb-invul-haken { padding: 0 2px; color: var(--op-markering); background: var(--markering); border-radius: var(--hoek-s); }

/* Lijsten van berichten (index, archief, zoeken). */
.rb-berichten { list-style: none; padding: 0; margin: 0; }
.rb-berichten > li { padding: var(--ruimte-4) 0; border-bottom: var(--streep-haar) solid var(--lijn); }
.rb-berichten .wp-block-post-title { font: var(--t-kop-2); margin: 0 0 var(--ruimte-1); }
.rb-berichten .wp-block-post-title a { color: var(--blauw); }
.wp-block-query-pagination { font: var(--t-tekst-klein); gap: var(--ruimte-3); margin-top: var(--ruimte-5); }

/* Voet */
.rb-voet.wp-block-group { gap: var(--ruimte-2) var(--ruimte-5); }
.rb-voet .wp-block-post-date { display: inline; font: inherit; color: inherit; }
.rb-vastgelegd { font: var(--t-tekst-klein); color: var(--inkt-zacht); margin-top: var(--ruimte-6) !important; }

/* Zoeken */
.wp-block-search__input { border: var(--streep-haar) solid var(--lijn-sterk); border-radius: var(--hoek-m); background: var(--vel); color: var(--inkt); padding: var(--ruimte-2) var(--ruimte-3); }
.wp-block-search__button { margin-left: var(--ruimte-2); }

@media print {
  .rb-kopregel-wp .wp-block-navigation { display: none; }
}

/* Voorpagina: geen woordmerk in de kopregel (het staat groot bovenaan de inhoud), geen haarlijn. */
.rb-kopregel-voorpagina { border-bottom: 0; margin-bottom: var(--ruimte-6); }
.rb-voorpagina-merk { margin: 0 0 var(--ruimte-5); }
.rb-voorpagina-merk .rb-woordmerk-l { font-size: clamp(32px, 7vw, 56px); }