/* =========================================================
   Toegang-popup — Berrens & van Eijk
   Verschijnt eenmalig op de publieke marketingpagina's (niet in het
   dashboard) nadat een bezoeker is gaan scrollen en er 5 seconden zijn
   verstreken — zie assets/js/access-popup.js. Gebruikt dezelfde
   kleur-/typografievariabelen en modal-opbouw als cookie-consent.css
   (dit bestand moet ná style.css worden geladen).
   ========================================================= */

.access-popup{
  position:fixed;inset:0;
  z-index:650;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.access-popup[hidden]{display:none;}
.access-popup-overlay{
  position:absolute;inset:0;
  background:rgba(11,11,10,0.6);
}
.access-popup-panel{
  position:relative;
  background:var(--cream-card);
  color:var(--ink);
  max-width:460px;
  width:100%;
  padding:38px 36px 32px;
  border-radius:var(--radius);
  box-shadow:var(--shadow-lift);
  text-align:left;
  animation:access-popup-in .35s ease;
}
@keyframes access-popup-in{
  from{opacity:0;transform:translateY(10px);}
  to{opacity:1;transform:translateY(0);}
}
@media (prefers-reduced-motion:reduce){
  .access-popup-panel{animation:none;}
}
.access-popup-close{
  position:absolute;top:16px;right:16px;
  background:none;border:0;cursor:pointer;
  font-size:22px;line-height:1;color:var(--gray-400);
  padding:6px;
  font-family:'Inter',sans-serif;
}
.access-popup-close:hover{color:var(--ink);}
.access-popup-panel h2{
  font-size:1.4rem;
  line-height:1.3;
  margin:0 0 12px;
  padding-right:20px;
}
.access-popup-text{
  font-size:14px;
  color:var(--gray-600);
  line-height:1.6;
  margin:0 0 26px;
}
.access-popup-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.access-popup-actions .btn{
  width:100%;
  justify-content:center;
}
.access-popup-fineprint{
  font-size:11.5px;
  color:var(--gray-400);
  margin:16px 0 0;
}

body.access-popup-open{overflow:hidden;}

@media (max-width:560px){
  .access-popup-panel{padding:30px 22px 26px;}
}