/* ASI Media Beheermodule — standaardopmaak voor de websiteblokken.
   Past zich aan de site aan via CSS-variabelen, bijv. in de site: :root { --bh-merk: #705895; }
   Lettertype en tekstkleur worden overgenomen van de site. */
:root { --bh-merk: #5B45C2; --bh-tekst-op-merk: #fff; --bh-stil: color-mix(in srgb, currentColor 62%, transparent); --bh-lijn: color-mix(in srgb, currentColor 14%, transparent); --bh-vlak: color-mix(in srgb, currentColor 4%, transparent); --bh-breed: 1160px; --bh-radius: 12px; }
.bh-wrap { max-width: var(--bh-breed); margin-inline: auto; padding-inline: 20px; }

/* Mededeling */
.bh-mededeling { background: var(--bh-merk); color: var(--bh-tekst-op-merk); font-size: .95rem; line-height: 1.4; }
.bh-mededeling.bh-let { background: #B4233A; color: #fff; }
.bh-mededeling .bh-wrap { padding-block: 10px; text-align: center; }
.bh-mededeling a { color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* Standaardblok */
.bh-blok { padding-block: 64px; }
.bh-kop { margin: 0 0 24px; font-size: clamp(1.6rem, 3vw, 2.2rem); line-height: 1.15; }
.bh-lijst { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px; }
.bh-item { border: 1px solid var(--bh-lijn); border-radius: var(--bh-radius); padding: 20px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.bh-item h3 { margin: 0; font-size: 1.15rem; line-height: 1.25; }
.bh-item p { margin: 0; }
.bh-meta { font-size: .85rem; color: var(--bh-stil); }
.bh-foto { display: block; margin: -20px -20px 4px; border-radius: var(--bh-radius) var(--bh-radius) 0 0; overflow: hidden; aspect-ratio: 4 / 3; background: var(--bh-vlak); }
.bh-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bh-citaten blockquote { margin: 0; font-size: 1.05rem; }
.bh-citaten blockquote p + p { margin-top: .6em; }

/* Openingstijden */
.bh-openingstijden { margin-top: 8px; }
.bh-openingstijden .bh-titel { margin: 0 0 10px; font-size: 1.05rem; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.bh-nu { font-size: .75rem; font-weight: 600; padding: 2px 8px; border-radius: 999px; }
.bh-nu.bh-open { background: #DDF2E7; color: #17663F; }
.bh-nu.bh-dicht { background: var(--bh-vlak); color: var(--bh-stil); border: 1px solid var(--bh-lijn); }
.bh-tijden { border-collapse: collapse; font-variant-numeric: tabular-nums; }
.bh-tijden th, .bh-tijden td { text-align: left; padding: 3px 16px 3px 0; font-weight: 400; vertical-align: top; }
.bh-tijden th { color: var(--bh-stil); }
.bh-tijden .bh-vandaag th, .bh-tijden .bh-vandaag td { font-weight: 600; color: inherit; }
.bh-afwijkend-kop { margin: 12px 0 4px; font-weight: 600; }
.bh-afwijkend { margin: 0; padding: 0; list-style: none; font-size: .95rem; }
.bh-afwijkend li { padding: 2px 0; }