/* Weekmenu: aanmeldpagina, bedankpagina en keuzepagina. Bouwt voort op dagmenu.css. */
.punten{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.punten li{font-size:14.5px;color:var(--tekst);display:grid;grid-template-columns:24px 1fr;align-items:start}
.punten li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--goud);margin-top:8px}
.mail{background:var(--goud-vlak);border:1px solid var(--goud-rand);border-radius:20px;padding:22px 18px;display:flex;flex-direction:column;gap:12px}
.mail p{font-size:13.5px;color:var(--tekst)}
.mail form{display:flex;flex-direction:column;gap:12px}
.inp{display:flex;border:1px solid var(--lijn);border-radius:14px;padding:10px 14px;background:var(--vlak)}
.inp input{flex:1;min-width:0;width:100%;font:inherit;font-size:17px;color:var(--cream);background:none;border:0;padding:0}
.inp input:focus-visible{outline:2px solid var(--goud);outline-offset:6px;border-radius:6px}
.lokaas{position:absolute;top:-9999px;left:-9999px}
button.knop{border:0;cursor:pointer;font-family:inherit;width:100%;padding:15px}
.noot{font-size:12px;line-height:1.55;color:var(--zacht)}
.blok{border-top:1px solid var(--lijn);padding-top:20px;display:flex;flex-direction:column;gap:10px}
.blok p{font-size:14.5px;color:var(--tekst)}
.blok a{color:var(--goud)}
.jouw{border:1px solid var(--goud-rand);background:var(--goud-vlak);border-radius:16px;padding:14px 16px;font-size:14.5px;color:var(--tekst)}
.jouw b{font-weight:400;color:var(--cream)}
.kaarten{display:flex;flex-direction:column;gap:14px}
.kaart{border:1px solid var(--lijn);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:8px}
.kaart.past{border-color:var(--goud);background:var(--goud-vlak)}
.kaart .label{font-weight:400;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--goud)}
.kaart h2{font-size:34px;font-variant-numeric:lining-nums}
.kaart h2 small{font-family:var(--lopend);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-left:6px}
.kaart .macro{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--tekst)}
.kaart .macro span{display:inline-flex;align-items:center;gap:6px}
.kaart .voor{font-size:13px;color:var(--muted)}
.kaart .knop{text-align:center;margin-top:6px}
.kaart:not(.past) .knop{background:none;color:var(--goud);border:1px solid var(--goud-rand)}
/* Een pdf als geprinte stapel van drie vellen (7 dagen, weekmenu); v1 ligt voor */
.stapel{position:relative;width:min(165px,42vw);aspect-ratio:620/878;margin:4px auto 14px}
.vel{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:2px;background:#f6f3ec;box-shadow:0 22px 40px -12px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.25);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.vel.v3{transform:translate(17%,3%) rotate(6deg)}
.vel.v2{transform:translate(9%,1.5%) rotate(3deg)}
.vel.v1{transform:rotate(-3deg)}
.stapel:hover .v3{transform:translate(24%,4%) rotate(9deg)}
.stapel:hover .v2{transform:translate(12%,2%) rotate(4.5deg)}
.stapel:hover .v1{transform:translate(-3%,0) rotate(-4.5deg)}
@media (prefers-reduced-motion:no-preference){
  .stapel .vel{animation:uitwaaier 1.1s cubic-bezier(.2,.7,.2,1) .2s backwards}
  .stapel .v2{animation-delay:.32s}.stapel .v1{animation-delay:.44s}
}
@keyframes uitwaaier{from{transform:translate(0,6%) rotate(0);opacity:0}}
@media (prefers-reduced-motion:reduce){.vel{transition:none}}
@media (min-width:1000px){.stapel{width:min(300px,24vw);margin:28px auto 40px}}
.vel.donker{box-shadow:0 22px 40px -12px rgba(0,0,0,.7),0 2px 6px rgba(0,0,0,.3),0 0 0 1px rgba(201,164,92,.28)}