/* Palm Springs Kitchen Remodeling Pros: Ninja Forms skin. Enqueued LAST (pskr-ninja-forms), every
   rule !important, element-level selectors under .leadform--nf so it outranks the Ninja Forms
   display stylesheet whatever order it prints in. The static build's mock form uses the same
   Ninja Forms class names, so one skin styles both. */

.leadform--nf .nf-form-cont,.leadform--nf .nf-form-wrap,.leadform--nf .nf-form-layout,.leadform--nf form,.leadform--nf .nf-form-content{margin:0!important;padding:0!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important}
.leadform--nf .nf-form-title,.leadform--nf .nf-form-fields-required,.leadform--nf .nf-before-form-content{display:none!important}

/* ONE column: every field full width, phone and email included */
.leadform--nf nf-fields-wrap{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important}
.leadform--nf nf-field{display:block!important;width:100%!important;grid-column:1/-1!important;margin:0!important;padding:0!important}
.leadform--nf nf-field:has(.hidden-container){display:none!important}
.leadform--nf .nf-field-container{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;float:none!important;clear:both!important}
.leadform--nf .nf-field-container.hidden-container{display:none!important}
.leadform--nf .field-wrap{display:block!important;margin:0!important}
.leadform--nf .nf-field-label{display:block!important;margin:0 0 5px!important;padding:0!important;width:auto!important}
.leadform--nf .nf-field-label label,.leadform--nf label{display:block!important;margin:0!important;font-family:"Jost",sans-serif!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:.11em!important;text-transform:uppercase!important;line-height:1.3!important;color:var(--ink)!important}
.leadform--nf .ninja-forms-req-symbol{color:var(--clay)!important}
.leadform--nf .nf-field-element{width:100%!important;margin:0!important}
.leadform--nf input[type="text"],.leadform--nf input[type="email"],.leadform--nf input[type="tel"],.leadform--nf textarea,.leadform--nf select{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:11px 12px!important;height:auto!important;min-height:44px!important;border:1px solid var(--line-2)!important;border-radius:0!important;background:#fff!important;color:var(--ink)!important;font:15px/1.4 "Libre Franklin",system-ui,sans-serif!important;box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important}
.leadform--nf textarea{height:96px!important;min-height:96px!important;resize:vertical!important}
.leadform--nf ::placeholder{color:#8a7d6d!important;opacity:1!important}
.leadform--nf input:focus,.leadform--nf textarea:focus,.leadform--nf select:focus{outline:2px solid var(--deep)!important;outline-offset:-2px!important;border-color:var(--deep)!important}

/* submit: ink to clay, full width */
.leadform--nf .submit-container,.leadform--nf .submit-wrap{margin:4px 0 0!important}
.leadform--nf input[type="submit"],.leadform--nf input[type="button"].nf-element,.leadform--nf button[type="submit"]{display:block!important;width:100%!important;margin:0!important;padding:14px 18px!important;height:auto!important;border:0!important;border-radius:0!important;background:var(--ink)!important;color:#fff!important;font-family:"Jost",sans-serif!important;font-size:15px!important;font-weight:500!important;letter-spacing:.06em!important;text-transform:uppercase!important;cursor:pointer!important;box-shadow:none!important;transition:background .15s!important}
.leadform--nf input[type="submit"]:hover,.leadform--nf input[type="button"].nf-element:hover,.leadform--nf button[type="submit"]:hover,.leadform--nf input[type="submit"]:focus-visible{background:var(--clay)!important}

/* errors and response */
.leadform--nf .nf-error-msg,.leadform--nf .nf-error-required-error,.leadform--nf .nf-form-errors{color:var(--clay)!important;font-size:13px!important;margin:5px 0 0!important}
.leadform--nf .nf-error input,.leadform--nf .nf-error textarea{border-color:var(--clay)!important}
.leadform--nf .nf-error.field-wrap .nf-field-element:after,.leadform--nf .nf-pass.field-wrap .nf-field-element:after{display:none!important}
.leadform--nf .nf-response-msg{border:1px solid var(--line)!important;background:var(--bone)!important;color:var(--ink)!important;padding:14px 16px!important;margin:0!important;font-size:15px!important}
.leadform--nf .nf-response-msg p{margin:0!important;color:var(--ink)!important}

/* DARK-SECTION GUARD: the hero card sits on a scrimmed photo, so this is load-bearing */
.cta .leadbox,.hero--photo .leadbox,.band-deep .leadbox,.mcta .leadbox{background:#fff!important;color:var(--ink)!important}
.cta .leadbox h2,.hero--photo .leadbox h2,.band-deep .leadbox h2,.mcta .leadbox h2{color:var(--ink)!important}
.cta .leadbox label,.hero--photo .leadbox label,.band-deep .leadbox label,.mcta .leadbox label{color:var(--ink)!important}
.cta .leadbox input:not([type="submit"]):not([type="button"]),.cta .leadbox textarea,.hero--photo .leadbox input:not([type="submit"]):not([type="button"]),.hero--photo .leadbox textarea,.band-deep .leadbox input:not([type="submit"]):not([type="button"]),.band-deep .leadbox textarea,.mcta .leadbox input:not([type="submit"]):not([type="button"]),.mcta .leadbox textarea{background:#fff!important;color:var(--ink)!important}
.cta .leadbox .form__fine,.hero--photo .leadbox .form__fine,.band-deep .leadbox .form__fine,.mcta .leadbox .form__fine,.hero--photo .leadbox .leadform__fallback,.cta .leadbox .leadform__fallback{color:var(--muted)!important}
.hero--photo .leadbox .leadform__fallback{color:var(--ink)!important}