/* ============================================================
   Wellness AF — Client Intake Form
   All rules scoped under .waf-intake-wrapper to prevent
   theme interference. !important used on properties that
   themes commonly override.
   ============================================================ */

/* ── CSS VARIABLES (scoped) ─────────────────────────────────── */
.waf-intake-wrapper {
  --waf-coral:   #D75B2E;
  --waf-coal:    #1E1B18;
  --waf-linen:   #F7F4F0;
  --waf-linen-d: #EDE9E3;
  --waf-body:    #3A3530;
  --waf-mist:    #7A7370;
  --waf-teal:    #3A8B82;
  --waf-white:   #FFFFFF;
}

/* ── RESET (neutralise theme before our styles take over) ────── */
.waf-intake-wrapper *,
.waf-intake-wrapper *::before,
.waf-intake-wrapper *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── WRAPPER BASE ───────────────────────────────────────────── */
.waf-intake-wrapper {
  all: initial !important;
  display: block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #3A3530 !important;
  background: #F7F4F0 !important;
  -webkit-font-smoothing: antialiased !important;
  --waf-coral:   #D75B2E;
  --waf-coal:    #1E1B18;
  --waf-linen:   #F7F4F0;
  --waf-linen-d: #EDE9E3;
  --waf-body:    #3A3530;
  --waf-mist:    #7A7370;
  --waf-teal:    #3A8B82;
  --waf-white:   #FFFFFF;
}

/* ── HIDE PAGE TITLE ON INTAKE FORM PAGE ───────────────────── */
.waf-intake-page .entry-title,
.waf-intake-page .page-title,
.waf-intake-page h1.page-header,
.waf-intake-page .post-title,
.waf-intake-page header.entry-header {
  display: none !important;
}

/* ── RESUME / EXPIRED BANNERS ────────────────────────────────── */
.waf-intake-wrapper .waf-resume-banner {
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  background: #edf7f5 !important;
  border-bottom: 1px solid #3A8B82 !important;
  color: #1e4d48 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  position: relative !important;
  z-index: 1 !important;
}
.waf-intake-wrapper .waf-resume-banner.waf-visible {
  display: flex !important;
}
.waf-intake-wrapper .waf-resume-dismiss {
  background: none !important;
  border: none !important;
  font-size: 16px !important;
  cursor: pointer !important;
  color: #3A8B82 !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.waf-intake-wrapper .waf-expired-banner {
  background: #fff3ef !important;
  border-bottom: 1px solid #D75B2E !important;
  color: #5a1e0a !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  text-align: center !important;
}

/* ── HERO ────────────────────────────────────────────────────── */
.waf-intake-wrapper .hero {
  background: #1E1B18 !important;
  background-image:
    radial-gradient(ellipse 60% 80% at 95% 50%, rgba(215,91,46,0.22) 0%, transparent 65%),
    radial-gradient(ellipse 40% 60% at 5% 80%, rgba(58,139,130,0.12) 0%, transparent 55%) !important;
  padding: 64px 24px 56px !important;
  text-align: center !important;
  /* Full-width breakout from WordPress content column */
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}
.waf-intake-wrapper .hero .badge {
  display: inline-block !important;
  background: #D75B2E !important;
  color: #fff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 5px 14px !important;
  border-radius: 4px !important;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
}
.waf-intake-wrapper .hero h1 {
  font-family: 'Gloock', serif !important;
  font-size: clamp(28px, 5vw, 48px) !important;
  font-weight: 400 !important;
  color: #fff !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
  margin-top: 0 !important;
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.waf-intake-wrapper .hero p {
  color: rgba(255,255,255,0.68) !important;
  font-size: 16px !important;
  font-family: 'DM Sans', sans-serif !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* ── FORM OUTER WRAPPER ──────────────────────────────────────── */
.waf-intake-wrapper .form-outer {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 48px 24px 80px !important;
  display: block !important;
}

/* ── SUCCESS BANNER ─────────────────────────────────────────── */
.waf-intake-wrapper .success-banner {
  display: none;
  background: #f0faf8 !important;
  border: 1px solid #3A8B82 !important;
  border-radius: 10px !important;
  padding: 28px 32px !important;
  text-align: center !important;
  margin-bottom: 24px !important;
}
.waf-intake-wrapper .success-banner h3 {
  font-family: 'Gloock', serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: #3A8B82 !important;
  margin-bottom: 8px !important;
  margin-top: 0 !important;
  padding: 0 !important;
}
.waf-intake-wrapper .success-banner p {
  color: #7A7370 !important;
  font-size: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── FORM SECTIONS ───────────────────────────────────────────── */
.waf-intake-wrapper .form-section {
  background: #FFFFFF !important;
  border-radius: 12px !important;
  border: 1px solid #EDE9E3 !important;
  padding: 36px 40px !important;
  margin-bottom: 24px !important;
  display: block !important;
}
@media (max-width: 600px) {
  .waf-intake-wrapper .form-section {
    padding: 28px 20px !important;
  }
}

.waf-intake-wrapper .section-eyebrow {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #D75B2E !important;
  margin-bottom: 6px !important;
  display: block !important;
}
.waf-intake-wrapper h2.section-title,
.waf-intake-wrapper .section-title {
  font-family: 'Gloock', serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: #1E1B18 !important;
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
  margin-top: 0 !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid #EDE9E3 !important;
  display: block !important;
}
.waf-intake-wrapper .section-desc {
  font-size: 14px !important;
  color: #7A7370 !important;
  margin-bottom: 24px !important;
  margin-top: -4px !important;
  padding: 0 !important;
  display: block !important;
}

/* ── FIELD LAYOUT ───────────────────────────────────────────── */
.waf-intake-wrapper .field-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 560px) {
  .waf-intake-wrapper .field-row {
    grid-template-columns: 1fr !important;
  }
}
.waf-intake-wrapper .field {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin-bottom: 18px !important;
  padding: 0 !important;
}
.waf-intake-wrapper .field:last-child {
  margin-bottom: 0 !important;
}

/* ── LABELS ─────────────────────────────────────────────────── */
.waf-intake-wrapper label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1E1B18 !important;
  line-height: 1.4 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: default !important;
}
.waf-intake-wrapper label .optional {
  font-weight: 400 !important;
  color: #7A7370 !important;
  font-size: 12px !important;
  margin-left: 4px !important;
}
.waf-intake-wrapper label .required {
  color: #D75B2E !important;
  margin-left: 2px !important;
}

/* ── INPUTS ─────────────────────────────────────────────────── */
.waf-intake-wrapper input[type="text"],
.waf-intake-wrapper input[type="email"],
.waf-intake-wrapper input[type="tel"],
.waf-intake-wrapper input[type="number"],
.waf-intake-wrapper input[type="date"],
.waf-intake-wrapper select,
.waf-intake-wrapper textarea {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  color: #3A3530 !important;
  background: #F7F4F0 !important;
  border: 1px solid #EDE9E3 !important;
  border-radius: 7px !important;
  padding: 10px 14px !important;
  width: 100% !important;
  outline: none !important;
  line-height: 1.5 !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.waf-intake-wrapper input[type="text"]:focus,
.waf-intake-wrapper input[type="email"]:focus,
.waf-intake-wrapper input[type="tel"]:focus,
.waf-intake-wrapper input[type="number"]:focus,
.waf-intake-wrapper input[type="date"]:focus,
.waf-intake-wrapper select:focus,
.waf-intake-wrapper textarea:focus {
  border-color: #D75B2E !important;
  box-shadow: 0 0 0 3px rgba(215,91,46,0.12) !important;
  background: #fff !important;
  outline: none !important;
}
.waf-intake-wrapper textarea {
  resize: vertical !important;
  min-height: 80px !important;
}
.waf-intake-wrapper select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%237A7370' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 36px !important;
}

/* ── RADIO & CHECKBOX ───────────────────────────────────────── */
.waf-intake-wrapper .radio-group,
.waf-intake-wrapper .checkbox-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.waf-intake-wrapper .radio-group.inline,
.waf-intake-wrapper .checkbox-group.inline {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 10px 20px !important;
}
.waf-intake-wrapper .radio-item,
.waf-intake-wrapper .check-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  cursor: pointer !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  color: #3A3530 !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.waf-intake-wrapper .radio-item input[type="radio"],
.waf-intake-wrapper .check-item input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #D75B2E !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  padding: 0 !important;
}

/* ── PARQ QUESTIONS ─────────────────────────────────────────── */
.waf-intake-wrapper .parq-question {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid #EDE9E3 !important;
  margin: 0 !important;
}
.waf-intake-wrapper .parq-question:last-of-type {
  border-bottom: none !important;
}
.waf-intake-wrapper .parq-question-text {
  flex: 1 !important;
  font-size: 14px !important;
  color: #3A3530 !important;
  line-height: 1.5 !important;
}
.waf-intake-wrapper .parq-question-text strong {
  display: block !important;
  font-weight: 600 !important;
  margin-bottom: 2px !important;
}
.waf-intake-wrapper .parq-question-text .parq-note {
  font-size: 12px !important;
  color: #7A7370 !important;
  margin-top: 4px !important;
  display: block !important;
}
.waf-intake-wrapper .parq-yn {
  display: flex !important;
  gap: 16px !important;
  flex-shrink: 0 !important;
  padding-top: 2px !important;
  margin: 0 !important;
}
.waf-intake-wrapper .parq-yn label {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  color: #3A3530 !important;
}
.waf-intake-wrapper .parq-yn input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #D75B2E !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── CONDITIONAL / FOLLOW-UP ────────────────────────────────── */
.waf-intake-wrapper .conditional {
  display: none !important;
  margin-top: 12px !important;
}
.waf-intake-wrapper .conditional.visible {
  display: block !important;
}
.waf-intake-wrapper .follow-up-box {
  background: #F7F4F0 !important;
  border-radius: 8px !important;
  border-left: 3px solid #D75B2E !important;
  padding: 16px 18px !important;
  margin-top: 8px !important;
}

/* ── PARQ FOLLOW-UP SECTION ─────────────────────────────────── */
.waf-intake-wrapper .parq-followup-section {
  display: none !important;
  margin-top: 20px !important;
  border: 1px solid #EDE9E3 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
.waf-intake-wrapper .parq-followup-section.visible {
  display: block !important;
}
.waf-intake-wrapper .parq-followup-header {
  background: #1E1B18 !important;
  padding: 14px 20px !important;
}
.waf-intake-wrapper .parq-followup-header p {
  color: rgba(255,255,255,0.75) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.waf-intake-wrapper .parq-followup-header strong {
  color: #fff !important;
}

.waf-intake-wrapper .condition-block {
  border-bottom: 1px solid #EDE9E3 !important;
}
.waf-intake-wrapper .condition-block:last-child {
  border-bottom: none !important;
}
.waf-intake-wrapper .condition-toggle {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 18px !important;
  cursor: pointer !important;
  background: #FFFFFF !important;
  transition: background 0.12s !important;
  font-weight: 400 !important;
  color: #3A3530 !important;
}
.waf-intake-wrapper .condition-toggle:hover {
  background: #F7F4F0 !important;
}
.waf-intake-wrapper .condition-toggle input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #D75B2E !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 0 !important;
}
.waf-intake-wrapper .condition-toggle-label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1E1B18 !important;
}
.waf-intake-wrapper .condition-sub {
  display: none !important;
  padding: 0 18px 16px 48px !important;
  background: #F7F4F0 !important;
}
.waf-intake-wrapper .condition-sub.visible {
  display: block !important;
}
.waf-intake-wrapper .condition-sub .parq-question {
  padding: 10px 0 !important;
}

/* ── PARQ RESULT BANNERS ─────────────────────────────────────── */
.waf-intake-wrapper .parq-result {
  display: none !important;
  border-radius: 8px !important;
  padding: 16px 18px !important;
  margin-top: 16px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.waf-intake-wrapper .parq-result.visible {
  display: block !important;
}
.waf-intake-wrapper .parq-result.cleared {
  background: #edf7f5 !important;
  border: 1px solid #3A8B82 !important;
  color: #1e4d48 !important;
}
.waf-intake-wrapper .parq-result.cleared strong {
  color: #3A8B82 !important;
}
.waf-intake-wrapper .parq-result.needs-clearance {
  background: #fff3ef !important;
  border: 1px solid #D75B2E !important;
  color: #5a1e0a !important;
}
.waf-intake-wrapper .parq-result.needs-clearance strong {
  color: #D75B2E !important;
}
.waf-intake-wrapper .parq-result.needs-clearance a {
  color: #D75B2E !important;
}

/* ── DECLARATION ─────────────────────────────────────────────── */
.waf-intake-wrapper .declaration-box {
  background: #F7F4F0 !important;
  border: 1px solid #EDE9E3 !important;
  border-radius: 8px !important;
  padding: 18px !important;
  margin-top: 20px !important;
  font-size: 13px !important;
  color: #3A3530 !important;
  line-height: 1.6 !important;
  display: block !important;
}
.waf-intake-wrapper .declaration-box p {
  margin: 0 !important;
  padding: 0 !important;
}
.waf-intake-wrapper .declaration-box .declaration-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #1E1B18 !important;
  margin-bottom: 8px !important;
  display: block !important;
}
.waf-intake-wrapper .declaration-check {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  margin-top: 14px !important;
}
.waf-intake-wrapper .declaration-check input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #D75B2E !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  cursor: pointer !important;
  padding: 0 !important;
}
.waf-intake-wrapper .declaration-check label {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #3A3530 !important;
  cursor: pointer !important;
}
.waf-intake-wrapper .parq-copyright {
  font-size: 11px !important;
  color: #7A7370 !important;
  margin-top: 10px !important;
  text-align: center !important;
  display: block !important;
}

/* ── SUBMIT SECTION ─────────────────────────────────────────── */
.waf-intake-wrapper .submit-section {
  background: #1E1B18 !important;
  background-image: radial-gradient(ellipse 50% 80% at 90% 50%, rgba(215,91,46,0.18) 0%, transparent 60%) !important;
  border-radius: 12px !important;
  padding: 40px !important;
  text-align: center !important;
  display: block !important;
}
.waf-intake-wrapper .submit-section p {
  color: rgba(255,255,255,0.65) !important;
  font-size: 14px !important;
  margin-bottom: 24px !important;
  margin-top: 0 !important;
  padding: 0 !important;
  max-width: 420px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.waf-intake-wrapper .btn-submit {
  display: inline-block !important;
  background: #D75B2E !important;
  color: #fff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 16px 44px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  letter-spacing: 0.02em !important;
  transition: background 0.15s, transform 0.1s !important;
  text-decoration: none !important;
  margin: 0 !important;
}
.waf-intake-wrapper .btn-submit:hover {
  background: #c24e23 !important;
  transform: translateY(-1px) !important;
}
.waf-intake-wrapper .btn-submit:active {
  transform: translateY(0) !important;
}
.waf-intake-wrapper .btn-submit:disabled {
  opacity: 0.65 !important;
  cursor: not-allowed !important;
}
.waf-intake-wrapper .waf-submit-error {
  color: #fff !important;
  background: rgba(215,91,46,0.25) !important;
  border: 1px solid rgba(215,91,46,0.5) !important;
  border-radius: 6px !important;
  padding: 10px 16px !important;
  margin-top: 16px !important;
  font-size: 14px !important;
  max-width: 420px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── MISC ────────────────────────────────────────────────────── */
.waf-intake-wrapper .field-divider {
  border: none !important;
  border-top: 1px solid #EDE9E3 !important;
  margin: 20px 0 !important;
  padding: 0 !important;
}
.waf-intake-wrapper .hint {
  font-size: 12px !important;
  color: #7A7370 !important;
  margin-top: 4px !important;
  display: block !important;
}

/* ── FOOTER ─────────────────────────────────────────────────── */
.waf-intake-wrapper .form-footer {
  text-align: center !important;
  padding: 0 24px 48px !important;
  font-size: 13px !important;
  color: #7A7370 !important;
}
.waf-intake-wrapper .form-footer p {
  margin: 0 !important;
  padding: 0 !important;
}
.waf-intake-wrapper .form-footer p + p {
  margin-top: 6px !important;
}
.waf-intake-wrapper .form-footer a {
  color: #D75B2E !important;
  text-decoration: none !important;
}
.waf-intake-wrapper .form-footer a:hover {
  text-decoration: underline !important;
}

/* ── SAVE PROGRESS BUTTON (inline, at bottom of form) ──────── */
.waf-save-btn {
  display: inline-block !important;
  background: transparent !important;
  color: rgba(255,255,255,0.55) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.3) !important;
  cursor: pointer !important;
  letter-spacing: 0.01em !important;
  margin-top: 18px !important;
  transition: color 0.15s, border-color 0.15s !important;
  box-shadow: none !important;
  position: static !important;
}
.waf-save-btn:hover {
  color: rgba(255,255,255,0.85) !important;
  border-bottom-color: rgba(255,255,255,0.6) !important;
  transform: none !important;
}

.waf-autosave-msg {
  display: block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.55) !important;
  margin-top: 8px !important;
  opacity: 0 !important;
  transition: opacity 0.3s !important;
  pointer-events: none !important;
  height: 16px !important;
}
.waf-autosave-msg.visible {
  opacity: 1 !important;
}

/* ── DRAFT MODAL ─────────────────────────────────────────────── */
.waf-draft-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(30,27,24,0.6) !important;
  z-index: 9998 !important;
  /* display is JS-controlled — do NOT set display here or it overrides inline style="display:none" */
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}
.waf-draft-overlay.waf-open {
  display: flex !important;
}
.waf-draft-modal {
  background: #FFFFFF !important;
  border-radius: 12px !important;
  padding: 36px !important;
  max-width: 420px !important;
  width: 100% !important;
  position: relative !important;
  font-family: 'DM Sans', sans-serif !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.3) !important;
}
.waf-draft-close {
  position: absolute !important;
  top: 14px !important;
  right: 16px !important;
  background: none !important;
  border: none !important;
  font-size: 20px !important;
  cursor: pointer !important;
  color: #7A7370 !important;
  line-height: 1 !important;
  padding: 0 !important;
}
.waf-draft-modal h3 {
  font-family: 'Gloock', serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #1E1B18 !important;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
  padding: 0 !important;
}
.waf-draft-modal p {
  font-size: 14px !important;
  color: #7A7370 !important;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
  padding: 0 !important;
}
.waf-draft-modal .field {
  margin-bottom: 16px !important;
}
.waf-draft-modal label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1E1B18 !important;
  margin-bottom: 6px !important;
  display: block !important;
}
.waf-draft-modal input[type="email"] {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  color: #3A3530 !important;
  background: #F7F4F0 !important;
  border: 1px solid #EDE9E3 !important;
  border-radius: 7px !important;
  padding: 10px 14px !important;
  width: 100% !important;
  outline: none !important;
  box-sizing: border-box !important;
}
.waf-draft-modal input[type="email"]:focus {
  border-color: #D75B2E !important;
  box-shadow: 0 0 0 3px rgba(215,91,46,0.12) !important;
  background: #fff !important;
}
.waf-draft-send {
  display: inline-block !important;
  background: #D75B2E !important;
  color: #fff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 12px 28px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  width: 100% !important;
  transition: background 0.15s !important;
}
.waf-draft-send:hover {
  background: #c24e23 !important;
}
.waf-draft-send:disabled {
  opacity: 0.65 !important;
  cursor: not-allowed !important;
}
.waf-draft-feedback {
  margin-top: 14px !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
  border-radius: 6px !important;
}
.waf-draft-feedback.success {
  background: #edf7f5 !important;
  border: 1px solid #3A8B82 !important;
  color: #1e4d48 !important;
}
.waf-draft-feedback.error {
  background: #fff3ef !important;
  border: 1px solid #D75B2E !important;
  color: #5a1e0a !important;
}

/* ── SAVE CHECKPOINT ─────────────────────────────────────────── */
.waf-intake-wrapper .waf-checkpoint {
  background: #1E1B18 !important;
  border-radius: 12px !important;
  margin: 8px 0 8px !important;
  padding: 28px 32px !important;
}
.waf-intake-wrapper .waf-checkpoint-inner {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  flex-wrap: wrap !important;
}
.waf-intake-wrapper .waf-checkpoint-content {
  flex: 1 !important;
  min-width: 200px !important;
}
.waf-intake-wrapper .waf-checkpoint-title {
  font-family: 'Gloock', serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #F7F4F0 !important;
  margin-bottom: 6px !important;
  margin-top: 0 !important;
  padding: 0 !important;
}
.waf-intake-wrapper .waf-checkpoint-desc {
  font-size: 14px !important;
  color: #9E9692 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.55 !important;
}
.waf-intake-wrapper .waf-checkpoint-btn {
  display: inline-block !important;
  background: transparent !important;
  color: #F7F4F0 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 11px 22px !important;
  border-radius: 8px !important;
  border: 2px solid #D75B2E !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background 0.15s, color 0.15s !important;
  flex-shrink: 0 !important;
}
.waf-intake-wrapper .waf-checkpoint-btn:hover {
  background: #D75B2E !important;
  color: #fff !important;
}

/* ── HPLP-II SECTION ─────────────────────────────────────────── */
.waf-intake-wrapper .hplp-scale-legend {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 24px !important;
  background: #EDE9E3 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  margin-bottom: 20px !important;
  font-size: 13px !important;
  color: #3A3530 !important;
}
.waf-intake-wrapper .hplp-scale-legend span {
  display: inline-block !important;
}
.waf-intake-wrapper .hplp-list {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 20px !important;
}
.waf-intake-wrapper .hplp-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #EDE9E3 !important;
}
.waf-intake-wrapper .hplp-item:last-child {
  border-bottom: none !important;
}
.waf-intake-wrapper .hplp-num {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #9E9692 !important;
  min-width: 28px !important;
  flex-shrink: 0 !important;
  text-align: right !important;
}
.waf-intake-wrapper .hplp-text {
  flex: 1 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #3A3530 !important;
}
.waf-intake-wrapper .hplp-select {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  color: #3A3530 !important;
  background: #F7F4F0 !important;
  border: 1px solid #EDE9E3 !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  min-width: 130px !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  outline: none !important;
}
.waf-intake-wrapper .hplp-select:focus {
  border-color: #D75B2E !important;
  box-shadow: 0 0 0 3px rgba(215,91,46,0.12) !important;
}
.waf-intake-wrapper .hplp-copyright {
  font-size: 11px !important;
  color: #9E9692 !important;
  line-height: 1.5 !important;
  margin-top: 16px !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid #EDE9E3 !important;
}
@media (max-width: 540px) {
  .waf-intake-wrapper .hplp-item {
    flex-wrap: wrap !important;
  }
  .waf-intake-wrapper .hplp-select {
    width: 100% !important;
    min-width: unset !important;
    margin-left: 28px !important;
  }
  .waf-intake-wrapper .waf-checkpoint-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .waf-intake-wrapper .waf-checkpoint-btn {
    width: 100% !important;
    text-align: center !important;
  }
}