/* ============================================================================
   ls_consent.css — the newsletter consent box, on EVERY signup form.

   OWNER (2026-10-12): Brevo's anti-spam policy wants every signup form to
   carry an UNTICKED box the reader ticks to agree to the newsletter.
   website/cloudflare/build_site.py stamps the box into every
   form[data-hw-subscribe] (the footer form, the page subscribe bands, the
   /subscribe/ page) and links this sheet; verify() fails the deploy if a
   form lacks it or ships it ticked. This file is its only stylesheet.

   ⚠️ UNPREFIXED, WITH !important, for the same reason as ls_navmobile.css:
   the family sheets style these forms through ID selectors (#hw-solar
   .hw-footer-form input { flex: 1; padding: 12px 16px; ... }) and an ID
   beats any number of classes, so without !important the checkbox would be
   stretched into a text field. The box sits on its own line under the
   email-and-button row (flex-basis 100% in those flex-wrap forms).
   ============================================================================ */
.hw-consent {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: left !important;
  color: #aab1bd !important;
  cursor: pointer;
}
.hw-consent input[type="checkbox"] {
  -webkit-appearance: checkbox !important;
  appearance: auto !important;
  flex: none !important;
  width: 15px !important;
  height: 15px !important;
  min-width: 0 !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  accent-color: #ac7d46;
  cursor: pointer;
}
