/* Optional SMS consent checkbox (A2P 10DLC). Shared by every form with a phone field.
   Overrides template input rules (full-width inputs, 48px min-heights) for this one checkbox. */
.sms-consent {
  display: flex !important;
  align-items: flex-start;
  gap: 0.65rem;
  margin: 0.25rem 0 1.1rem !important;
  padding: 0.8rem 0.9rem;
  border: 1px solid rgba(28, 74, 47, 0.18);
  border-radius: 12px;
  background: rgba(243, 239, 228, 0.55);
  color: inherit;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-align: left;
  text-transform: none !important;
  letter-spacing: normal !important;
  cursor: pointer;
}

.sms-consent input[type="checkbox"] {
  flex: 0 0 20px;
  width: 20px !important;
  height: 20px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0.1rem 0 0 !important;
  padding: 0 !important;
  border-radius: 4px;
  accent-color: #1C4A2F;
  cursor: pointer;
  appearance: auto;
  -webkit-appearance: checkbox;
}

.sms-consent input[type="checkbox"]:focus-visible {
  outline: 3px solid #F3B340;
  outline-offset: 2px;
}

.sms-consent > span {
  display: block;
  min-width: 0;
  color: inherit;
  font-size: inherit !important;
}

.sms-consent a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Dark form surfaces */
.sms-consent--dark {
  border-color: rgba(243, 239, 228, 0.28);
  background: rgba(243, 239, 228, 0.06);
}