.design828-form,.d828-booking-shell,.d828-receipt{--d828-ink:#171717;--d828-muted:#666;--d828-line:#dedbd4;--d828-gold:#a66e08;--d828-gold2:#d09a27;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--d828-ink)}
.design828-form{border:1px solid var(--d828-line);border-radius:22px;padding:28px;background:#fff;box-shadow:0 18px 55px rgba(21,18,12,.06)}
.design828-form-intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee9df}
.design828-form-intro strong{display:block;font:500 28px/1.05 Georgia,"Times New Roman",serif}
.design828-form-intro span{display:block;color:#666;font-size:12px;margin-top:7px}.d828-preferred{font-size:11px;color:#666;white-space:nowrap}.d828-preferred b{color:var(--d828-gold)}
.design828-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.design828-field{display:flex;flex-direction:column;gap:6px}.design828-field.full{grid-column:1/-1}
.design828-field label{font-size:12px;font-weight:800}.design828-field input,.design828-field select,.design828-field textarea{width:100%;border:1px solid #cfcac0;border-radius:11px;padding:12px 13px;background:#fff;color:#151515;font:inherit}
.design828-field input:focus,.design828-field select:focus,.design828-field textarea:focus{outline:3px solid rgba(208,154,39,.24);border-color:#b58425}.design828-field textarea{min-height:145px;resize:vertical}
.design828-field small{font-size:11px;color:#777;line-height:1.45}.d828-consent label{font-weight:600;line-height:1.55}.d828-consent a{color:var(--d828-gold);text-decoration:underline}
.design828-submit{border:0;border-radius:999px;background:#151515;color:white;font-weight:850;padding:14px 20px;cursor:pointer;min-height:50px;transition:background-color .18s ease,transform .18s ease}.design828-submit:hover,.design828-submit:focus-visible{background:#a66e08}.design828-submit:disabled{opacity:.68;cursor:wait}
.design828-status{padding:13px 15px;border-radius:11px;margin:0 0 17px;font-size:13px}.design828-status.ok{background:#eff8f2;border:1px solid #add7b8}.design828-status.err{background:#fff3f1;border:1px solid #e3b1a9}.design828-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.d828-booking-shell{width:min(var(--d828-container,1260px),calc(100% - 48px));max-width:var(--d828-container,1260px);margin:0 auto;padding:48px 0 72px}.d828-booking-head{margin-bottom:25px}.d828-mini{color:var(--d828-gold);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900}
.d828-booking-head h1{font:500 clamp(42px,5vw,66px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:10px 0 16px}.d828-booking-head p{max-width:820px;color:#5e5e5e;font-size:15px;line-height:1.7}.d828-booking-rules{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.d828-booking-rules span{border:1px solid #dedbd4;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:750;color:#555;background:#fff}
.d828-step{display:flex;align-items:center;gap:10px;margin:23px 0 13px;padding-top:18px;border-top:1px solid #eee9df}.d828-step:first-of-type{margin-top:0;padding-top:0;border-top:0}.d828-step span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff7e6;border:1px solid #d6b36a;color:#7c5000;font-size:11px;font-weight:900}.d828-step strong{font-size:13px}
.d828-receipt{border:1px solid #dedbd4;border-radius:24px;padding:34px;background:#fff;box-shadow:0 18px 55px rgba(21,18,12,.06);max-width:950px;margin:35px auto}.d828-receipt-kicker{color:var(--d828-gold);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.d828-receipt h1,.d828-receipt h2{font:500 clamp(32px,4vw,48px)/1.08 Georgia,"Times New Roman",serif;margin:9px 0 15px}.d828-receipt>p{color:#5f5f5f;line-height:1.7}
.d828-receipt dl{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e4dfd5;border-radius:16px;overflow:hidden;margin:25px 0 0}.d828-receipt dl>div{padding:14px 16px;border-bottom:1px solid #e8e3da}.d828-receipt dl>div:nth-child(odd){border-right:1px solid #e8e3da}.d828-receipt dl>div.full{grid-column:1/-1;border-right:0}.d828-receipt dt{font-size:10px;color:#8a620f;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.d828-receipt dd{margin:5px 0 0;font-size:13px;line-height:1.55}
.d828-receipt-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.d828-receipt-actions a{display:inline-flex;border:1px solid #c99c41;border-radius:999px;padding:11px 16px;color:#6a4500;font-size:12px;font-weight:850}
@media(max-width:680px){.design828-form{padding:20px 15px}.design828-form-grid{grid-template-columns:1fr}.design828-field.full{grid-column:auto}.design828-field input,.design828-field select,.design828-field textarea{font-size:16px}.design828-form-intro{display:block}.d828-preferred{margin-top:10px}.d828-booking-shell{padding:15px 0}.d828-receipt{padding:24px 17px}.d828-receipt dl{grid-template-columns:1fr}.d828-receipt dl>div{border-right:0!important}.d828-receipt dl>div.full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.design828-submit{transition:none!important}}


/* v1.0.2 — focused Permit Quote content only.
   The normal theme header, desktop/mobile navigation and footer are intentionally retained. */
.d828-quote-shell{
  width:min(var(--d828-container,1260px),calc(100% - 48px));
  max-width:var(--d828-container,1260px);
  margin:0 auto;
  padding:48px 0 72px;
}
.d828-quote-head{
  max-width:800px;
  margin:0 auto 28px;
  text-align:center;
}
.d828-quote-head h1{
  margin:10px 0 15px;
  font:500 clamp(46px,6vw,72px)/.98 Georgia,"Times New Roman",serif;
  letter-spacing:-.045em;
  color:#111;
}
.d828-quote-head>p{
  max-width:760px;
  margin:0 auto;
  color:#626262;
  font-size:15px;
  line-height:1.72;
}
.d828-quote-assurance{
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:19px;
}
.d828-quote-assurance span{
  padding:8px 11px;
  border:1px solid #dedbd4;
  border-radius:999px;
  background:#fff;
  color:#5b5b5b;
  font-size:10.5px;
  font-weight:800;
}
.d828-quote-form{
  padding:0;
  overflow:hidden;
}
.d828-form-section{
  padding:26px 28px 28px;
}
.d828-form-section+.d828-form-section{
  border-top:1px solid #eee9df;
}
.d828-quote-form .d828-step{
  margin:0 0 16px;
  padding:0;
  border:0;
}
.d828-submit-row{
  align-items:center;
}
.d828-submit-row .design828-submit{
  width:100%;
  max-width:390px;
  margin:0 auto;
  font-size:13px;
}
.d828-submit-row>p{
  max-width:560px;
  margin:7px auto 0;
  text-align:center;
  color:#777;
  font-size:10.5px;
  line-height:1.5;
}

/* Avoid unrelated WordPress/page title spacing around the shortcode-only quote page. */
.d828-focused-quote-page main,
.d828-focused-quote-page .entry-content,
.d828-focused-quote-page .wp-block-post-content{
  margin-top:0!important;
  margin-bottom:0!important;
}
@media(max-width:680px){
  .d828-quote-shell{padding:30px 0 52px}
  .d828-quote-head{margin-bottom:20px}
  .d828-quote-head h1{font-size:44px}
  .d828-quote-head>p{font-size:13px}
  .d828-form-section{padding:21px 15px 23px}
  .d828-quote-assurance{gap:6px}
  .d828-quote-assurance span{font-size:9.8px;padding:7px 9px}
}


/* v1.0.4 — clearer visual contact fields and inline validation */
.d828-visual-label{
  display:flex!important;
  align-items:center;
  gap:7px;
}
.d828-label-icon{
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  flex:0 0 20px;
  border:1px solid #d6b36a;
  border-radius:6px;
  color:#8b5a00;
  background:#fff9ec;
}
.d828-label-icon svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.d828-required{
  color:#a66e08;
  font-weight:900;
}
.d828-example{
  margin-top:1px;
  color:#777!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}
.d828-example strong{
  color:#4d4d4d;
  font-weight:800;
}
.design828-field [aria-invalid="true"]{
  border-color:#b54b3b!important;
  box-shadow:0 0 0 3px rgba(181,75,59,.12)!important;
  background:#fffdfc;
}
.d828-field-error{
  display:block;
  margin-top:1px;
  color:#a43629!important;
  font-size:10.5px!important;
  font-weight:750;
  line-height:1.4!important;
}
.d828-field-error[hidden]{
  display:none!important;
}
.d828-postal-input{
  text-transform:uppercase;
}
@media(max-width:680px){
  .d828-label-icon{
    width:22px;
    height:22px;
    flex-basis:22px;
  }
  .d828-label-icon svg{
    width:14px;
    height:14px;
  }
}


/* v1.0.5 — North American phone mask */
.design828-field input[data-d828-phone]{
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}


/* v1.0.6 — fixed non-editable +1 prefix; editable local number */
.d828-phone-control{
  display:flex;
  align-items:stretch;
  width:100%;
}
.d828-phone-prefix{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-width:48px;
  padding:0 12px;
  border:1px solid #cfcac0;
  border-right:0;
  border-radius:11px 0 0 11px;
  background:#f7f4ed;
  color:#5d450f;
  font-weight:850;
  font-variant-numeric:tabular-nums;
}
.d828-phone-control input[data-d828-phone]{
  border-radius:0 11px 11px 0!important;
  min-width:0;
}
.d828-phone-control:focus-within .d828-phone-prefix{
  border-color:#b58425;
  box-shadow:-3px 0 0 0 rgba(208,154,39,.16);
}
.design828-field input[data-d828-phone][aria-invalid="true"] + *{
  color:inherit;
}
@media(max-width:680px){
  .d828-phone-prefix{
    min-width:50px;
    font-size:16px;
  }
}


/* v1.0.8 — align focused forms to the 828 site container */
.d828-quote-shell,
.d828-booking-shell{
  --d828-container:1260px;
  box-sizing:border-box;
  min-width:0;
}

.d828-quote-shell .design828-form,
.d828-booking-shell .design828-form{
  width:100%;
  max-width:100%;
  min-width:0;
}

.design828-form-grid,
.design828-form-grid > *,
.d828-phone-control,
.d828-phone-control > *{
  min-width:0;
}

.d828-booking-head{
  max-width:900px;
}

@media(max-width:680px){
  .d828-quote-shell,
  .d828-booking-shell{
    width:calc(100% - 28px);
    padding-left:0;
    padding-right:0;
  }
}