/* Brochure-aanvraag (taak 17 / C3, T61): locatieblok, band, venster, bedankstap. Tokens uit eo.css. */

/* Locatieblok boven de rondleiding (kaart met omslag) */
.eo-brochure__kaart{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;background:#fff;border:1px solid #e3e1da;padding:clamp(16px,3vw,24px)}
@media (min-width:640px){.eo-brochure__kaart{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:32px}}
.eo-brochure__omslag{position:relative;overflow:hidden;background:var(--eo-navy);aspect-ratio:3/4;max-height:280px}
@media (max-width:639px){.eo-brochure__omslag{aspect-ratio:16/9;max-height:none}}
.eo-brochure__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.eo-brochure__omslag span{position:absolute;left:12px;right:12px;bottom:12px;color:#fff;font:400 1.15rem/1.05 var(--eo-font-kop);text-transform:uppercase;letter-spacing:.02em}
.eo-brochure__tekst p{margin:0 0 16px;max-width:60ch}
.eo-brochure__tekst .eo-brochure__knop{margin:0}
.eo-locatie .eo-brochure h2{margin-bottom:.4em}

/* Band met de algemene brochure (boven de slot-CTA) */
.eo-brochure-band{background:var(--eo-off);border-block:1px solid #e3e1da;padding-block:clamp(40px,6vw,64px);margin:0}
.eo-locatie .eo-brochure-band{margin-block:clamp(48px,7vw,96px)}
.eo-brochure-band__in{display:grid;gap:16px 40px;align-items:center}
@media (min-width:800px){.eo-brochure-band__in{grid-template-columns:minmax(0,1fr) auto}}
.eo-brochure-band h2{font-family:var(--eo-font-kop);font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;font-size:clamp(1.5rem,2.6vw,2rem);margin:0 0 .4em;color:var(--eo-navy)}
.eo-brochure-band p{margin:0;max-width:60ch}

/* Venster */
.eo-brochure__venster{width:min(560px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;background:transparent;overflow:visible;color:var(--eo-navy)}
.eo-brochure__venster::backdrop{background:rgba(30,34,47,.6)}
.eo-brochure__binnen{position:relative;max-height:calc(100dvh - 32px);overflow:auto;background:#fff;box-shadow:0 24px 60px rgba(30,34,47,.35)}
.eo-brochure__venster .eo-form{border:0;max-width:none;padding:clamp(20px,5vw,32px)}
.eo-brochure__venster .eo-form__titel{font-size:clamp(1.3rem,4vw,1.6rem);padding-right:40px}
.eo-brochure__venster .eo-eyebrow{padding-right:40px}
.eo-brochure__venster .eo-form__knop{width:100%;justify-self:stretch}
.eo-brochure__sluit{position:absolute;top:8px;right:8px;z-index:1;width:44px;height:44px;display:grid;place-items:center;background:#fff;border:0;color:var(--eo-navy);font-size:1.8rem;line-height:1;cursor:pointer}
.eo-brochure__sluit:focus-visible{outline:2px solid var(--eo-focus);outline-offset:-2px}
.eo-form--brochure.is-verzonden > .eo-form__titel{display:none}

/* Bedankstap */
.eo-brochure__bedankt h3{font-family:var(--eo-font-kop);font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;font-size:clamp(1.3rem,4vw,1.6rem);margin:0}
.eo-brochure__bedankt p{font-weight:400}
.eo-brochure__bedankt [data-eo-email]{font-weight:600;overflow-wrap:anywhere}
.eo-brochure__bedankt a:not(.eo-btn){color:var(--eo-green-dark)}
html.eo-brochure-open{overflow:hidden}