/* =============================================================================
   /waitlist/. Port of Claude Design's Waitlist.dc.html (2026-10-01). The page
   shares its hero, print and form look with /contact/, so it loads
   r3film-contact.css and reuses those classes; this file only adds what the
   waitlist form has and the contact form does not (the tape strip, the
   checkbox row, the notes under fields and the consent line).
   ============================================================================= */

.rf-waitlist-form { gap: 6px; }

/* The intro sits a little wider than /contact/'s lead (Design: 34ch). */
.rf-waitlist-lead { max-width: 34ch; }

/* Gingham tape on the print: the canvas's one-pattern-one-scale strip. */
.rf-waitlist-print { position: relative; }
.rf-waitlist-tape {
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -44px;
  width: 88px;
  height: 26px;
  transform: rotate(-3deg);
  background-color: rgba(250, 245, 238, .88);
  background-image:
    linear-gradient(90deg, rgba(86, 96, 190, .42) 50%, transparent 50%),
    linear-gradient(rgba(86, 96, 190, .42) 50%, transparent 50%);
  background-size: 10px 10px;
}

/* "Smalltalk is not currently offered in Quebec." under the province select:
   the select's 10px bottom margin is taken back so the note hugs it. */
.rf-waitlist-note { margin: -4px 0 10px; font-size: 16px; }

.rf-waitlist-form .rf-contact-submit { margin-top: 16px; }

/* The consent line under the button. Its words are a consent record: the
   script sends this element's textContent as consent_text, so what we store and
   what the visitor read are the same object. Do not edit it without a new
   consent version on the app side (WEBSITE_WAITLIST_CONTRACT.md). */
.rf-waitlist-consent { margin: 10px 0 0; font-size: 16px; }

/* After a sign-up: the success box plus the "See how it works" link. */
.rf-waitlist-done { display: none; flex-direction: column; gap: 14px; }
.rf-waitlist-done.is-shown { display: flex; }
.rf-waitlist-done .rf-contact-msg--ok p + p { margin-top: 6px; }
.rf-waitlist-more {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 18px;
  align-self: flex-start;
}

/* One card, centred, 720px wide (the canvas's form column). */
.rf-waitlist-body .rf-wrap { max-width: 720px; }