/* =============================================
 * SMS Consent Checkbox
 *
 * TCPA/SMS compliance checkbox used in all
 * forms that collect phone numbers.
 * ============================================= */

.sms-consent {
  margin-top: 0.25rem;
}

.sms-consent__label {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

.sms-consent__checkbox {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: var(--color-primary);
  cursor: pointer;
  flex-shrink: 0;
}

.sms-consent__text {
  font-size: 11px;
  line-height: 1.45;
  color: #8a9299;
}

.sms-consent__text a {
  color: #6c767d;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.sms-consent__text a:hover {
  color: var(--color-primary);
}

/* Error state */
.sms-consent.has-error .sms-consent__checkbox {
  outline: 2px solid #ef4444;
  outline-offset: 1px;
  border-radius: 3px;
}

.sms-consent.has-error .sms-consent__text {
  color: #ef4444;
}

.sms-consent > .error {
  display: block;
  margin-top: 0.25rem;
  margin-left: 28px;
  font-size: 12px;
  color: #ef4444;
}

.sms-consent > .error:empty {
  display: none;
}