/**
 * Form UX V2 — Mobile touch overrides for #sa-form-wrap
 * Loaded ONLY when SA_FORM_UX_V2 is true. Baseline styles stay in form.php.
 * Rollback: set SA_FORM_UX_V2 to false.
 */

/* Larger tap targets (mobile-first; harmless on desktop) */
#sa-form-wrap input[type="text"],
#sa-form-wrap input[type="email"],
#sa-form-wrap input[type="date"],
#sa-form-wrap select {
  min-height: 48px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px; /* avoids iOS zoom on focus */
}

/* DOB: TT / MM / JJJJ — more gap, taller hits */
#sa-form-wrap #input_1_4 {
  gap: 10px !important;
}
#sa-form-wrap #input_1_4_day,
#sa-form-wrap #input_1_4_month,
#sa-form-wrap #input_1_4_year {
  min-height: 48px;
  font-size: 16px;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* Consent: larger checkbox + Soft-Block hierarchy */
#sa-form-wrap .sa-consent {
  gap: 14px;
  padding: 14px 16px;
}
#sa-form-wrap .sa-consent input[type="checkbox"] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-top: 2px;
}
#sa-form-wrap .sa-consent-title {
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.35;
  color: #333;
}
#sa-form-wrap .sa-consent-full {
  font-size: 12px;
  line-height: 1.5;
  color: #888;
}

#sa-form-wrap .sa-submit-btn {
  min-height: 52px;
  font-size: 17px;
  padding-top: 16px;
  padding-bottom: 16px;
}