/* Contact (2026-11-06, ronde 3): één bruin blok. Links titel + keuzes onder elkaar, rechts het bijhorende venster. */
.ct-p[hidden],.ct-f[hidden],.ct-ty[hidden]{display:none !important}

.md .ct-c{display:grid;grid-template-columns:4fr 8fr;column-gap:4vw;align-items:start;padding-top:10vw;padding-bottom:7vw}
.ct-c h1{text-box:trim-both cap alphabetic}

/* --- keuzes: rijen met een lijn ertussen --- */
.ct-sw{display:flex;flex-direction:column;margin-top:4vw}
.ct-sw button{width:100%;padding:1.4vw 0;background:none;border:0;color:inherit;cursor:pointer;text-align:left;font-family:var(--f-licht);font-weight:300;font-size:var(--t-item,2.2vw);line-height:1.15;letter-spacing:-.02em}
.ct-sw button + button{border-top:1px solid var(--p-lijn-licht)}
.ct-sw button:hover,.ct-sw button[aria-selected="true"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}

/* --- vensters rechts --- */
.ct-cal{min-height:38vw}
/* cal.com: vanaf 768px binnenbreedte staat de maand naast de tijden, in een kaart van 722px die het centreert in het venster.
   Venster 800px en 39px naar links: de kaart start op de kolomrand. Het formulier krijgt dezelfde breedte. */
@media (min-width:1200px){
  .ct-cal #cal-inline{width:800px;margin-left:-39px}
  .ct-f,.ct-ty{max-width:722px}
}

/* --- formulier --- */
.ct-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3vw;row-gap:2.6vw}
.ct-f__w{grid-column:1/-1}
.ct-f label{display:block;line-height:1}
.ct-f :is(input,textarea){display:block;width:100%;margin-top:.8vw;padding:.6vw 0;background:transparent;border:0;border-bottom:1px solid var(--p-lijn-licht);border-radius:0;color:inherit;font-family:var(--f-licht);font-weight:300;font-size:var(--t-lijst);line-height:1.3;resize:vertical}
.ct-f :is(input,textarea):focus{outline:none;border-bottom-color:var(--brand-blue)}
.ct-f__b{grid-column:1/-1;display:flex;align-items:center;gap:2.4vw;margin-top:1vw}
.ct-f__b button{cursor:pointer;border:0}
html:not(#a) body:not(#z) .ct-f__b .tp__lnk{margin-top:0;text-box:none;line-height:1}

/* --- gsm: alles onder elkaar --- */
@media (max-width:1024px){
  .md .ct-c{display:block;padding-top:24vw;padding-bottom:16vw}
  .ct-c h1{display:flex;justify-content:space-between;align-items:baseline;white-space:nowrap}
  .ct-sw{margin-top:10vw}
  .ct-sw button{padding:5vw 0;font-size:var(--f-item,6.2vw)}
  .ct-st{margin-top:10vw}
  .ct-cal{min-height:120vw}
  .ct-f{grid-template-columns:1fr;row-gap:9vw}
  .ct-f :is(input,textarea){font-size:5vw;margin-top:2vw;padding:2vw 0}
  .ct-f__b{flex-direction:column;align-items:flex-start;gap:7vw;margin-top:2vw}
}
