/*
 * Round 16 (card 10472085809, Nathan 2026-11-10): the footer's Contact Us column asks why first - the Contact Us
 * page's "I need help with:" reason choice and its forms (partials.help-paths, .sb-foot-paths) - drawn for the dark
 * footer. Every rule is scoped to body footer .sb-foot-paths, so the Contact Us page and the page forms are untouched
 * (and page-scoped rules such as body.p-check-availability .choice / body.p-maintenance .form-actions lose to these in
 * the footer). Also: the Privacy Policy's Text messages section (the SMS terms) lands below the sticky header.
 */
body footer .sb-foot-paths .sb-paths-legend{color:color-mix(in srgb,var(--soft) 90%,transparent);font-size:11px;margin-bottom:10px}
body footer .sb-foot-paths .sb-path{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2);margin-bottom:8px}
body footer .sb-foot-paths .sb-path[open]{border-color:var(--accent)}
body footer .sb-foot-paths .sb-path > summary{color:var(--white);font-weight:600;font-size:15px;padding:12px 14px}
body footer .sb-foot-paths .sb-path > summary:hover,body footer .sb-foot-paths .sb-path[open] > summary{background:rgba(255,255,255,.08)}
body footer .sb-foot-paths .sb-path[open] > summary{border-bottom-color:rgba(255,255,255,.16)}
body footer .sb-foot-paths .sb-path > summary:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent)}
body footer .sb-foot-paths .sb-path-dot{background:transparent;border-color:rgba(255,255,255,.55)}
body footer .sb-foot-paths .sb-path[open] .sb-path-dot{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--primary-deep)}
body footer .sb-foot-paths .sb-path-body{padding:16px 14px 18px}

/* The forms inside: the dark footer field look (r7-u3 footer .sb-form) plus what only these forms have. */
body footer .sb-foot-paths .sb-form .fields,body footer .sb-foot-paths .sb-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
body footer .sb-foot-paths .sb-form .field{gap:6px}
body footer .sb-foot-paths .sb-form .field > label,body footer .sb-foot-paths .sb-form .field legend{color:color-mix(in srgb,var(--soft) 90%,transparent);font-size:11px}
body footer .sb-foot-paths .sb-form .field input[type=text],body footer .sb-foot-paths .sb-form .field input[type=email],body footer .sb-foot-paths .sb-form .field input[type=tel],body footer .sb-foot-paths .sb-form .field textarea{height:auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);color:var(--white);padding:11px 13px;font-size:14.5px}
body footer .sb-foot-paths .sb-form .field textarea{min-height:90px}
body footer .sb-foot-paths .sb-form .field input::placeholder,body footer .sb-foot-paths .sb-form .field textarea::placeholder{color:color-mix(in srgb,var(--soft) 55%,transparent)}
body footer .sb-foot-paths .sb-form .date-wrap svg{stroke:var(--accent)}
body footer .sb-foot-paths .sb-form .choices{grid-template-columns:1fr 1fr;gap:8px}
/* The bedroom choices need the whole row: in a half-width field "2 Bedrooms" ran past the panel at 1440. */
body footer .sb-foot-paths .sb-form .field:has(.choices){grid-column:1/-1}
body footer .sb-foot-paths .sb-form .field label.choice{height:auto;min-height:44px;padding:0 12px;font-size:14px;color:var(--white);background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.22);white-space:normal}
body footer .sb-foot-paths .sb-form .field label.choice:hover{border-color:var(--accent)}
body footer .sb-foot-paths .sb-form .field label.choice:has(input:checked){border-color:var(--accent);background:rgba(255,255,255,.1)}
body footer .sb-foot-paths .sb-form .field label.choice input[type=radio]{accent-color:var(--accent)}
body footer .sb-foot-paths .sb-form .form-foot,body footer .sb-foot-paths .sb-form .form-actions{margin-top:14px;padding-top:0;border-top:0}
/* The page forms' primary button would be dark green on dark green: the footer's accent button instead. */
body footer .sb-foot-paths .sb-form .btn-primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}
body footer .sb-foot-paths .sb-form .btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
body footer .sb-foot-paths .sb-turnstile{margin:12px 0 2px}

@media (max-width:640px){
  body footer .sb-foot-paths .sb-form .fields,body footer .sb-foot-paths .sb-form .form-grid,body footer .sb-foot-paths .sb-form .choices{grid-template-columns:1fr}
  body footer .sb-foot-paths .sb-path-body{padding:14px 12px 16px}
  body footer .sb-foot-paths .sb-form .form-foot .btn,body footer .sb-foot-paths .sb-form .form-actions .btn{width:100%;justify-content:center}
}

/* Privacy Policy: #text-messages (the SMS terms; PropertySite::SMS_ANCHOR) lands below the sticky header. */
.sb-legal h2[id]{scroll-margin-top:170px}
@media (max-width:640px){
  .sb-legal h2[id]{scroll-margin-top:110px}
}