/* Gedeelde stijl voor de losse pagina's: afspraak beheren, voorwaarden, privacy. */
:root{
  color-scheme:dark;
  --zwart:#0A0A09; --kool:#131311; --kool-2:#1B1A18; --lijn:#2A2825;
  --wit:#F6F4EF; --grijs:#9E9A92; --goud:#D8A63F; --goud-licht:#E9BE62; --rood:#E57A68; --groen:#7FD39A;
  --kop:"Bowlby One","Arial Black",Impact,sans-serif;
  --type:"Special Elite","Courier New",monospace;
  --tekst:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--zwart);color:var(--wit);font-family:var(--tekst);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--goud)}
:focus-visible{outline:2px solid var(--goud);outline-offset:3px}
[hidden]{display:none!important}
.wrap{max-width:720px;margin:0 auto;padding:calc(28px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) calc(60px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))}
.top{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--wit);margin-bottom:40px}
.top img{width:52px;height:52px}
.top span{font-family:var(--kop);font-size:1.1rem;line-height:1}
.top small{display:block;font-family:var(--type);font-size:.75rem;color:var(--grijs);margin-top:4px}
h1,h2,h3{font-family:var(--kop);font-weight:400;text-transform:uppercase;line-height:1;margin:0;text-wrap:balance}
h1{font-size:clamp(2.2rem,7vw,3.4rem);margin-bottom:22px}
h2{font-size:1.3rem;margin:34px 0 10px}
p,li{color:#DAD7D0}
.muted{color:var(--grijs)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:var(--goud);color:var(--zwart);text-decoration:none;font-weight:800;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;padding:1em 1.5em;border:0;border-radius:999px;cursor:pointer;font-family:var(--tekst)}
.btn:hover{background:var(--goud-licht)}
.btn.ghost{background:transparent;color:var(--wit);box-shadow:inset 0 0 0 1.5px rgba(246,244,239,.35)}
.btn.red{background:transparent;color:var(--rood);box-shadow:inset 0 0 0 1.5px rgba(229,122,104,.5)}
.btn[disabled]{opacity:.35;pointer-events:none}
.card{background:var(--kool);border:1px solid var(--lijn);border-radius:20px;padding:24px}
.sum{list-style:none;margin:0;padding:0}
.sum li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--lijn)}
.sum li span:first-child{font-family:var(--type);color:var(--grijs)}
.sum li span:last-child{font-weight:700;text-align:right}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.err{color:var(--rood)}
.days{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin:18px 0}
.day{flex:none;width:76px;padding:12px 6px;border-radius:14px;border:1.5px solid var(--lijn);background:var(--kool);color:var(--wit);font:inherit;cursor:pointer;text-align:center}
.day b{display:block;font-family:var(--kop);font-weight:400;font-size:1.5rem;line-height:1.1}
.day span{display:block;font-size:.75rem;color:var(--grijs)}
.day[aria-pressed="true"]{background:var(--wit);color:var(--zwart);border-color:var(--wit)}
.day[aria-pressed="true"] span{color:#5A5650}
.day[disabled]{opacity:.35;cursor:not-allowed}
.times{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.time{padding:12px 6px;border-radius:12px;border:1.5px solid var(--lijn);background:var(--kool);color:var(--wit);font:inherit;font-weight:700;cursor:pointer}
.time[aria-pressed="true"]{background:var(--goud);color:var(--zwart);border-color:var(--goud)}
.time[disabled]{opacity:.3;text-decoration:line-through;cursor:not-allowed}
.note{border-radius:14px;padding:14px 16px;background:var(--kool-2);border:1px solid var(--lijn);font-size:.95rem}
.ok{color:var(--groen)}