/* v65 (19-10): formulier makkelijker op Android + direct bellen/appen */
.direct-contact{margin:0 0 22px;padding:16px;border:1px solid #d9ddd7;border-radius:16px;background:#f6f7f4;text-align:center}
.direct-contact .direct-title{margin:0 0 12px;font-size:16px;line-height:1.3;font-weight:650;color:#242424}
.direct-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.public-site .direct-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 12px;border-radius:999px;border:1px solid #242424;background:#fff;color:#242424;font-size:16px;line-height:1.2;font-weight:650;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.public-site .direct-btn svg{flex:none;width:19px;height:19px}
.public-site .direct-btn.direct-wa{background:#1f7a45;border-color:#1f7a45;color:#fff}
.public-site .direct-btn:hover{background:#edf0e9}
.public-site .direct-btn.direct-wa:hover{background:#18653a;border-color:#18653a}
.public-site .direct-btn:focus-visible{outline:2px solid #50604a;outline-offset:3px}
.direct-contact .direct-caption{display:block;margin-top:10px;font-size:13px;line-height:1.4;color:#5c5c5c}
.quote-dialog .direct-contact{margin:-6px 0 24px}
/* contactpagina: bovenaan, iets groter */
.pp-contact .direct-contact{max-width:460px;margin:26px auto 14px;background:#fff}
.pp-contact .direct-contact .direct-title{font-size:18px}
.public-site .pp-contact .direct-btn{min-height:56px;font-size:17px}
/* verzendknop: groot, duidelijk, altijd gevuld */
.public-site .quote-dialog #quote button[type=submit]{width:100%;min-height:58px;margin-top:24px;border-radius:999px;background:#50604a!important;border:1px solid #50604a!important;color:#fff!important;font-size:17px;font-weight:650;box-shadow:0 6px 18px #26322222}
.public-site .quote-dialog #quote button[type=submit]:hover{background:#435240!important;border-color:#435240!important}
.public-site .quote-dialog #quote button[type=submit]:disabled{opacity:.7}
/* inline foutmeldingen, direct onder het veld */
.quote-dialog input[aria-invalid=true],.quote-dialog textarea[aria-invalid=true]{border-color:#b3261e!important;box-shadow:0 0 0 2px #b3261e2e}
.quote-dialog small.field-error,.public-site.mobile-conversion .quote-dialog small.field-error{display:block;margin-top:6px;color:#b3261e;font-size:14px;line-height:1.4;font-weight:600}
.quote-dialog .quote-error.is-validation{margin:14px 0 0;border-radius:8px;text-align:center}
.quote-dialog .field-hint{display:block;margin-top:6px;font-size:13px;line-height:1.4;color:#5c5c5c}
.quote-dialog #quote{padding-bottom:16px}
@media (max-width:360px){.public-site .direct-btn{font-size:15px;padding:10px 8px}}
/* v67 (19-10): m² + foto's zichtbaar onder de verplichte velden, verzendknop blijft in beeld */
.quote-dialog .quote-boost{display:grid;gap:18px;margin:20px 0 8px;padding:16px;border:1px solid #dfe3dc;border-radius:16px;background:#fafbf8}
.quote-dialog .area-row{display:grid;gap:7px;min-width:0}
.public-site .quote-dialog .quote-boost label.area-label,.public-site .quote-dialog .quote-boost .floorplan-field legend{display:block;margin:0;padding:0;float:none;font-size:15px;line-height:1.4;font-weight:600;color:#242424}
.public-site .quote-dialog .quote-boost label.area-label small,.public-site .quote-dialog .quote-boost .floorplan-field legend small{font-size:13px;font-weight:400;color:#5c5c5c}
.quote-dialog .area-controls{display:flex;align-items:center;gap:14px}
.quote-dialog .area-input{position:relative;display:block;flex:0 1 170px;min-width:0}
.public-site .quote-dialog .area-input input{width:100%;box-sizing:border-box;padding-right:44px!important}
.quote-dialog .area-unit{position:absolute;right:14px;top:24px;transform:translateY(-50%);font-size:15px;color:#5c5c5c;pointer-events:none}
.quote-dialog .area-input input:disabled{background:#f1f2ef;color:#8a8a8a}
.public-site .quote-dialog label.area-unknown{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:48px;margin:0;font-size:14px;line-height:1.3;white-space:nowrap;cursor:pointer}
.public-site .quote-dialog label.area-unknown>span{display:inline;min-height:0;font-size:14px;line-height:1.3;font-weight:500}
.public-site .quote-dialog label.area-unknown input{width:20px;height:20px;min-height:0;margin:0;padding:0;flex:0 0 20px;accent-color:#50604a}
.quote-dialog .area-row>.field-error{margin-top:0}
.public-site .quote-dialog .quote-boost fieldset.floorplan-field{margin:0;padding:0;border:0;min-width:0}
.public-site .quote-dialog .quote-boost .floorplan-field legend{margin-bottom:4px}
.public-site .quote-dialog .quote-boost p.boost-hint{margin:0 0 12px;font-size:14px;line-height:1.45;color:#50604a}
.public-site .quote-dialog .quote-boost .floorplan-picker{display:flex;align-items:center;justify-content:center;min-height:54px;border:1.5px dashed #50604a;border-radius:999px;background:#fff;color:#2f3a2c;cursor:pointer}
.public-site .quote-dialog .quote-boost .floorplan-picker>span{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:600;min-height:0}
.public-site .quote-dialog .quote-boost .floorplan-picker svg{width:21px;height:21px;flex:none}
.public-site .quote-dialog .quote-boost .floorplan-picker:hover{background:#edf0e9;color:#2f3a2c;border-color:#50604a}
.quote-dialog .quote-boost #floorplan-help,.public-site.mobile-conversion .quote-dialog .quote-boost #floorplan-help{display:block;margin-top:8px;font-size:12.5px;line-height:1.4;color:#656565;text-align:center}
.quote-dialog .quote-boost #floorplan-status{font-size:14px;color:#2f5d34;text-align:center}
.quote-dialog .quote-boost #floorplan-status.is-error{color:#b3261e}
.public-site .quote-dialog .quote-boost label.floorplan-later{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;min-height:40px;margin-top:4px;font-size:13.5px;color:#5c5c5c}
.public-site .quote-dialog .quote-boost label.floorplan-later>span{font-size:13.5px;line-height:1.3;min-height:0}
.quote-dialog .quote-boost .floorplan-later input{width:18px;height:18px;flex:0 0 18px;min-height:0}
.quote-dialog .quote-boost .remove-floorplan{display:block;margin:6px auto 0;font-size:13px}
.quote-dialog .quote-boost .remove-floorplan[hidden]{display:none}
.public-site .quote-dialog #quote button[type=submit]{position:sticky;bottom:max(12px,env(safe-area-inset-bottom));z-index:3;box-shadow:0 6px 18px #26322222,0 0 0 8px #fff}
@media (max-width:360px){.quote-dialog .quote-boost{padding:14px 12px}.public-site .quote-dialog label.area-unknown>span{font-size:13px}.quote-dialog .area-controls{gap:10px}}
