/* Scoop Force styling for Sweep&Go's WordPress plugins (Sweep&Go Core + Client Onboarding).
   Class names come from Sweep&Go's "Styling Client Onboarding Form" tutorial. If a plugin
   update renames something, inspect the form in the browser and adjust the selector here. */

/* ---------- ZIP box: [sng-service-area-checker] inside our [sf_zip] wrapper ----------
   Same look as the theme's ZIP box: white field on the left, red Free Quote button on the right. */
.sf-zip form.sf-zip__form,
.sng-zip-code{display:flex;align-items:stretch;gap:8px;margin:0;padding:0}
.sf-zip__form input[type="text"],
.sng-zip-code input{flex:1 1 auto;min-width:0;min-height:56px;font:inherit;font-size:17px;padding:0 14px;
  border:2px solid #c9d2c3;border-radius:12px;background:#fff;color:var(--text,#111);box-sizing:border-box}
.sf-zip__form input::placeholder,.sng-zip-code input::placeholder{color:#6d6d6d}
.sf-zip__form input:focus,.sng-zip-code input:focus{outline:none;border-color:var(--green,#8be04e)}
.sf-zip__form button,
.sng-zip-code button{flex:0 0 auto;min-height:56px;border:0;border-radius:12px;background:var(--red,#d7262e);color:#fff;
  font-family:inherit;font-weight:800;font-size:17px;padding:0 22px;cursor:pointer}
.sf-zip__form button:hover,.sng-zip-code button:hover{background:var(--red-hover,#ea3a42)}
.sng-zip-code .is-label-invalid,.sf-zip .is-label-invalid{color:#b3261e;font-weight:700;font-size:14px;flex-basis:100%}

/* ---------- Client Onboarding page (the signup form itself) ---------- */
.sng_page-template-sng-client-onboarding-template-php{background:var(--bg,#0a0a0a)}
.type-sng-page,
.sng_page-template-sng-client-onboarding-template-php .content-area{max-width:860px;margin:0 auto;padding:clamp(24px,5vw,48px) max(18px, env(safe-area-inset-right, 0px)) 64px max(18px, env(safe-area-inset-left, 0px));box-sizing:border-box}
.type-sng-page h1,.sng_page-template-sng-client-onboarding-template-php h1.entry-title{font-weight:900;text-transform:uppercase;font-size:clamp(36px,7vw,56px);line-height:1.02;margin:0 0 18px}
.sng_page-template-sng-client-onboarding-template-php h1.entry-title span{color:var(--green,#8be04e)}

form#client_onboarding_form{background:#fff;border:1px solid var(--line,#dfe5da);border-radius:28px;padding:clamp(20px,4vw,40px);box-shadow:0 18px 48px rgba(17,22,17,.10)}
form#client_onboarding_form label{font-weight:700;color:var(--sf-ink)}
form#client_onboarding_form input[type="text"],
form#client_onboarding_form input[type="email"],
form#client_onboarding_form input[type="tel"],
form#client_onboarding_form input[type="number"],
form#client_onboarding_form select,
form#client_onboarding_form textarea{width:100%;min-height:50px;font:inherit;font-size:17px;padding:11px 14px;border:2px solid var(--sf-line);border-radius:12px;background:#fff;color:var(--sf-ink);box-sizing:border-box}
form#client_onboarding_form input:focus,
form#client_onboarding_form select:focus,
form#client_onboarding_form textarea:focus{border-color:#3c8a12;outline:none}
form#client_onboarding_form button,
form#client_onboarding_form input[type="submit"]{min-height:52px;border:0;border-radius:12px;background:var(--sf-red);color:#fff;font-family:inherit;font-weight:800;font-size:18px;padding:12px 30px;cursor:pointer}
form#client_onboarding_form button:hover,
form#client_onboarding_form input[type="submit"]:hover{background:var(--sf-red-dark)}
form#client_onboarding_form .is-label-invalid{color:var(--sf-ink);font-weight:700}

/* Dog count and frequency sliders: colors are set in WP Admin > Client Onboarding > Styling
   (see SETUP.md); this only spaces them. */
.sng-div-number-of-dogs{margin-block:18px 26px}

/* Price estimate */
.sng-pricing-table #sng-initial-estimate{background:#eef9e4;border-radius:14px;padding:20px}
.sng-pricing-table #sng-initial-estimate *{color:var(--sf-ink)}

@media (max-width:768px){
  form#client_onboarding_form{border-radius:20px}
}