/*
 * Sunburst theme: the optional SMS consent checkbox under the phone field (contact, Check Availability and Apply
 * forms; partials/sms-consent.blade.php) and the Privacy Policy / SMS Terms pages (legal.blade.php), 2026-11-04.
 * Loaded after sunburst.css by layout.blade.php. Selectors carry .field.sms-field so they outrank the page-scoped
 * field rules (body.p-contact .field input, body.p-apply .field > label, .sb-form .field label).
 */

/* ---- The checkbox: small sentence-case text, box on the left, links underlined ---- */
body .field.sms-field{gap:0;margin-top:-6px}
body .field.sms-field > label.sms-consent{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.55;color:var(--text);cursor:pointer}
body .field.sms-field input[type=checkbox]{flex:none;width:18px;height:18px;margin:1px 0 0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;accent-color:var(--primary);cursor:pointer}
body .field.sms-field input[type=checkbox]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
body .field.sms-field a{color:inherit;text-decoration:underline;text-underline-offset:2px}
body .field.sms-field a:hover{color:var(--primary)}

/* Card 10484921490 round 6 (Nathan's Loom 2026-11-13, 00:02-00:36 and 03:09-03:15: "this checkbox is way too small. I
   can't even read it ... needs to be increased and maybe spaced a little bit ... I just gloss over"): a 24px box, 15px
   text (14px in the footer, which was 12px), and room above and below so it reads as its own row on every form. */
body .field.sms-field{margin:4px 0 6px}
body .field.sms-field > label.sms-consent{gap:14px;align-items:flex-start;font-size:15px;line-height:1.5}
body .field.sms-field input[type=checkbox]{width:24px;height:24px;min-width:24px;margin:0}

/* Footer form (dark band): lighter text, accent focus and hover. */
footer .field.sms-field > label.sms-consent{font-size:14px;color:color-mix(in srgb,var(--soft) 92%,transparent)}
footer .field.sms-field input[type=checkbox]{accent-color:var(--accent)}
footer .field.sms-field input[type=checkbox]:focus-visible{outline-color:var(--accent)}
footer .field.sms-field a:hover{color:var(--accent)}

@media (max-width:640px){
  body .field.sms-field{margin:4px 0 6px}
  body .field.sms-field > label.sms-consent,footer .field.sms-field > label.sms-consent{font-size:14px}
}

/* Admin - Contact requests round 7 (2026-11-13): the Request Maintenance page's own form has the checkbox too. Its grid
   is 24px apart on desktop (the contact forms' 20px), so the box sits 24px under Phone and the next field 26px under
   it, the contact forms' spacing (phones: that grid is 20px, the shared rule already matches). */
@media (min-width:641px){
  body.p-maintenance main .sb-mx-form .field.sms-field{margin:0 0 2px}
}

/* ---- Privacy Policy / SMS Terms ---- */
.sb-legal{max-width:760px;color:var(--text);line-height:1.75}
.sb-legal h2{font-family:var(--serif);font-size:24px;color:var(--ink);margin:34px 0 10px}
.sb-legal h2:first-child{margin-top:0}
.sb-legal p,.sb-legal ul{margin:0 0 14px}
.sb-legal ul{padding-left:20px}
.sb-legal a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.sb-legal .sb-legal-updated{font-size:13px;color:var(--text);opacity:.8}
@media (max-width:640px){
  .sb-legal h2{font-size:21px}
}