/* ============================================================
   wp.css — het dunne laagje tussen WordPress' blokken en onze eigen opmaak.

   Hier staat uitsluitend wat nodig is omdat de blokeditor iets ánders neerzet dan de
   demo deed. Geen ontwerp: dat staat in stijl.css en dat blijft de bron van waarheid.
   Wordt ná stijl.css geladen.
   ============================================================ */

/* WordPress verpakt elke afbeelding in een <figure> met een eigen marge. In de demo
   stond er een kale <img>, en de indeling rekent daarop: een figure met marge duwt
   kolommen uit elkaar en breekt de overlappende beeldkaders in de hero. */
.wp-block-image{margin:0;padding:0}
.wp-block-image figcaption{margin:.5rem 0 0}

/* De figure erft de klasse van de oorspronkelijke <img> zodat onze selectoren blijven
   werken; hij moet zich dan ook als die afbeelding gedragen en niet als een blok
   eromheen. */
.wp-block-image img{display:block;max-width:100%;height:auto}

/* VALKUIL (11-08 gemeten): hier stond eerst `.wp-block-group{margin:0}`. Dat heeft
   dezelfde specificiteit als onze `.wrap{margin-inline:auto}` en wordt later geladen,
   dus het won — en toen plakte de hele hero tegen de linkerrand. Groepen die géén
   klasse van ons dragen mogen genuld worden, de andere niet. */
.wp-block-group:not([class*=" "]){margin:0}
.wp-block-heading{margin:0 0 .5em}

/* De blokeditor voegt bij een lege alinea een <br> toe. In een knoppenrij levert dat
   een lege regel op onder de knoppen. */
.knoppen>br{display:none}

/* In de editor draait alles binnen .editor-styles-wrapper; zonder deze regel staat de
   voorbeeldweergave op een witte achtergrond terwijl de sectie perzik hoort te zijn,
   en dan schrikt de klant van iets wat live wel klopt. */
.editor-styles-wrapper .sectie,
.editor-styles-wrapper .hero{max-width:none}

/* ---------- openingstijden ----------
   VALKUIL (11-08 gemeten): .vandaag is in stijl.css de klasse van de pil — inline-flex,
   ronde hoeken, eigen achtergrond. Het scriptje hing diezelfde klasse aan de tabelrij
   van vandaag, waardoor die rij zélf een pil werd en uit het rijtje sprong. Een tabelrij
   mag die opmaak dus nooit krijgen. */
.tijden tr.vandaag{display:table-row;background:none;border:0;border-radius:0;padding:0}
.tijden tr.vandaag td{background:rgba(185,113,60,.07)}
.tijden tr.vandaag td:first-child{border-radius:8px 0 0 8px}
.tijden tr.vandaag td:last-child{border-radius:0 8px 8px 0}

/* De pil hoort boven de tabel te staan en één ding te zeggen: wat geldt er nu.
   In de tabel eronder staan alle zeven dagen, allemaal even zwaar. */
.tijden-pil{margin:0 0 1rem}