/* Locatiepagina-blokken met eigen tekstveld (taak 33). Tokens uit eo.css. */

/* Blok 1: ondertitel onder de H1 (zelfde maat als dienstpagina's) */
.eo-locatie .eo-hero__sub{max-width:660px;margin:16px 0 0;font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.5;color:#fff}

/* Blok 3: werkruimtekaarten */
.eo-werk{padding-block:48px 16px}
.eo-werk>h2{text-align:center}
/* Taak 70 (J81, variant A + mobiel 1): staande fotokaarten, verloop transparant → donker onderin, hele kaart één link. */
.eo-werk__lijst{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.eo-werk__item{margin:0}
.eo-werk__kaart{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;height:100%;overflow:hidden;background:var(--eo-navy);color:#fff;text-decoration:none}
.eo-werk__kaart:hover,.eo-werk__kaart:focus-visible{color:#fff}
.eo-werk__kaart:focus-visible{outline:3px solid var(--eo-focus);outline-offset:3px}
.eo-werk__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--eo-ease)}
.eo-werk__kaart:hover .eo-werk__foto,.eo-werk__kaart:focus-visible .eo-werk__foto{transform:scale(1.05)}
.eo-werk__laag{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,21,30,0) 30%,rgba(18,21,30,.88) 100%)}
.eo-werk__in{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:24px}
.eo-werk__tekst{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.eo-werk .eo-werk__kaart h3{margin:0;color:#fff;font-size:1.6rem}
.eo-werk__prijs{font-weight:600;font-size:.875rem;margin-bottom:8px}
.eo-werk__prijs b{font-family:var(--eo-font-kop,'Halant',Georgia,serif);font-weight:400;font-size:1.5rem;color:var(--eo-accent)}
.eo-werk__link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.875rem;border-bottom:2px solid var(--eo-accent);padding-bottom:2px}
.eo-werk__pijl{display:none}
@media (max-width:760px){
	.eo-werk__lijst{grid-template-columns:1fr;gap:12px}
	.eo-werk__kaart{min-height:200px}
	.eo-werk__in{padding:16px}
	.eo-werk__laag{background:linear-gradient(180deg,rgba(18,21,30,0) 25%,rgba(18,21,30,.88) 100%)}
	.eo-werk .eo-werk__kaart h3{font-size:1.375rem}
	.eo-werk__prijs{margin-bottom:0}
	.eo-werk__link{display:none}
	.eo-werk__pijl{display:flex;flex:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #fff}
}
.eo-werk__noot{margin:16px 0 0;color:var(--eo-blue)}

/* Blok 6: inleidende zin voorzieningen */
.eo-voorz__intro{margin:-.2em 0 1.2em;max-width:68ch;line-height:1.55}

/* Blok 7: eigen H2 + tekst Club Manager */
.eo-cm__naam{margin:0;font-weight:600;font-size:1.1rem;color:var(--eo-navy)}
.eo-cm__bio{margin-top:14px;line-height:1.6;max-width:60ch}
.eo-cm__bio p{margin:0}
.eo-cm__bio p+p{margin-top:.8em}
/* Taak 62: quote teamlid */
.eo-cm__quote{margin:20px 0 0;padding:4px 0 4px 18px;border-left:3px solid var(--eo-accent);max-width:60ch}
.eo-cm__quote blockquote{margin:0;padding:0;border:0;background:none;font-size:1.05rem;line-height:1.6;font-style:italic;color:var(--eo-navy)}
.eo-cm__quote blockquote p{margin:0}
.eo-cm__quote blockquote p+p{margin-top:.6em}
.eo-cm__quote figcaption{margin-top:8px;font-size:.9rem;font-weight:600}
.eo-cm__quote figcaption::before{content:"– "}

/* Blok 8 zonder receptie: alleen de toegangsregel */
.eo-toegang{padding-block:48px 8px}
.eo-toegang__regel{display:flex;gap:14px;align-items:flex-start;background:var(--eo-navy);color:var(--eo-off);padding:18px 20px;margin:0;line-height:1.5;max-width:720px}
.eo-toegang__regel .eo-icon{color:var(--eo-accent);width:28px;height:28px;flex:none}
.eo-toegang__regel strong{display:block;color:#fff;font-weight:600}

/* Blok 9: The Club / lunch */
.eo-club{padding-block:48px 16px}
.eo-club__binnen{display:flex;gap:clamp(16px,3vw,32px);align-items:flex-start;background:var(--eo-off);border-left:4px solid var(--eo-accent);padding:clamp(20px,3vw,36px)}
.eo-club__binnen > .eo-icon{width:44px;height:44px;color:var(--eo-green);flex:none}
.eo-club h2{margin:0 0 .5em}
.eo-club p{margin:0;line-height:1.6;max-width:68ch}
.eo-club p+p{margin-top:.8em}

@media (max-width:600px){
	.eo-club__binnen{flex-direction:column}
}

/* Blok 6: voorzieningen maximaal twee rijen (J38) + knop "Bekijk alle … voorzieningen" */
.eo-voorz__lijst{border:0;column-gap:24px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.eo-voorz__item{border:0;padding:14px 0}
.eo-voorz__item:hover{background:none}
.eo-voorz__item[hidden]{display:none}
.eo-voorz__meer{margin-top:16px;font:inherit;font-weight:600;color:var(--eo-green-dark);background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 2px;cursor:pointer}
.eo-voorz__meer:hover,.eo-voorz__meer:focus-visible{color:var(--eo-navy)}
.eo-voorz__meer[hidden]{display:none}
@media (max-width:600px){
	.eo-voorz__lijst{grid-template-columns:repeat(2,minmax(0,1fr))}
	.eo-voorz__item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0;font-size:.95rem}
}

/* Q7: pandnaam boven de H1 op dienstpagina's linkt terug naar het pand */
.eo-eyebrow__link{color:inherit;text-decoration:none}
.eo-eyebrow__link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}
.eo-eyebrow__link:focus-visible{outline:2px solid var(--eo-focus);outline-offset:3px}

/* Taak 47: iconen bewegen bij hover/focus op het hele blok en één keer als het blok in beeld komt (voorzieningen.js). */
:is(.eo-werk__kaart:hover,.eo-werk__kaart:focus-within,.eo-club__binnen:hover,.eo-toegang__regel:hover,.eo-dn__toegang:hover,.is-in-beeld) .eo-anim-pulse{animation:eo-pulse .9s var(--eo-ease) both}
:is(.eo-werk__kaart:hover,.eo-werk__kaart:focus-within,.eo-club__binnen:hover,.eo-toegang__regel:hover,.eo-dn__toegang:hover,.is-in-beeld) .eo-anim-hop{animation:eo-hop .6s var(--eo-ease) both}
:is(.eo-werk__kaart:hover,.eo-werk__kaart:focus-within,.eo-club__binnen:hover,.eo-toegang__regel:hover,.eo-dn__toegang:hover,.is-in-beeld) .eo-anim-spin{animation:eo-spin .8s var(--eo-ease) both}
:is(.eo-werk__kaart:hover,.eo-werk__kaart:focus-within,.eo-club__binnen:hover,.eo-toegang__regel:hover,.eo-dn__toegang:hover,.is-in-beeld) .eo-anim-steam{animation:eo-steam 1.2s var(--eo-ease) both}
@media (prefers-reduced-motion:reduce){
	.eo-icon{animation:none!important}
	.eo-werk__foto,.eo-werk__kaart:hover .eo-werk__foto{transition:none;transform:none}
}