/* Vergaderruimtes per locatie (optie A): eigen kaarten + boekvenster met Growth Hub. */

.eo-vr{max-width:var(--eo-container,1180px);margin-inline:auto;padding:64px 16px;color:var(--eo-navy)}
.eo-vr__kop{max-width:760px;margin-bottom:24px}
.eo-vr__titel{font-family:var(--eo-font-kop);font-weight:400;text-transform:uppercase;font-size:clamp(28px,3.4vw,40px);line-height:1.05;margin:0 0 12px}
.eo-vr__intro{margin:0;color:var(--eo-blue)}
.eo-vr__direct{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;background:#fff;border:1px solid var(--eo-green);color:var(--eo-green-dark);font:600 12px/1 var(--eo-font);letter-spacing:.08em;text-transform:uppercase;padding:9px 12px}
.eo-vr__direct span{width:8px;height:8px;border-radius:50%;background:var(--eo-green)}
.eo-vr__soort{margin:-12px 0 20px;font-size:14px;color:var(--eo-blue);max-width:760px}

.eo-vr__filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.eo-vr__chip{font:600 13px/1 var(--eo-font);white-space:nowrap;padding:10px 16px;border:1px solid var(--eo-line);background:#fff;color:var(--eo-navy);border-radius:999px;cursor:pointer}
.eo-vr__chip[aria-pressed=true]{background:var(--eo-navy);border-color:var(--eo-navy);color:#fff}
.eo-vr__chip:focus-visible,.eo-vr__boek:focus-visible,.eo-vr__sluit:focus-visible{outline:2px solid var(--eo-focus);outline-offset:2px}

.eo-vr__lijst{list-style:none;margin:0;padding:0;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.eo-vr__kaart{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e1da}
.eo-vr__kaart[hidden]{display:none}
.eo-vr__foto{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:var(--eo-off)}
.eo-vr__body{display:flex;flex-direction:column;gap:10px;padding:20px;flex:1}
.eo-vr__naam{font-family:var(--eo-font-kop);font-weight:400;text-transform:uppercase;font-size:22px;line-height:1.1;margin:0}
.eo-vr__cap{margin:-4px 0 0;font-size:13px;font-weight:600;color:var(--eo-green)}
.eo-vr__oms{margin:0;font-size:14px;line-height:1.55;color:var(--eo-blue)}
.eo-vr__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.eo-vr__tags li{font-size:12px;padding:4px 8px;background:var(--eo-off)}
.eo-vr__prijs{margin:auto 0 0;padding-top:8px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:13px}
.eo-vr__prijs strong{font-size:20px}
.eo-vr__btw{flex-basis:100%;font-size:12px;color:var(--eo-green)}
.eo-vr__boek{display:block;text-align:center;white-space:nowrap;padding:14px 16px;background:var(--eo-knop-bg);color:var(--eo-knop-tekst);font:600 14px/1.2 var(--eo-font);text-decoration:none;transition:background .2s var(--eo-ease);border-color:var(--eo-knop-rand);border:1px solid var(--eo-knop-rand)}
.eo-vr__boek:hover{background:var(--eo-knop-hover-bg);color:var(--eo-knop-hover-tekst);border-color:var(--eo-knop-hover-bg)}

/* Boekvenster */
.eo-vr__dialog{width:min(1180px,100vw);max-width:100vw;max-height:min(92vh,100dvh);padding:0;border:0;border-radius:0;background:#fff;color:var(--eo-navy);overflow:hidden}
.eo-vr__dialog[open]{display:flex;flex-direction:column}
.eo-vr__dialog::backdrop{background:rgba(30,34,47,.72)}
.eo-vr__dkop{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;border-bottom:1px solid #e3e1da}
.eo-vr__dkop .eo-eyebrow{margin:0 0 4px}
.eo-vr__dtitel{margin:0;font-family:var(--eo-font-kop);text-transform:uppercase;font-size:22px;line-height:1.1}
.eo-vr__sluit{flex:none;width:40px;height:40px;border:0;background:none;font-size:28px;line-height:1;color:var(--eo-navy);cursor:pointer}
.eo-vr__gh{overflow:auto;flex:1;min-height:60vh;max-width:none;padding:8px 8px 16px}
html.eo-vr-open{overflow:hidden}
/* Taak 56: mobiel werd het venster breder dan het scherm (flex-kind groeit mee met de module). */
.eo-vr__gh{width:100%;min-width:0;box-sizing:border-box}
.eo-vr__gh growth-hub{display:block;width:100%;max-width:100%;min-width:0}

@media (max-width:640px){
	.eo-vr{padding-block:48px}
	.eo-vr__dialog{width:100vw;height:100dvh;max-height:100dvh}
	.eo-vr__dkop{padding:14px 16px}
	.eo-vr__gh{padding:8px 8px 16px}
}
@media (prefers-reduced-motion:reduce){.eo-vr__boek{transition:none}}