/* ===== Pluimers Woningcheck — huisstijllaag =====
 * Deze laag wordt na woningcheck.css geladen. Alle selectors blijven binnen
 * de plugin-app en uitzonderingen op inline JS-stijlen zijn expliciet gemarkeerd.
 */

.pwc-woningcheck {
  --pwc-dark: #141414;
  --pwc-page-bg: #f6f7f8;
  --pwc-background: #f6f7f8;
  --pwc-theme-surface: #fff;
  --pwc-theme-field-border: #dfe3e8;
  --pwc-theme-field-bg: #fafbfc;
  --pwc-theme-placeholder: color-mix(in srgb, var(--pwc-muted-light) 54%, var(--pwc-theme-surface));
  --pwc-theme-field-min-height: 2.75rem;
  --pwc-theme-autofill-inset: 100rem;
  --pwc-theme-on-dark: #fff;
  --pwc-theme-hero-bg: linear-gradient(
    135deg,
    var(--pwc-dark) 0%,
    color-mix(in srgb, var(--pwc-dark) 82%, var(--pwc-theme-surface)) 100%
  );
  --pwc-theme-hero-border: color-mix(in srgb, var(--pwc-theme-on-dark) 16%, transparent);
  --pwc-theme-hero-shadow: 0 1.625rem 2.875rem -2.25rem color-mix(in srgb, var(--pwc-dark) 72%, transparent);
  --pwc-theme-focus-border: color-mix(in srgb, var(--pwc-dark) 32%, var(--pwc-theme-field-border));
  --pwc-theme-focus-halo: 0 0 0 0.1875rem color-mix(in srgb, var(--pwc-dark) 10%, var(--pwc-theme-surface));
  --pwc-theme-status-neutral-bg: color-mix(in srgb, var(--pwc-step-bg) 72%, var(--pwc-theme-surface));
  --pwc-theme-service-selected-bg: color-mix(in srgb, var(--pwc-yellow) 18%, var(--pwc-theme-surface));
  --pwc-theme-service-green: #176b45;
  --pwc-theme-service-green-soft: color-mix(in srgb, var(--pwc-theme-service-green) 11%, var(--pwc-theme-surface));
  --pwc-theme-service-green-border: color-mix(in srgb, var(--pwc-theme-service-green) 42%, var(--pwc-theme-field-border));
  --pwc-theme-info-blue: #1f5f9f;
  --pwc-theme-info-blue-soft: color-mix(in srgb, var(--pwc-theme-info-blue) 13%, var(--pwc-theme-surface));
  --pwc-theme-subsidy-section-space: 2rem;
  --pwc-theme-subsidy-card-padding: 1.5rem;
  --pwc-theme-subsidy-savings-padding: 1.25rem;
  --pwc-theme-subsidy-accent-width: 4px;
  --pwc-theme-subsidy-details-padding: 1rem;
  --pwc-theme-subsidy-report-padding: 2.5rem;
  --pwc-theme-subsidy-flow-gap: 2rem;
  --pwc-theme-subsidy-mobile-report-padding: 1.5rem;
  --pwc-theme-subsidy-mobile-flow-gap: 1.75rem;
  --pwc-theme-subsidy-total-size: 2.375rem;
  --pwc-theme-subsidy-total-size-mobile: 2rem;
  --pwc-theme-subsidy-row-padding: 1rem;
  --pwc-theme-subsidy-stack-gap: 0.375rem;
  --pwc-theme-subsidy-pill-padding: 0.375rem 0.875rem;
  --pwc-theme-result-border: color-mix(in srgb, var(--pwc-dark) 12%, var(--pwc-theme-field-border));
  --pwc-theme-service-accent-width: 3px;
  --pwc-theme-muted-on-dark: color-mix(in srgb, var(--pwc-theme-on-dark) 74%, transparent);
  --pwc-theme-subtle-on-dark: color-mix(in srgb, var(--pwc-theme-on-dark) 88%, transparent);
  --pwc-theme-radius-sm: 0.75rem;
  --pwc-theme-radius-md: 1rem;
  --pwc-theme-radius-lg: 1.5rem;
  --pwc-theme-hairline: 1px;
  --pwc-theme-focus-width: 2px;
  --pwc-theme-focus-offset: 2px;
  --pwc-theme-status-border: 4px;
  --pwc-theme-eyebrow-tracking: 0.08em;
  --pwc-theme-postcode-width: 8.75rem;
  --pwc-theme-number-width: 8.75rem;
  --pwc-theme-contact-postcode-width: 9.375rem;
  --pwc-theme-contact-number-width: 4.75rem;
  --pwc-theme-contact-gap: 0.5rem;
  --pwc-theme-contact-column-gap: 2rem;
  --pwc-theme-contact-row-gap: 1.25rem;
  --pwc-theme-contact-house-width: 6.75rem;
  --pwc-theme-accordion-gap: 0.625rem;
  --pwc-theme-accordion-padding: 0.875rem;
  --pwc-theme-accordion-panel-padding: 0.75rem;
  --pwc-theme-service-open-min-height: 0;
  --pwc-theme-accordion-description-min-height: 2.7em;
  --pwc-theme-accordion-input-min-height: 2.5rem;
  --pwc-theme-select-border: color-mix(in srgb, var(--pwc-dark) 30%, var(--pwc-theme-field-border));
  --pwc-theme-accordion-m2-width: 10rem;
  --pwc-theme-accordion-header-min-height: 4rem;
  --pwc-theme-accordion-toggle-top: 2.25rem;
  --pwc-theme-detail-space: 1.5rem;
  --pwc-theme-detail-cell-space: 1rem;
  --pwc-theme-detail-label-size: var(--pwc-fs-4);
  --pwc-theme-space-quarter: 0.25rem;
  --pwc-theme-space-half: 0.5rem;
  --pwc-theme-detail-control-gap: 0.4rem;
  --pwc-theme-detail-control-width: 5.5ch;
  --pwc-theme-detail-control-padding-y: 0.25rem;
  --pwc-theme-detail-control-padding-x: 0.45rem;
  --pwc-theme-area-unit-width: 5.25rem;
  --pwc-theme-button-min-height: 2.875rem;
  --pwc-theme-button-padding-y: 0.75rem;
  --pwc-theme-button-padding-x: 1.25rem;
  --pwc-theme-section-space: 1.25rem;
  --pwc-theme-card-padding: 1.5rem;
  --pwc-theme-mobile-card-padding: 1rem;
  --pwc-theme-summary-icon-size: 1.25rem;
  --pwc-theme-step-number-size: 0.875rem;
  --pwc-theme-detail-content-width: 43rem;
  --pwc-content-width: var(--pwc-theme-detail-content-width);
  --pwc-container-width: calc(var(--pwc-theme-detail-content-width) + 4.8rem);

  /* Eén gedeelde radiusschaal voor de volledige app. */
  --pwc-radius: var(--pwc-theme-radius-lg);
}

/* ===== Velden en focus ===== */
.pwc-woningcheck .pwc-form-section {
  padding: 2.5rem 0 5rem;
}

.pwc-woningcheck .pwc-steps {
  margin-bottom: var(--pwc-theme-section-space);
}

.pwc-woningcheck .pwc-steps__nummer {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.pwc-woningcheck .pwc-steps__nummer svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.pwc-woningcheck .pwc-steps__nummer-cirkel {
  fill: color-mix(in srgb, var(--pwc-dark) 8%, transparent);
}

.pwc-woningcheck .pwc-steps__nummer-tekst {
  fill: var(--pwc-muted);
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: var(--pwc-theme-step-number-size);
  font-weight: 600;
}

.pwc-woningcheck .pwc-steps__stap--actief .pwc-steps__nummer {
  background: transparent;
}

.pwc-woningcheck .pwc-steps__stap--actief .pwc-steps__nummer-cirkel {
  fill: var(--pwc-dark);
}

.pwc-woningcheck .pwc-steps__stap--actief .pwc-steps__nummer-tekst {
  fill: var(--pwc-yellow);
}

.pwc-woningcheck .pwc-steps__stap--klaar .pwc-steps__nummer {
  background: transparent;
}

.pwc-woningcheck .pwc-steps__stap--klaar .pwc-steps__nummer-cirkel {
  fill: color-mix(in srgb, var(--pwc-green) 16%, transparent);
}

.pwc-woningcheck .pwc-steps__nummer-vink {
  fill: none;
  stroke: color-mix(in srgb, var(--pwc-green) 72%, var(--pwc-dark));
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pwc-woningcheck .pwc-form-section .pwc-title {
  margin-bottom: 1rem;
  font-size: var(--pwc-fs-7);
  font-weight: 500;
}

.pwc-woningcheck input[type="text"],
.pwc-woningcheck input[type="number"],
.pwc-woningcheck input[type="email"],
.pwc-woningcheck input[type="tel"],
.pwc-woningcheck textarea,
.pwc-woningcheck select {
  border-radius: var(--pwc-theme-radius-sm);
  border-color: var(--pwc-theme-field-border);
  background: var(--pwc-theme-field-bg);
  font-size: var(--pwc-fs-3);
  font-weight: 400;
}

.pwc-woningcheck input::placeholder,
.pwc-woningcheck textarea::placeholder {
  color: var(--pwc-theme-placeholder);
  opacity: 1;
}

.pwc-woningcheck .pwc-form-label {
  font-size: var(--pwc-fs-4);
  font-weight: 500;
}

.pwc-woningcheck .pwc-btn {
  min-height: var(--pwc-theme-button-min-height);
  padding: var(--pwc-theme-button-padding-y) var(--pwc-theme-button-padding-x);
  font-weight: 500;
}

.pwc-woningcheck input[type="text"]:focus,
.pwc-woningcheck input[type="number"]:focus,
.pwc-woningcheck input[type="email"]:focus,
.pwc-woningcheck input[type="tel"]:focus,
.pwc-woningcheck textarea:focus,
.pwc-woningcheck select:focus,
.pwc-woningcheck input[type="text"]:focus-visible,
.pwc-woningcheck input[type="number"]:focus-visible,
.pwc-woningcheck input[type="email"]:focus-visible,
.pwc-woningcheck input[type="tel"]:focus-visible,
.pwc-woningcheck textarea:focus-visible,
.pwc-woningcheck select:focus-visible {
  outline: none;
  border-color: var(--pwc-theme-focus-border);
  box-shadow: var(--pwc-theme-focus-halo);
}

/* Browsers geven automatisch ingevulde velden standaard een blauwe of gele
   achtergrond. Houd de herkenbare autofill-waarde, maar gebruik onze eigen
   veldachtergrond en tekstkleur. */
.pwc-woningcheck input:autofill {
  background: var(--pwc-theme-field-bg);
  color: var(--pwc-dark);
}

.pwc-woningcheck input:-webkit-autofill {
  caret-color: var(--pwc-dark);
  -webkit-text-fill-color: var(--pwc-dark);
  box-shadow: 0 0 0 var(--pwc-theme-autofill-inset) var(--pwc-theme-field-bg) inset;
}

.pwc-woningcheck input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--pwc-dark);
  box-shadow:
    var(--pwc-theme-focus-halo),
    0 0 0 var(--pwc-theme-autofill-inset) var(--pwc-theme-field-bg) inset;
}

.pwc-woningcheck a:focus,
.pwc-woningcheck a:focus-visible,
.pwc-woningcheck button:focus,
.pwc-woningcheck button:focus-visible,
.pwc-woningcheck [role="button"]:focus,
.pwc-woningcheck [role="button"]:focus-visible,
.pwc-woningcheck input[type="checkbox"]:focus,
.pwc-woningcheck input[type="checkbox"]:focus-visible {
  outline: var(--pwc-theme-focus-width) solid var(--pwc-dark);
  outline-offset: var(--pwc-theme-focus-offset);
}

.pwc-woningcheck .pwc-btn--primary:focus,
.pwc-woningcheck .pwc-btn--primary:focus-visible {
  outline: var(--pwc-theme-focus-width) solid var(--pwc-dark);
  outline-offset: var(--pwc-theme-focus-offset);
}

.pwc-woningcheck .pwc-service-card .pwc-service-checkbox:focus + .pwc-service-label,
.pwc-woningcheck .pwc-service-card .pwc-service-checkbox:focus-visible + .pwc-service-label {
  outline: var(--pwc-theme-focus-width) solid var(--pwc-dark);
  outline-offset: var(--pwc-theme-focus-offset);
  border-radius: var(--pwc-theme-radius-md);
}

.pwc-woningcheck .pwc-info:focus-visible {
  outline: var(--pwc-theme-focus-width) solid var(--pwc-dark);
  outline-offset: var(--pwc-theme-focus-offset);
}

/* ===== Statusmeldingen ===== */
.pwc-woningcheck .pwc-status-message--loading {
  background: var(--pwc-theme-status-neutral-bg);
  color: var(--pwc-dark);
  border-left: var(--pwc-theme-status-border) solid var(--pwc-dark);
}

/* ===== Subsidiecheck als rustig rapport ===== */
.pwc-woningcheck .pwc-subsidie-output {
  display: flex;
  flex-direction: column;
  gap: var(--pwc-theme-subsidy-flow-gap);
  margin-top: 0;
}

.pwc-woningcheck .pwc-subsidie-uitkomst {
  padding: var(--pwc-theme-subsidy-card-padding);
  border: 0;
  border-radius: var(--pwc-theme-radius-md);
  background: var(--pwc-theme-service-green-soft);
}

.pwc-woningcheck .pwc-subsidie-eyebrow {
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-2);
  font-weight: 700;
  letter-spacing: var(--pwc-theme-eyebrow-tracking);
  text-transform: uppercase;
}

.pwc-woningcheck .pwc-subsidie-uitkomst__titel {
  margin-top: var(--pwc-theme-space-quarter);
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-5);
  font-weight: 600;
  line-height: var(--pwc-lh-sub);
}

.pwc-woningcheck .pwc-subsidie-uitkomst__bedrag {
  display: block;
  margin-top: var(--pwc-theme-space-half);
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-7);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--pwc-track-tight);
  line-height: var(--pwc-lh-kop);
}

.pwc-woningcheck .pwc-subsidie-uitkomst__type {
  margin-top: var(--pwc-theme-space-half);
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-5);
  line-height: var(--pwc-lh-sub);
}

.pwc-woningcheck .pwc-subsidie-uitkomst__uitleg {
  margin-top: var(--pwc-theme-space-half);
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-3);
  line-height: var(--pwc-lh-sub);
}

.pwc-woningcheck .pwc-subsidie-sectie + .pwc-subsidie-sectie {
  margin-top: var(--pwc-theme-subsidy-section-space);
}

.pwc-woningcheck .pwc-subsidie-sectietitel {
  margin-bottom: var(--pwc-theme-space-quarter);
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-5);
  font-weight: 600;
  letter-spacing: var(--pwc-track-tight);
  line-height: var(--pwc-lh-kop);
}

.pwc-woningcheck .pwc-subsidie-gegevens {
  margin: 0;
  gap: var(--pwc-theme-accordion-gap);
}

.pwc-woningcheck .pwc-subsidie-gegevens .pwc-property-field__label {
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-2);
  font-weight: 400;
}

.pwc-woningcheck .pwc-subsidie-gegevens .pwc-property-field__value {
  min-height: var(--pwc-theme-field-min-height);
  padding: var(--pwc-theme-detail-control-padding-y) var(--pwc-theme-detail-cell-space);
}

.pwc-woningcheck .pwc-subsidie-labelveld {
  flex-wrap: wrap;
}

.pwc-woningcheck .pwc-subsidie-waarde {
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-3);
  font-weight: 500;
}

.pwc-woningcheck .pwc-subsidie-meta {
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-2);
}

.pwc-woningcheck .pwc-subsidie-labelveld .pwc-subsidie-meta {
  font-size: var(--pwc-fs-3);
}

.pwc-woningcheck .pwc-subsidie-diensten {
  margin: 0;
  overflow: hidden;
  border: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
  border-radius: var(--pwc-theme-radius-sm);
  background: var(--pwc-theme-field-bg);
  list-style: none;
}

.pwc-woningcheck .pwc-subsidie-diensten li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-3);
  font-weight: 400;
  line-height: var(--pwc-lh-sub);
}

.pwc-woningcheck .pwc-subsidie-diensten li + li {
  border-top: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
}

.pwc-woningcheck .pwc-subsidie-diensten li span {
  align-self: center;
  padding: var(--pwc-theme-space-half) var(--pwc-theme-accordion-padding);
  font-weight: 500;
}

.pwc-woningcheck .pwc-subsidie-diensten li strong {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: var(--pwc-theme-area-unit-width);
  padding: var(--pwc-theme-space-half) var(--pwc-theme-accordion-padding);
  background: transparent;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.pwc-woningcheck .pwc-subsidie-diensten li strong.pwc-subsidie-diensten__leeg {
  color: var(--pwc-muted);
  font-weight: 400;
}

@media (width <= 700px) {
  .pwc-woningcheck .pwc-subsidie-diensten li {
    grid-template-columns: minmax(0, 1fr);
  }

  .pwc-woningcheck .pwc-subsidie-diensten li strong {
    justify-content: flex-start;
    border-top: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
  }
}

.pwc-woningcheck .pwc-subsidie-opbouw {
  margin-top: var(--pwc-theme-accordion-gap);
}

.pwc-woningcheck .pwc-subsidie-regel {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--pwc-theme-detail-cell-space);
  padding: var(--pwc-theme-space-quarter) 0;
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-3);
  font-weight: 400;
  line-height: var(--pwc-lh-sub);
}

.pwc-woningcheck .pwc-subsidie-regel strong {
  flex: 0 0 auto;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pwc-woningcheck .pwc-subsidie-regel--totaal {
  margin-top: var(--pwc-theme-space-half);
  padding-top: var(--pwc-theme-space-half);
  border-top: var(--pwc-theme-hairline) solid var(--pwc-dark);
  font-weight: 600;
}

.pwc-woningcheck .pwc-subsidie-besparing {
  padding: var(--pwc-theme-subsidy-savings-padding);
  border-left: var(--pwc-theme-subsidy-accent-width) solid var(--pwc-theme-info-blue);
  border-radius: var(--pwc-theme-radius-sm);
  background: var(--pwc-theme-info-blue-soft);
}

.pwc-woningcheck .pwc-subsidie-besparing__titel {
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-4);
  font-weight: 600;
  line-height: var(--pwc-lh-sub);
}

.pwc-woningcheck .pwc-subsidie-besparing__bedrag {
  margin-top: var(--pwc-theme-space-quarter);
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-5);
  line-height: var(--pwc-lh-sub);
}

.pwc-woningcheck .pwc-subsidie-besparing__bedrag strong {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.pwc-woningcheck .pwc-subsidie-besparing__context {
  margin-top: var(--pwc-theme-space-quarter);
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-3);
  line-height: var(--pwc-lh-sub);
}

.pwc-woningcheck .pwc-subsidie-besparing__details {
  margin-top: var(--pwc-theme-space-half);
}

.pwc-woningcheck .pwc-subsidie-besparing__details summary {
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-3);
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}

.pwc-woningcheck .pwc-subsidie-besparing__uitleg {
  margin-top: var(--pwc-theme-space-quarter);
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-3);
  line-height: var(--pwc-lh-sub);
}

.pwc-woningcheck .pwc-subsidie-besparing__lijst {
  display: grid;
  gap: var(--pwc-theme-space-quarter);
  margin: var(--pwc-theme-space-half) 0 0;
  padding: 0;
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-3);
  list-style: none;
}

.pwc-woningcheck .pwc-subsidie-besparing__lijst li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--pwc-theme-detail-cell-space);
}

.pwc-woningcheck .pwc-subsidie-besparing__lijst strong {
  flex: 0 0 auto;
  color: var(--pwc-dark);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.pwc-woningcheck .pwc-subsidie-meer {
  margin-top: var(--pwc-theme-subsidy-section-space);
  border-top: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
  border-bottom: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
}

.pwc-woningcheck .pwc-subsidie-meer summary {
  padding: var(--pwc-theme-subsidy-details-padding) 0;
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-3);
  font-weight: 500;
}

.pwc-woningcheck .pwc-subsidie-meer[open] summary {
  padding-bottom: var(--pwc-theme-space-half);
}

.pwc-woningcheck .pwc-subsidie-meer ul {
  margin: 0 0 var(--pwc-theme-subsidy-details-padding);
  padding-left: 1.125rem;
}

.pwc-woningcheck .pwc-subsidie-meer li {
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-3);
  line-height: var(--pwc-lh-sub);
}

.pwc-woningcheck .pwc-subsidie-meer li + li {
  margin-top: var(--pwc-theme-space-quarter);
}

.pwc-woningcheck .pwc-subsidie-meer .pwc-bedrag__sub,
.pwc-woningcheck .pwc-subsidie-meer .pwc-subsidie-disclaimer {
  margin-bottom: var(--pwc-theme-subsidy-details-padding);
}

/* ===== Subsidiekaarten ===== */
.pwc-woningcheck .pwc-subsidie-kaarten:has(> :only-child) {
  grid-template-columns: minmax(0, 1fr);
}

/* ===== Adresregels ===== */
.pwc-woningcheck #pwc-search-form .pwc-input-wrapper > div {
  align-items: flex-start;

  /* Inline JS zet flex-wrap:wrap; op desktop moet dit één regel blijven. */
  flex-wrap: nowrap !important;
}

.pwc-woningcheck #pwc-search-form .pwc-input-wrapper > div > .pwc-form-group {
  flex: 0 0 auto;
  margin-bottom: 0;
  min-width: 0;
}

.pwc-woningcheck #pwc-search-form .pwc-input-wrapper > div > .pwc-form-group:nth-child(1) {
  width: var(--pwc-theme-postcode-width);
}

.pwc-woningcheck #pwc-search-form .pwc-input-wrapper > div > .pwc-form-group:nth-child(2),
.pwc-woningcheck #pwc-search-form .pwc-input-wrapper > div > .pwc-form-group:nth-child(3) {
  width: var(--pwc-theme-number-width);
}

.pwc-woningcheck #pwc-search-form .pwc-form-label {
  white-space: nowrap;
}

.pwc-woningcheck #pwc-search-form .pwc-input-wrapper .pwc-postcode-input,
.pwc-woningcheck #pwc-search-form .pwc-input-wrapper .pwc-huisnummer-input,
.pwc-woningcheck #pwc-search-form .pwc-input-wrapper .pwc-toevoeging-input {
  max-width: 100%;
}

.pwc-woningcheck #pwc-contact-form .pwc-contact-data-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--pwc-theme-contact-row-gap) var(--pwc-theme-contact-column-gap);
}

.pwc-woningcheck #pwc-contact-form .pwc-contact-data-grid > .pwc-form-group {
  min-width: 0;
  margin-bottom: 0;
}

.pwc-woningcheck #pwc-contact-form .pwc-contact-address-row {
  display: grid;
  align-items: flex-start;
  gap: var(--pwc-theme-contact-gap);
}

.pwc-woningcheck #pwc-contact-form .pwc-contact-address-row + .pwc-contact-address-row {
  margin-top: var(--pwc-theme-detail-cell-space);
}

.pwc-woningcheck #pwc-contact-form .pwc-contact-address-row--street-number,
.pwc-woningcheck #pwc-contact-form .pwc-contact-address-row--place {
  grid-template-columns: minmax(0, 1fr);
}

.pwc-woningcheck #pwc-contact-form .pwc-contact-address-row--street-number {
  grid-template-columns:
    minmax(0, 3fr)
    minmax(var(--pwc-theme-contact-house-width), 1fr)
    minmax(var(--pwc-theme-contact-house-width), 1fr);
}

.pwc-woningcheck #pwc-contact-form .pwc-contact-address-row--place {
  grid-template-columns: var(--pwc-theme-contact-postcode-width) minmax(0, 1fr);
}

.pwc-woningcheck #pwc-contact-form .pwc-contact-address-row > .pwc-form-group {
  width: auto;
  min-width: 0;
  max-width: none;
  margin-bottom: 0;
}

.pwc-woningcheck #pwc-contact-form .pwc-contact-notes {
  margin-bottom: var(--pwc-theme-card-padding);
}

.pwc-woningcheck #pwc-contact-form .pwc-contact-notes .pwc-form-group {
  margin-bottom: 0;
}

/* ===== Privacy en links ===== */
.pwc-woningcheck .pwc-checkbox-group .pwc-checkbox {
  accent-color: var(--pwc-dark);
}

.pwc-woningcheck .pwc-checkbox-group .pwc-link {
  color: var(--pwc-dark);
  text-decoration: underline;
}

.pwc-woningcheck .pwc-checkbox-group .pwc-link:hover {
  text-decoration-thickness: var(--pwc-theme-focus-width);
}

/* ===== Keuzekaarten ===== */
.pwc-woningcheck #pwc-section-2,
.pwc-woningcheck #pwc-section-3,
.pwc-woningcheck #pwc-section-4 {
  padding: var(--pwc-theme-card-padding);
  border-radius: var(--pwc-theme-radius-md);
}

/* ===== Compact subsidierapport volgens referentie ===== */
.pwc-woningcheck #pwc-section-3 {
  padding: var(--pwc-theme-subsidy-report-padding);
}

.pwc-woningcheck .pwc-subsidie-totaal {
  display: flex;
  flex-direction: column;
  gap: var(--pwc-theme-subsidy-stack-gap);
  padding: var(--pwc-theme-subsidy-card-padding);
  border-radius: var(--pwc-theme-radius-sm);
  background: var(--pwc-theme-service-green-soft);
}

.pwc-woningcheck .pwc-subsidie-totaal__eyebrow {
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-1);
  font-weight: 600;
  letter-spacing: var(--pwc-theme-eyebrow-tracking);
  text-transform: uppercase;
}

.pwc-woningcheck .pwc-subsidie-totaal__bedrag {
  color: var(--pwc-dark);
  font-size: var(--pwc-theme-subsidy-total-size);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--pwc-track-tight);
  line-height: var(--pwc-lh-kop);
}

.pwc-woningcheck .pwc-subsidie-totaal__uitleg {
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-3);
  line-height: var(--pwc-lh-sub);
}

.pwc-woningcheck .pwc-subsidie-herkomst {
  display: flex;
  flex-direction: column;
}

.pwc-woningcheck .pwc-subsidie-herkomst__titel {
  margin-bottom: var(--pwc-theme-space-half);
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-5);
  font-weight: 600;
  line-height: var(--pwc-lh-kop);
}

.pwc-woningcheck .pwc-subsidie-herkomst__regel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pwc-theme-detail-cell-space);
  padding: var(--pwc-theme-subsidy-row-padding) 0;
  border-top: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
}

.pwc-woningcheck .pwc-subsidie-herkomst__regel:last-child {
  border-bottom: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
}

.pwc-woningcheck .pwc-subsidie-herkomst__tekst {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
}

.pwc-woningcheck .pwc-subsidie-herkomst__tekst strong {
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-3);
  font-weight: 500;
}

.pwc-woningcheck .pwc-subsidie-herkomst__tekst span {
  margin-top: var(--pwc-theme-space-quarter);
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-2);
  line-height: var(--pwc-lh-sub);
}

.pwc-woningcheck .pwc-subsidie-isde-diensten {
  display: grid;
  gap: var(--pwc-theme-space-quarter);
  margin-top: var(--pwc-theme-space-half);
}

.pwc-woningcheck .pwc-subsidie-isde-diensten > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--pwc-theme-space-half);
}

.pwc-woningcheck .pwc-subsidie-herkomst__tekst .pwc-subsidie-isde-diensten span {
  margin: 0;
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-2);
}

.pwc-woningcheck .pwc-subsidie-isde-diensten strong {
  flex: 0 0 auto;
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-2);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pwc-woningcheck .pwc-subsidie-herkomst__bedrag {
  flex: 0 0 auto;
  padding: var(--pwc-theme-subsidy-pill-padding);
  border-radius: 999px;
  background: var(--pwc-theme-service-green-soft);
  color: var(--pwc-theme-service-green);
  font-size: var(--pwc-fs-3);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pwc-woningcheck .pwc-subsidie-suggestie {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pwc-theme-detail-cell-space);
  padding: var(--pwc-theme-subsidy-row-padding) 0;
  border-top: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
  border-bottom: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
}

.pwc-woningcheck .pwc-subsidie-suggestie > div {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
}

.pwc-woningcheck .pwc-subsidie-suggestie strong {
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-3);
  font-weight: 500;
}

.pwc-woningcheck .pwc-subsidie-suggestie span {
  margin-top: var(--pwc-theme-space-quarter);
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-2);
  line-height: var(--pwc-lh-sub);
}

.pwc-woningcheck .pwc-subsidie-besparingszin {
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-3);
  line-height: var(--pwc-lh-tekst);
}

.pwc-woningcheck .pwc-subsidie-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pwc-theme-detail-cell-space);
}

.pwc-woningcheck .pwc-subsidie-context__tekst {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-2);
  line-height: var(--pwc-lh-tekst);
}

.pwc-woningcheck .pwc-subsidie-context__tekst strong {
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-2);
  font-weight: 500;
}

.pwc-woningcheck .pwc-subsidie-tekstknop {
  flex: 0 0 auto;
  min-height: var(--pwc-theme-button-min-height);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--pwc-dark);
  font-family: inherit;
  font-size: var(--pwc-fs-3);
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.pwc-woningcheck .pwc-subsidie-details {
  padding: var(--pwc-theme-subsidy-details-padding) 0;
  border-top: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
  border-bottom: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
}

.pwc-woningcheck .pwc-subsidie-details summary {
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-3);
  font-weight: 500;
  cursor: pointer;
}

.pwc-woningcheck .pwc-subsidie-details > *:not(summary) {
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-2);
  line-height: var(--pwc-lh-tekst);
}

.pwc-woningcheck .pwc-subsidie-details ul {
  margin: var(--pwc-theme-space-half) 0 0;
  padding-left: 1.125rem;
}

.pwc-woningcheck .pwc-subsidie-details li + li {
  margin-top: var(--pwc-theme-space-quarter);
}

.pwc-woningcheck .pwc-subsidie-details .pwc-bedrag__sub {
  margin-top: var(--pwc-theme-space-half);
}

.pwc-woningcheck #pwc-section-3 .pwc-form-footer--between {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--pwc-theme-detail-cell-space);
  margin-top: var(--pwc-theme-subsidy-flow-gap);
}

.pwc-woningcheck #pwc-section-3 .pwc-form-footer .pwc-btn {
  width: auto;
}

.pwc-woningcheck #pwc-section-3 .pwc-form-footer .pwc-btn--secondary {
  min-height: var(--pwc-theme-button-min-height);
  padding: 0;
  border: 0;
  background: transparent;
}

@media (width <= 700px) {
  .pwc-woningcheck #pwc-section-3 {
    padding: var(--pwc-theme-subsidy-mobile-report-padding);
  }

  .pwc-woningcheck .pwc-subsidie-output {
    gap: var(--pwc-theme-subsidy-mobile-flow-gap);
  }

  .pwc-woningcheck .pwc-subsidie-totaal__bedrag {
    font-size: var(--pwc-theme-subsidy-total-size-mobile);
  }

  .pwc-woningcheck .pwc-subsidie-herkomst__regel,
  .pwc-woningcheck .pwc-subsidie-suggestie {
    align-items: flex-start;
  }

  .pwc-woningcheck .pwc-subsidie-herkomst__bedrag {
    padding: var(--pwc-theme-space-quarter) var(--pwc-theme-space-half);
    font-size: var(--pwc-fs-2);
  }

  .pwc-woningcheck #pwc-section-3 .pwc-form-footer--between {
    margin-top: var(--pwc-theme-subsidy-mobile-flow-gap);
  }
}

.pwc-woningcheck .pwc-service-card--on,
.pwc-woningcheck .pwc-service-card--escape.pwc-service-card--on {
  background: var(--pwc-theme-service-green-soft);
  border-color: var(--pwc-theme-service-green);
  box-shadow: inset 0 0 0 var(--pwc-theme-hairline) var(--pwc-theme-service-green);
}

@media (width <= 480px) {
  .pwc-woningcheck #pwc-search-form .pwc-input-wrapper > div {
    /* Op mobiel mag de adresregel juist wel netjes wrappen. */
    flex-wrap: wrap !important;
  }

  .pwc-woningcheck #pwc-search-form .pwc-input-wrapper > div > .pwc-form-group {
    flex: 1 1 100%;
    width: 100%;
  }

  .pwc-woningcheck #pwc-contact-form .pwc-contact-address-row--place {
    /* Postcode en woonplaats stapelen op smalle schermen. */
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (width <= 700px) {
  .pwc-woningcheck #pwc-contact-form .pwc-contact-data-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .pwc-woningcheck #pwc-contact-form .pwc-contact-address-row--street-number {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pwc-woningcheck #pwc-contact-form .pwc-contact-address-row--street-number > .pwc-form-group:first-child {
    grid-column: 1 / -1;
  }
}

/* ===== Isolatiemaatregelen als begeleide accordion ===== */
.pwc-woningcheck .pwc-service-selection-summary {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--pwc-theme-space-half);
  margin: var(--pwc-theme-accordion-gap) 0;
  padding: 0.75rem 1rem;
  border: var(--pwc-theme-hairline) dashed var(--pwc-theme-field-border);
  border-radius: var(--pwc-theme-radius-sm);
  background: transparent;
  color: var(--pwc-muted);
}

.pwc-woningcheck .pwc-service-selection-summary strong {
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-2);
  font-weight: 500;
}

.pwc-woningcheck .pwc-service-selection-summary__items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pwc-theme-space-quarter);
}

.pwc-woningcheck .pwc-service-selection-summary__item {
  display: inline-flex;
  align-items: center;
  gap: var(--pwc-theme-space-quarter);
  width: fit-content;
  padding: var(--pwc-theme-space-quarter) var(--pwc-theme-space-half);
  border: var(--pwc-theme-hairline) solid var(--pwc-theme-service-green-border);
  border-radius: 999px;
  background: var(--pwc-theme-service-green-soft);
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-1);
  font-weight: 500;
}

.pwc-woningcheck .pwc-service-selection-summary__item img {
  flex: 0 0 auto;
  width: var(--pwc-theme-summary-icon-size);
  height: var(--pwc-theme-summary-icon-size);
  object-fit: contain;
}

.pwc-woningcheck .pwc-service-selection-summary--actief {
  border-style: solid;
  border-color: var(--pwc-theme-service-green-border);
  background: var(--pwc-theme-service-green-soft);
}

.pwc-woningcheck .pwc-services-grid.pwc-service-accordion-list {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: var(--pwc-theme-accordion-gap);
}

.pwc-woningcheck .pwc-service-accordion {
  position: relative;
  display: flex;
  flex-direction: column;
  align-self: start;
  overflow: hidden;
  border: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
  border-radius: var(--pwc-theme-radius-sm);
  background: var(--pwc-theme-surface);
  transition: border-color var(--pwc-dur-2) var(--pwc-ease), background-color var(--pwc-dur-2) var(--pwc-ease);
}

.pwc-woningcheck .pwc-service-accordion--open {
  min-height: var(--pwc-theme-service-open-min-height);
}

.pwc-woningcheck .pwc-service-accordion--on {
  border-color: var(--pwc-theme-service-green-border);
  background: var(--pwc-theme-service-green-soft);
}

.pwc-woningcheck .pwc-service-accordion--on::after {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 2;
  width: var(--pwc-theme-service-accent-width);
  content: "";
  pointer-events: none;
  background: var(--pwc-theme-service-green);
}

.pwc-woningcheck .pwc-service-accordion > .pwc-service-checkbox {
  display: none;
}

.pwc-woningcheck .pwc-service-accordion__header {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: var(--pwc-theme-space-quarter);
  width: 100%;
  min-height: var(--pwc-theme-accordion-header-min-height);
  padding: var(--pwc-theme-accordion-padding) 5.5rem var(--pwc-theme-accordion-padding) var(--pwc-theme-accordion-padding);
  border: 0;
  background: transparent;
  color: var(--pwc-dark);
  text-align: left;
  cursor: pointer;
}

.pwc-woningcheck .pwc-service-accordion__header:hover {
  background: color-mix(in srgb, var(--pwc-dark) 3%, transparent);
}

.pwc-woningcheck .pwc-service-accordion__heading {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.pwc-woningcheck .pwc-service-accordion .pwc-service-name {
  display: block;
  font-size: var(--pwc-fs-4);
  font-weight: 500;
}

.pwc-woningcheck .pwc-service-accordion--on .pwc-service-name {
  color: var(--pwc-theme-service-green);
}

.pwc-woningcheck .pwc-service-accordion__meta {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}

.pwc-woningcheck .pwc-service-accordion__area {
  display: inline-flex;
  align-items: center;
  padding: var(--pwc-theme-space-quarter) var(--pwc-theme-space-half);
  border-radius: 999px;
  background: var(--pwc-step-bg);
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-1);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pwc-woningcheck .pwc-service-accordion__state {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0;
  background: transparent;
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-1);
  font-weight: 500;
  white-space: nowrap;
}

.pwc-woningcheck .pwc-service-accordion__state::before {
  width: 0.45rem;
  height: 0.45rem;
  content: "";
  border-radius: 999px;
  background: currentcolor;
}

.pwc-woningcheck .pwc-service-accordion__state--optional {
  color: var(--pwc-muted);
}

.pwc-woningcheck .pwc-service-accordion__hint {
  display: none;
}

.pwc-woningcheck .pwc-service-accordion__select-mark {
  display: grid;
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  place-items: center;
  border: var(--pwc-theme-hairline) solid var(--pwc-theme-select-border);
  border-radius: 999px;
  background: var(--pwc-theme-surface);
  color: transparent;
}

.pwc-woningcheck .pwc-service-accordion__select-toggle {
  position: absolute;
  top: var(--pwc-theme-accordion-toggle-top);
  right: 2.375rem;
  z-index: 1;
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  transform: translateY(-50%);
}

.pwc-woningcheck .pwc-service-accordion__select-toggle:hover .pwc-service-accordion__select-mark {
  border-color: var(--pwc-theme-focus-border);
}

.pwc-woningcheck .pwc-service-accordion__select-mark--selected {
  border-color: var(--pwc-theme-service-green);
  background: var(--pwc-theme-surface);
  color: var(--pwc-theme-service-green);
}

.pwc-woningcheck .pwc-info-strip {
  border-left: var(--pwc-theme-status-border) solid var(--pwc-theme-info-blue);
  background: var(--pwc-theme-info-blue-soft);
  color: var(--pwc-dark);
}

.pwc-woningcheck .pwc-info-strip svg {
  color: var(--pwc-theme-info-blue);
}

.pwc-woningcheck .pwc-service-accordion__chevron {
  position: absolute;
  top: 50%;
  right: var(--pwc-theme-accordion-padding);
  color: var(--pwc-muted);
  transform: translateY(-50%);
  transition: transform var(--pwc-dur-2) var(--pwc-ease);
}

.pwc-woningcheck .pwc-service-accordion__header[aria-expanded="true"] .pwc-service-accordion__chevron {
  transform: translateY(-50%) rotate(180deg);
}

.pwc-woningcheck .pwc-service-accordion__panel {
  flex: 1 1 auto;
  padding: var(--pwc-theme-accordion-panel-padding);
  border-top: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
  background: color-mix(in srgb, var(--pwc-theme-field-bg) 58%, var(--pwc-theme-surface));
}

.pwc-woningcheck .pwc-service-accordion__panel[hidden] {
  display: none;
}

.pwc-woningcheck .pwc-service-accordion__description {
  max-width: 36rem;
  min-height: var(--pwc-theme-accordion-description-min-height);
  margin-bottom: var(--pwc-theme-space-half);
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-2);
}

.pwc-woningcheck .pwc-service-accordion__note,
.pwc-woningcheck .pwc-service-accordion__help {
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-2);
}

.pwc-woningcheck .pwc-service-accordion__field {
  display: grid;
  gap: 0.4rem;
  margin-top: var(--pwc-theme-accordion-gap);
}

.pwc-woningcheck .pwc-service-accordion__field > label {
  font-weight: 500;
}

.pwc-woningcheck .pwc-service-accordion__input-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: var(--pwc-theme-accordion-m2-width);
}

.pwc-woningcheck .pwc-service-accordion__input-wrap .pwc-m2-input {
  width: 100%;
  min-height: var(--pwc-theme-accordion-input-min-height);
}

.pwc-woningcheck .pwc-service-accordion__error {
  min-height: 1.5em;
  margin-top: 0.35rem;
  color: var(--pwc-red);
  font-size: var(--pwc-fs-1);
}

.pwc-woningcheck .pwc-service-accordion__error:empty {
  min-height: 0;
  margin-top: 0;
}

@media (width <= 700px) {
  .pwc-woningcheck .pwc-services-grid.pwc-service-accordion-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .pwc-woningcheck .pwc-service-accordion__meta {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
  }

  .pwc-woningcheck .pwc-service-accordion__select-toggle {
    right: 2rem;
  }
}

/* ===== Rustige woninggegevens onder de kaart ===== */
.pwc-woningcheck .pwc-property-details {
  padding: var(--pwc-theme-detail-space);
}

.pwc-woningcheck .pwc-property-details > * {
  width: 100%;
  max-width: var(--pwc-theme-detail-content-width);
}

.pwc-woningcheck .pwc-property-details__head {
  padding-bottom: var(--pwc-theme-detail-cell-space);
  border-bottom: 0;
}

.pwc-woningcheck .pwc-property-details .pwc-woningkaart__adres {
  margin: 0;
  font-size: var(--pwc-fs-5);
  font-weight: 500;
  letter-spacing: var(--pwc-track-tight);
}

.pwc-woningcheck .pwc-property-details .pwc-woningkaart__plaats,
.pwc-woningcheck .pwc-property-details__intro {
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-2);
}

.pwc-woningcheck .pwc-property-details__intro {
  margin-top: var(--pwc-theme-space-half);
}

.pwc-woningcheck .pwc-property-details__section {
  margin-top: var(--pwc-theme-detail-space);
}

.pwc-woningcheck .pwc-property-details__section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--pwc-theme-accordion-gap);
  margin-bottom: var(--pwc-theme-accordion-gap);
}

.pwc-woningcheck .pwc-property-details__section-head h5 {
  margin: 0;
  font-size: var(--pwc-fs-4);
  font-weight: 600;
}

.pwc-woningcheck .pwc-property-details__section-head span {
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-1);
}

.pwc-woningcheck .pwc-property-details__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--pwc-theme-accordion-gap);
  margin: var(--pwc-theme-detail-cell-space) 0 0;
  border-top: 0;
}

.pwc-woningcheck .pwc-property-details__fields > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.pwc-woningcheck .pwc-property-field--wide {
  grid-column: 1 / -1;
}

.pwc-woningcheck .pwc-property-field__label {
  margin-bottom: var(--pwc-theme-detail-control-gap);
  color: var(--pwc-dark);
  font-size: var(--pwc-theme-detail-label-size);
  font-weight: 500;
}

.pwc-woningcheck .pwc-property-field__value {
  display: flex;
  align-items: center;
  gap: var(--pwc-theme-detail-control-gap);
  min-height: var(--pwc-theme-field-min-height);
  margin: 0;
  padding: var(--pwc-theme-detail-control-padding-y) var(--pwc-theme-detail-cell-space);
  border: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
  border-radius: var(--pwc-theme-radius-sm);
  background: var(--pwc-theme-field-bg);
  font-size: var(--pwc-fs-3);
  font-weight: 400;
}

.pwc-woningcheck .pwc-property-field__value:focus-within {
  border-color: var(--pwc-theme-focus-border);
  box-shadow: var(--pwc-theme-focus-halo);
}

.pwc-woningcheck .pwc-property-field__value--stack {
  display: flex;
  min-height: var(--pwc-theme-field-min-height);
}

.pwc-woningcheck .pwc-property-details .pwc-woningoppervlakte {
  width: 100%;
  min-height: auto;
  padding: 0 var(--pwc-theme-detail-cell-space);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: var(--pwc-fs-3);
  font-weight: 400;
  text-align: left;
}

.pwc-woningcheck .pwc-property-details .pwc-m2--woning {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-radius: inherit;
}

.pwc-woningcheck .pwc-property-details .pwc-woningoppervlakte:focus {
  box-shadow: var(--pwc-theme-focus-halo);
}

.pwc-woningcheck .pwc-property-details .pwc-property-field:has(.pwc-woningoppervlakte) .pwc-property-field__value {
  position: relative;
  gap: 0;
  padding: 0;
  overflow: visible;
}

.pwc-woningcheck .pwc-property-details .pwc-property-field:has(.pwc-woningoppervlakte) .pwc-property-field__label::after {
  content: " in m²";
}

.pwc-woningcheck .pwc-property-details .pwc-property-field:has(.pwc-woningoppervlakte) .pwc-m2__unit {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--pwc-theme-area-unit-width);
  min-height: var(--pwc-theme-field-min-height);
  border-left: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
  background: var(--pwc-theme-field-bg);
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-3);
  font-weight: 400;
}

.pwc-woningcheck .pwc-property-details .pwc-property-field:has(.pwc-woningoppervlakte) > .pwc-property-field__value > .pwc-info {
  position: absolute;
  top: calc(-1 * (1.35rem + var(--pwc-theme-detail-control-gap)));
  right: 0;
}

.pwc-woningcheck .pwc-property-details .pwc-property-field:has(.pwc-woningoppervlakte) .pwc-info__tip {
  right: 0;
  left: auto;
  transform: translateY(var(--pwc-theme-space-quarter)) scale(0.96);
  transform-origin: bottom right;
}

.pwc-woningcheck .pwc-property-details .pwc-property-field:has(.pwc-woningoppervlakte) .pwc-info:hover .pwc-info__tip,
.pwc-woningcheck .pwc-property-details .pwc-property-field:has(.pwc-woningoppervlakte) .pwc-info:focus .pwc-info__tip {
  transform: translateY(0) scale(1);
}

.pwc-woningcheck .pwc-property-details .pwc-info__teken {
  background: transparent;
  color: inherit;
}

.pwc-woningcheck .pwc-property-details .pwc-info {
  background: var(--pwc-theme-info-blue);
  color: var(--pwc-theme-surface);
}

.pwc-woningcheck .pwc-property-details .pwc-info:hover,
.pwc-woningcheck .pwc-property-details .pwc-info:focus {
  background: var(--pwc-theme-info-blue);
  color: var(--pwc-theme-surface);
}

.pwc-woningcheck .pwc-property-details .pwc-info__tip {
  border-color: var(--pwc-theme-info-blue);
  border-left-color: var(--pwc-theme-info-blue);
}

.pwc-woningcheck .pwc-property-details .pwc-info__tip::after {
  border-right-color: var(--pwc-theme-info-blue);
  border-bottom-color: var(--pwc-theme-info-blue);
}

.pwc-woningcheck .pwc-property-details .pwc-woz {
  display: flex;
  align-items: center;
  width: 100%;
}

.pwc-woningcheck .pwc-property-details .pwc-woz__veld {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  font-size: var(--pwc-fs-3);
  font-weight: 400;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.pwc-woningcheck .pwc-property-details .pwc-woz__veld:focus,
.pwc-woningcheck .pwc-property-details .pwc-woz__veld:focus-visible {
  border: 0;
  outline: none;
  box-shadow: none;
}

.pwc-woningcheck .pwc-3d-inline__button#pwc-3d-rotate {
  border: 0;
  box-shadow: 0 0.375rem 1.125rem -0.625rem color-mix(in srgb, var(--pwc-dark) 32%, transparent);
}

.pwc-woningcheck .pwc-3d-inline__button#pwc-3d-rotate:focus,
.pwc-woningcheck .pwc-3d-inline__button#pwc-3d-rotate:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 var(--pwc-theme-focus-width) color-mix(in srgb, var(--pwc-yellow) 72%, transparent),
    0 0.375rem 1.125rem -0.625rem color-mix(in srgb, var(--pwc-dark) 32%, transparent);
}

.pwc-woningcheck .pwc-property-details .pwc-woz__teken {
  font-size: var(--pwc-fs-3);
  font-weight: 400;
  line-height: 1.2;
}

.pwc-woningcheck .pwc-woz-historie {
  width: 100%;
  margin-top: var(--pwc-theme-space-half);
  padding-top: var(--pwc-theme-space-half);
  border-top: var(--pwc-theme-hairline) solid var(--pwc-theme-field-border);
}

.pwc-woningcheck .pwc-woz-historie summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pwc-theme-space-half);
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-2);
  font-weight: 500;
  cursor: pointer;
  list-style: none;
}

.pwc-woningcheck .pwc-woz-historie summary::-webkit-details-marker {
  display: none;
}

.pwc-woningcheck .pwc-woz-historie summary:focus-visible {
  outline: var(--pwc-theme-focus-width) solid var(--pwc-dark);
  outline-offset: var(--pwc-theme-focus-offset);
  border-radius: var(--pwc-theme-space-quarter);
}

.pwc-woningcheck .pwc-woz-historie summary svg {
  flex: 0 0 auto;
  transition: transform var(--pwc-dur-2) var(--pwc-ease);
}

.pwc-woningcheck .pwc-woz-historie[open] summary svg {
  transform: rotate(180deg);
}

.pwc-woningcheck .pwc-woz-historie__rows {
  display: grid;
  gap: var(--pwc-theme-space-quarter);
  margin-top: var(--pwc-theme-space-half);
}

.pwc-woningcheck .pwc-woz-historie__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--pwc-theme-detail-cell-space);
  color: var(--pwc-muted);
  font-size: var(--pwc-fs-2);
}

.pwc-woningcheck .pwc-woz-historie__row strong {
  color: var(--pwc-dark);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.pwc-woningcheck .pwc-property-details .pwc-labelrij {
  width: 100%;
  margin: 0;
  padding: 0;
}

.pwc-woningcheck .pwc-property-details .pwc-labelbadge {
  display: block;
  min-width: 0;
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--pwc-dark);
  font-size: var(--pwc-fs-3);
  font-weight: 400;
  line-height: 1.2;
}

/* Kaartknop: zachte rand, maar wel een duidelijke toetsenbordfocus. */
.pwc-woningcheck .pwc-woningkaart__3d {
  border-color: var(--pwc-theme-field-border);
  background: var(--pwc-theme-surface);
  box-shadow: 0 0.375rem 1.125rem -0.625rem color-mix(in srgb, var(--pwc-dark) 32%, transparent);
}

.pwc-woningcheck .pwc-woningkaart__3d:hover {
  border-color: var(--pwc-theme-focus-border);
  background: var(--pwc-theme-surface);
}

.pwc-woningcheck .pwc-woningkaart__3d:focus:not(:focus-visible) {
  outline: none;
}

.pwc-woningcheck .pwc-property-data-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--pwc-theme-accordion-gap);
}

.pwc-woningcheck .pwc-property-details .pwc-woningkaart__data {
  display: block;
  margin-top: var(--pwc-theme-detail-cell-space);
}

.pwc-woningcheck .pwc-property-data-grid .pwc-property-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.pwc-woningcheck .pwc-property-details .pwc-datablok__label {
  color: var(--pwc-muted);
  font-size: var(--pwc-theme-detail-label-size);
  font-weight: 500;
  letter-spacing: 0;
}

.pwc-woningcheck .pwc-property-details .pwc-woningkaart__bron {
  margin-top: var(--pwc-theme-detail-space);
  padding-top: var(--pwc-theme-accordion-gap);
  border-top: 0;
}

.pwc-woningcheck .pwc-property-details .pwc-woningkaart__acties {
  margin-top: var(--pwc-theme-detail-space);
  padding-top: var(--pwc-theme-detail-cell-space);
  border-top: 0;
}

@media (width <= 700px) {
  .pwc-woningcheck .pwc-form-section {
    padding: 2rem 0 4rem;
  }

  .pwc-woningcheck .pwc-form-section .pwc-title {
    margin-bottom: 0.875rem;
    font-size: var(--pwc-fs-6);
  }

  .pwc-woningcheck #pwc-section-2,
  .pwc-woningcheck #pwc-section-3,
  .pwc-woningcheck #pwc-section-4 {
    padding: var(--pwc-theme-mobile-card-padding);
  }

  .pwc-woningcheck .pwc-property-details {
    padding: var(--pwc-theme-detail-cell-space);
  }

  .pwc-woningcheck .pwc-property-details > * {
    max-width: none;
  }

  .pwc-woningcheck .pwc-property-details__section-head {
    flex-direction: column;
    gap: var(--pwc-theme-space-quarter);
  }

  .pwc-woningcheck .pwc-property-details__fields,
  .pwc-woningcheck .pwc-property-data-grid {
    grid-template-columns: minmax(0, 1fr);
  }

}