/* Zoekervaring: eigen keuzes, een feitelijke stand en één volgende handeling. */
.ac-zo .ac-zo-pagehead { grid-area:titel;min-width:0; }
.ac-zo .ac-zo-pagehead .ac-kap { color:var(--messing, #e8be78);margin:0 0 8px; }
.ac-zo .ac-zo-uitleg { margin:8px 0 0;max-width:45ch; }
.ac-zo .ac-zo-concept { grid-area:concept;border:1px solid var(--letop);border-left:4px solid var(--letop);border-radius:12px;padding:14px 16px;color:var(--tekst-1);background:var(--grond-2); }
.ac-zo .ac-zo-voortgang { grid-area:voortgang;margin:0;color:var(--tekst-2);font-variant-numeric:tabular-nums; }
.ac-zo .ac-zo-beslis { border:0;background:none;gap:10px; }
.ac-zo .ac-zo-rij { padding:16px;border:1px solid var(--lijn);border-radius:16px;background:var(--grond-2); }
.ac-zo .ac-zo-rij + .ac-zo-rij { border-top:1px solid var(--lijn); }
.ac-zo .ac-zo-rij.is-volgende { border-color:var(--letop);box-shadow:inset 3px 0 var(--letop); }
.ac-zo .ac-zo-rij.is-klaar:not(.is-gekozen) .ac-zo-nr { color:var(--tekst-2);border-color:var(--lijn-sterk); }
.ac-zo .ac-zo-rijtekst { gap:5px; }
.ac-zo .ac-zo-rijtekst b { font-size:18px;line-height:1.35; }
.ac-zo .ac-zo-actiebalk { grid-area:actie;display:flex;flex-direction:column;gap:8px;padding:14px 0;background:var(--grond); }
.ac-zo .ac-zo-actiebalk[hidden],.ac-zo .ac-zo-concept[hidden],.ac-zo .ac-zo-voortgang[hidden] { display:none; }
.ac-zo .ac-zo-actiebalk p { margin:0;color:var(--tekst-2);font-size:14px;line-height:1.45; }
.ac-zo .ac-zo-hoofdknop { min-height:48px;white-space:normal;text-align:center; }
.ac-zo .ac-zo-status.is-fout,.ac-zo-bladstatus.is-fout { color:var(--fout,#ffb3aa); }
.ac-zo .ac-stip.adem::after { animation:none;opacity:0; }
.ac-zo .ac-zo-aanbod { margin-top:8px; }
@media(max-width:1023px) {
  .ac-zo:has(.ac-zo-actiebalk:not([hidden])) { padding-bottom:170px; }
  .ac-zo .ac-zo-actiebalk:not([hidden]) { position:fixed;z-index:30;inset:auto 0 calc(61px + env(safe-area-inset-bottom,0px));padding:12px 20px;border-top:1px solid var(--lijn);box-shadow:0 -8px 24px #0001; }
  body:has(dialog[open]) .ac-zo-actiebalk { visibility:hidden; }
}
@media(min-width:1024px) {
  .ac-zo[data-laag="dt"] { grid-template-areas:"titel aanbod" "strook strook" "concept concept" "voortgang voortgang" "beslis paneel" "opleverde paneel" "actie paneel" "standen standen";grid-template-columns:minmax(290px,.85fr) minmax(0,1.15fr); }
  .ac-zo[data-laag="dt"] .ac-zo-titel { font-size:32px;line-height:1.2;font-weight:700;letter-spacing:-.03em;text-transform:none;color:var(--tekst-1); }
  .ac-zo[data-laag="dt"] .ac-zo-strook { grid-area:strook;padding-right:0; }
  .ac-zo[data-laag="dt"] .ac-zo-aanbod { grid-area:aanbod;grid-row:auto;grid-column:auto; }
}
@media(max-height:479px) { .ac-zo .ac-zo-actiebalk:not([hidden]) { position:static; } .ac-zo:has(.ac-zo-actiebalk:not([hidden])) { padding-bottom:0; } }

/* De woning is de aanleiding. De bronactie staat vóór het pasargument. */
#doorklik-dialog { max-width:820px; }
#doorklik-dialog .dialoog-body { padding:24px; }
#doorklik-dialog .doorklik-raster { grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px; }
#doorklik-dialog .doorklik-woning { grid-row:1/3; }
#doorklik-dialog .doorklik-bronactie { display:flex;flex-direction:column;gap:12px;min-width:0; }
#doorklik-dialog .doorklik-bronactie h2 { margin:0;font-size:28px;line-height:1.2;letter-spacing:-.03em; }
#doorklik-dialog .doorklik-bronactie p { margin:0;line-height:1.6; }
#doorklik-dialog #doorklik-ga { display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 16px;background:var(--steen);border-color:var(--steen);color:var(--wit);white-space:normal;text-align:center; }
#doorklik-dialog #doorklik-ga svg { flex:none;width:20px;height:20px; }
#doorklik-dialog .doorklik-aanbod { min-width:0;border-top:1px solid var(--lijn, #cad4d0);padding-top:18px; }
#doorklik-dialog .doorklik-aanbod h3 { font-size:20px;line-height:1.35; }
#doorklik-dialog .doorklik-aanbod p { line-height:1.6; }
#doorklik-dialog .doorklik-punten { font-size:15px; }
#doorklik-dialog .doorklik-aanbod .btn { min-height:44px;background:transparent;color:var(--ink);border:1px solid var(--lijn-sterk, #667b84);box-shadow:none; }
#doorklik-dialog .dialoog-x { width:44px;min-height:44px;z-index:2; }
#doorklik-dialog .stip { animation:none; }
@media(max-width:767px) {
  #doorklik-dialog { inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:92dvh;border-radius:20px 20px 0 0; }
  #doorklik-dialog .dialoog-body { padding:52px 20px max(20px,env(safe-area-inset-bottom,0px)); }
  #doorklik-dialog .doorklik-raster { grid-template-columns:minmax(0,1fr);gap:18px; }
  #doorklik-dialog .doorklik-woning { grid-row:auto; }
  #doorklik-dialog .doorklik-beeld { height:160px; }
  #doorklik-dialog .doorklik-bronactie { position:relative; }
  #doorklik-dialog .doorklik-bronactie h2 { font-size:25px; }
  #doorklik-dialog .doorklik-aanbod .dialoog-acties { display:flex; }
}
@media(prefers-reduced-motion:reduce) { .ac-zo *,#doorklik-dialog * { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }
/* Het woningvenster gebruikt dezelfde leesrollen in dag en nacht. */
#doorklik-dialog { --zoek-grond:#0b2530;--zoek-tekst:#faf7f2;--zoek-zacht:#c3d5dc;--zoek-lijn:#59727b;background:var(--zoek-grond);color:var(--zoek-tekst);font-family:'OpenSein DM Sans','Segoe UI',sans-serif; }
html[data-thema="dag"] #doorklik-dialog { --zoek-grond:#faf7f2;--zoek-tekst:#17313c;--zoek-zacht:#435a63;--zoek-lijn:#6d8087; }
#doorklik-dialog :is(h2,h3,h4,.doorklik-prijs,.doorklik-feiten li.is-eigen) { color:var(--zoek-tekst); }
#doorklik-dialog :is(h2,h3,h4) { font-family:var(--kop); }
#doorklik-dialog :is(.doorklik-regel,.doorklik-feiten,.dialoog-fijn,.doorklik-prijs small) { color:var(--zoek-zacht); }
#doorklik-dialog .doorklik-aanbod { border-color:var(--zoek-lijn); }
#doorklik-dialog .doorklik-aanbod .btn { color:var(--zoek-tekst);border-color:var(--zoek-lijn); }
#doorklik-dialog .dialoog-x { color:var(--zoek-tekst);background:transparent; }