/* Mobile-friendly skin + success swap for DCR form */
.dcr-ml { box-sizing: border-box; }
.dcr-ml .row-form { display: block; }
.dcr-ml .row-success { display: none; }
.dcr-ml.ml-form-embedContainer { width: 100% !important; }
.dcr-ml .ml-form-embedWrapper {
  background: #f6f6f6; border-radius: 4px; margin: 0 auto; padding: 20px 20px 0 20px; max-width: 480px;
}
.dcr-ml .ml-form-embedContent h4 {
  color: #ee6161; font: 700 26px/1.25 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  text-align: center; margin: 0 0 10px;
}
.dcr-ml .ml-form-embedContent p { color:#000; font:400 14px/20px 'Open Sans', Arial, Helvetica, sans-serif; text-align:center; }
.dcr-ml .ml-form-fieldRow, .dcr-ml .dcr-field { margin: 0 0 10px; }
.dcr-ml input, .dcr-ml select, .dcr-ml textarea, .dcr-ml button { font-size: 16px !important; }
.dcr-ml input[type="text"], .dcr-ml input[type="email"], .dcr-ml input[type="tel"], .dcr-ml input[type="date"], .dcr-ml textarea, .dcr-ml select {
  width:100% !important; max-width:100% !important; background:#fff !important; color:#333 !important; border:1px solid #ccc !important; border-radius:4px !important; padding:10px !important; font:14px/21px 'Open Sans', Arial, Helvetica, sans-serif !important; box-sizing:border-box !important;
}
.dcr-ml .ml-form-embedSubmit { margin: 0 0 20px; }
.dcr-ml .ml-form-embedSubmit .primary, .dcr-ml .dcr-submit {
  background:#ee6161 !important; color:#fff !important; font-weight:700 !important; border:none !important; border-radius:4px !important; padding:10px !important; width:100% !important; cursor:pointer;
}
.dcr-ml .dcr-submit:hover { background:#9f0808 !important; }
.dcr-ml .ml-form-embedSubmitLoad { display:inline-block; width:20px; height:20px; vertical-align:middle; }
.dcr-ml .ml-form-embedSubmitLoad:after { content:""; display:block; width:11px; height:11px; margin:1px; border-radius:50%; border:4px solid #fff; border-color:#fff #fff #fff transparent; animation:dcr-ml-spin 1.2s linear infinite; }
@keyframes dcr-ml-spin { 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }
.dcr-ml .loading-btn { display:none; }

.dcr-success-inline { background:#e6ffed; border:1px solid #b7f5c8; color:#155724; padding:12px; border-radius:6px; margin:12px 0; text-align:center; font:600 15px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.dcr-error-inline { background:#ffeaea; border:1px solid #ffb3b3; color:#7d0f0f; padding:12px; border-radius:6px; margin:12px 0; text-align:center; }

@media (max-width: 400px) { .dcr-ml .ml-form-embedWrapper { padding: 20px 16px 0 16px; } }

/* === DCR: tighten space between success message and form === */
#dcr-form .dcr-alert,
#dcr-form .dcr-success,
#dcr-form .dcr-message,
#dcr-form .notice-success {
  margin-bottom: 10px !important;
  padding: 10px 12px !important;
}

#dcr-form .dcr-field:first-child,
#dcr-form .form-group:first-child,
#dcr-form label:first-child {
  margin-top: 0 !important;
}

/* Also make sure the form wrapper doesn't add extra gap after notices */
#dcr-form .dcr-notices + .dcr-fields,
#dcr-form .dcr-message + .dcr-fields {
  margin-top: 0 !important;
}

/* DCR: ensure the phone field matches other inputs */
#dcr-form input[type="tel"],
#dcr-form input[name="dcr_phone"]{
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* DCR 1.9.4: phone input is text but full-width like others */
#dcr-form input[name="dcr_phone"]{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; display:block !important; }

.dcr-hidden{display:none !important;}

/* DCR 1.9.15: keep only the first banner */
#dcr-message ~ .dcr-alert:not(.dcr-waitlist-note),
#dcr-message ~ [role="status"],
#dcr-message ~ .ml-form-successBody,
#dcr-message ~ .row-success,
#dcr-message ~ .notice-success { display:none !important; }

/* DCR 1.9.17 — single message enforcement within wrapper */
#dcr-wrap .dcr-alert:not(#dcr-message):not(.dcr-waitlist-note),
#dcr-wrap [role="status"]:not(#dcr-message),
#dcr-wrap .ml-form-successBody,
#dcr-wrap .row-success,
#dcr-wrap .notice-success { display:none !important; }