/* EBA event pop-up (inc/popup.php). Phone: card with the image at the bottom. Computer (56em+): image left, text right. Uses the theme tokens. */
.eba-popup{padding:0;margin:auto;border:0;background:transparent;width:calc(100% - 24px);max-width:440px;max-height:calc(100svh - 24px);overflow:visible;color:var(--eba-tekst,#1c2028)}
.eba-popup::backdrop{background:rgba(8,35,64,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html.eba-popup-open{overflow:hidden}
.eba-popup,.eba-popup *,.eba-popup *::before,.eba-popup *::after{box-sizing:border-box}
.eba-popup__kaart{position:relative;display:flex;flex-direction:column;max-height:calc(100svh - 24px);overflow:hidden;background:#fff;border-radius:20px;box-shadow:0 24px 64px rgba(8,35,64,.35)}
.eba-popup[open] .eba-popup__kaart{animation:eba-popup-in .4s cubic-bezier(.2,.8,.2,1) both}
.eba-popup[open]::backdrop{animation:eba-popup-fade .3s ease both}
@keyframes eba-popup-in{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes eba-popup-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.eba-popup[open] .eba-popup__kaart,.eba-popup[open]::backdrop{animation:none}}

.eba-popup__sluit{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--eba-donker,#082340);box-shadow:0 2px 10px rgba(8,35,64,.18);cursor:pointer;transition:background-color .15s,transform .15s}
.eba-popup__sluit:hover{background:var(--eba-achtergrond,#F4F6FA);transform:scale(1.05)}
.eba-popup__sluit:focus-visible,.eba-popup a:focus-visible{outline:2px solid var(--eba-primair,#356BD8);outline-offset:3px}

.eba-popup__inhoud{padding:28px 24px 24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.eba-popup__kicker{margin:0 52px 10px 0;font:700 .8125rem/1.3 var(--eba-font-tekst,Inter,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--eba-primair,#356BD8)}
.eba-popup__titel{margin:0 0 12px;padding-right:44px;font:800 clamp(1.625rem,7vw,2.125rem)/1.1 var(--eba-font-kop,Montserrat,sans-serif);letter-spacing:-.01em;color:#082340}
.eba-popup__kicker+.eba-popup__titel{padding-right:0}
.eba-popup__tekst{margin:0;font-size:1rem;line-height:1.6;color:var(--eba-tekst-zacht,#3d4452)}
.eba-popup__acties{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:22px}
.eba-popup__knop{width:100%;text-decoration:none}
.eba-popup__link{align-self:center;font-weight:600;color:var(--eba-link,#2457B8);text-decoration:underline;text-underline-offset:3px}
.eba-popup__link:hover{color:var(--eba-primair-hover,#2A5BC0)}
.eba-popup__info{display:grid;gap:8px;margin:20px 0 0;padding:0;list-style:none;font-size:.9375rem;color:var(--eba-tekst,#1c2028)}
.eba-popup__info li{display:flex;align-items:center;gap:10px;margin:0}
.eba-popup__info svg{flex:0 0 auto;color:var(--eba-primair,#356BD8)}

.eba-popup__beeld{flex:0 0 auto;background:var(--eba-achtergrond,#F4F6FA)}
.eba-popup__foto{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.eba-popup__foto--desktop{display:none}

@media (min-width:56em){
	.eba-popup{max-width:560px}
	.eba-popup--met-beeld{max-width:900px}
	.eba-popup--met-beeld .eba-popup__kaart{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"beeld inhoud";border-radius:24px}
	.eba-popup__inhoud{grid-area:inhoud;align-self:center;padding:48px 48px 40px}
	.eba-popup__beeld{grid-area:beeld;position:relative;min-height:420px}
	.eba-popup__foto{position:absolute;inset:0;height:100%;aspect-ratio:auto;object-position:var(--eba-popup-focus,left) center}
	.eba-popup__foto--gsm{display:none}
	.eba-popup__foto--desktop{display:block}
	.eba-popup__titel{font-size:2.375rem}
	.eba-popup__acties{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px}
	.eba-popup__knop{width:auto}
	.eba-popup__link{align-self:auto}
}