/* ============================================================
   AcquisitionSuite – Frontend Styles
   Brand: Navy Blue (#0D1B4B) + Orange (#F97316)
   ============================================================ */

:root {
  --acquis-primary:       #0D1B4B;
  --acquis-primary-dark:  #08112e;
  --acquis-primary-light: #e8eaf4;
  --acquis-accent:        #F97316;
  --acquis-accent-dark:   #ea6008;
  --acquis-accent-light:  #fff4ed;
  --acquis-success:       #16a34a;
  --acquis-success-light: #dcfce7;
  --acquis-error:         #dc2626;
  --acquis-error-light:   #fee2e2;
  --acquis-text:          #111827;
  --acquis-text-muted:    #6b7280;
  --acquis-border:        #e5e7eb;
  --acquis-bg:            #ffffff;
  --acquis-overlay-bg:    rgba(13, 27, 75, 0.72);
  --acquis-radius:        14px;
  --acquis-radius-sm:     8px;
  --acquis-shadow:        0 20px 60px rgba(13, 27, 75, 0.22);
  --acquis-transition:    0.2s ease;
  --acquis-font:          -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* ── File Card ──────────────────────────────────────────────── */
.acquis-gate-wrap { margin: 1.5rem 0; }

.acquis-file-card {
  display: flex;
  align-items: center;
  gap: 16px;
  background: var(--acquis-bg);
  border: 2px solid var(--acquis-border);
  border-radius: var(--acquis-radius);
  padding: 18px 22px;
  box-shadow: 0 2px 12px rgba(13,27,75,0.07);
  transition: box-shadow var(--acquis-transition), border-color var(--acquis-transition);
  font-family: var(--acquis-font);
}
.acquis-file-card:hover {
  box-shadow: 0 6px 24px rgba(13,27,75,0.13);
  border-color: var(--acquis-accent);
}
.acquis-file-icon {
  flex-shrink: 0;
  width: 52px; height: 52px;
  background: var(--acquis-primary-light);
  border-radius: var(--acquis-radius-sm);
  display: flex; align-items: center; justify-content: center;
}
.acquis-file-icon svg { width: 28px; height: 28px; }
.acquis-file-info { flex: 1; min-width: 0; }
.acquis-file-name {
  display: block;
  font-weight: 700;
  font-size: 15px;
  color: var(--acquis-primary);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.acquis-file-meta { display: block; font-size: 12px; color: var(--acquis-text-muted); margin-top: 3px; }
.acquis-download-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--acquis-accent);
  color: #fff;
  border: none;
  border-radius: var(--acquis-radius-sm);
  padding: 11px 20px;
  font-size: 14px; font-weight: 700;
  cursor: pointer;
  transition: background var(--acquis-transition), transform var(--acquis-transition);
  white-space: nowrap;
  font-family: var(--acquis-font);
}
.acquis-download-btn:hover { background: var(--acquis-accent-dark); transform: translateY(-1px); }
.acquis-download-btn svg { width: 16px; height: 16px; }

/* ── Modal Overlay ──────────────────────────────────────────── */
.acquis-modal-overlay {
  position: fixed; inset: 0; z-index: 99999;
  display: flex; align-items: center; justify-content: center;
  background: var(--acquis-overlay-bg);
  opacity: 0; visibility: hidden;
  transition: opacity 0.28s ease, visibility 0.28s ease;
  padding: 16px;
  backdrop-filter: blur(3px);
}
.acquis-modal-overlay.acquis-active { opacity: 1; visibility: visible; }
body.acquis-modal-open { overflow: hidden; }

/* ── Modal Box ──────────────────────────────────────────────── */
.acquis-modal, .acquis-modal * {
  box-sizing: border-box;
}
.acquis-modal {
  background: var(--acquis-bg);
  border-radius: var(--acquis-radius);
  box-shadow: var(--acquis-shadow);
  width: 100%; max-width: 440px;
  /* Height constraint on the whole box; header stays fixed, body scrolls */
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;           /* clip corners; scroll is on .acquis-modal-body */
  position: relative;
  transform: scale(0.94) translateY(16px);
  transition: transform 0.28s cubic-bezier(0.34,1.56,0.64,1);
  font-family: var(--acquis-font);
}
.acquis-modal-overlay.acquis-active .acquis-modal { transform: scale(1) translateY(0); }

/* ── Modal Header ───────────────────────────────────────────── */
.acquis-modal-header {
  background: linear-gradient(135deg, var(--acquis-primary) 0%, #1a2f6e 100%);
  padding: 32px 32px 28px;
  text-align: center;
  border-radius: var(--acquis-radius) var(--acquis-radius) 0 0;
  flex-shrink: 0;             /* header never shrinks — always fully visible */
}
.acquis-modal-lock-icon {
  width: 52px; height: 52px;
  background: rgba(249,115,22,0.18);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 16px;
  border: 2px solid rgba(249,115,22,0.4);
}
.acquis-modal-lock-icon svg { width: 24px; height: 24px; stroke: var(--acquis-accent); }
.acquis-modal-title {
  font-size: 22px; font-weight: 800;
  color: #fff; margin: 0 0 8px;
  line-height: 1.2;
}
.acquis-modal-subtitle { font-size: 14px; color: rgba(255,255,255,0.8); margin: 0; line-height: 1.5; }

/* ── Modal Close ────────────────────────────────────────────── */
.acquis-modal-close {
  position: absolute; top: 14px; right: 14px;
  background: rgba(255,255,255,0.15);
  border: none; color: #fff;
  width: 32px; height: 32px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 20px; line-height: 1;
  cursor: pointer;
  transition: background var(--acquis-transition);
  z-index: 10;
}
.acquis-modal-close:hover { background: rgba(255,255,255,0.3); }

/* ── Modal Body ─────────────────────────────────────────────── */
.acquis-modal-body {
  padding: 28px 32px 32px;
  overflow-y: auto;           /* scroll here, not on the whole modal */
  flex: 1;                    /* take remaining height after header */
  /* Styled scrollbar — visible and matches brand */
  scrollbar-width: thin;
  scrollbar-color: var(--acquis-accent) rgba(0,0,0,.08);
}
.acquis-modal-body::-webkit-scrollbar {
  width: 5px;
}
.acquis-modal-body::-webkit-scrollbar-track {
  background: rgba(0,0,0,.05);
  border-radius: 10px;
}
.acquis-modal-body::-webkit-scrollbar-thumb {
  background: var(--acquis-accent);
  border-radius: 10px;
}
.acquis-modal-body::-webkit-scrollbar-thumb:hover {
  background: #ea6008;
}

/* ── Error Banner ───────────────────────────────────────────── */
.acquis-error-banner {
  background: var(--acquis-error-light);
  border: 1px solid var(--acquis-error);
  border-radius: var(--acquis-radius-sm);
  color: var(--acquis-error);
  font-size: 13px; font-weight: 600;
  padding: 10px 14px;
  margin-bottom: 18px;
}

/* ── Honeypot ───────────────────────────────────────────────── */
.acquis-hp-field { position: absolute; left: -9999px; opacity: 0; height: 0; overflow: hidden; }

/* ── Form Fields ────────────────────────────────────────────── */
.acquis-field-group { margin-bottom: 16px; }
.acquis-label {
  display: block; font-size: 13px; font-weight: 700;
  color: var(--acquis-primary); margin-bottom: 6px;
}
.acquis-required { color: var(--acquis-accent); margin-left: 2px; }
.acquis-input-wrap { position: relative; }
.acquis-input-icon {
  position: absolute; left: 13px; top: 50%; transform: translateY(-50%);
  width: 17px; height: 17px;
  stroke: var(--acquis-text-muted);
  pointer-events: none;
}
.acquis-input {
  width: 100%;
  padding: 11px 14px 11px 40px;
  border: 1.5px solid var(--acquis-border);
  border-radius: var(--acquis-radius-sm);
  font-size: 14px; color: var(--acquis-text);
  background: var(--acquis-bg);
  transition: border-color var(--acquis-transition), box-shadow var(--acquis-transition);
  font-family: var(--acquis-font);
  outline: none;
}
.acquis-input:focus {
  border-color: var(--acquis-accent);
  box-shadow: 0 0 0 3px rgba(249,115,22,0.15);
}
.acquis-input.acquis-input-error { border-color: var(--acquis-error); }
.acquis-field-error { display: block; font-size: 11px; color: var(--acquis-error); margin-top: 4px; min-height: 14px; }

/* ── Submit Button ──────────────────────────────────────────── */
.acquis-submit-btn {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%;
  background: var(--acquis-accent);
  color: #fff;
  border: none;
  border-radius: var(--acquis-radius-sm);
  padding: 14px 24px;
  font-size: 15px; font-weight: 800;
  cursor: pointer;
  margin-top: 6px;
  transition: background var(--acquis-transition), transform var(--acquis-transition), box-shadow var(--acquis-transition);
  font-family: var(--acquis-font);
  letter-spacing: 0.3px;
}
.acquis-submit-btn svg { width: 18px; height: 18px; }
.acquis-submit-btn:hover:not(:disabled) {
  background: var(--acquis-accent-dark);
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(249,115,22,0.4);
}
.acquis-submit-btn:disabled { opacity: 0.7; cursor: not-allowed; }
.acquis-submit-btn.acquis-loading #acquis-btn-text::after {
  content: '';
  display: inline-block;
  width: 12px; height: 12px;
  border: 2px solid rgba(255,255,255,0.4);
  border-top-color: #fff;
  border-radius: 50%;
  animation: acquis-spin 0.6s linear infinite;
  margin-left: 8px; vertical-align: middle;
}
@keyframes acquis-spin { to { transform: rotate(360deg); } }

/* ── Privacy note ───────────────────────────────────────────── */
.acquis-privacy-note {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  font-size: 11px; color: var(--acquis-text-muted);
  margin: 14px 0 0; text-align: center;
}
.acquis-privacy-note svg { width: 13px; height: 13px; stroke: var(--acquis-text-muted); flex-shrink: 0; }

/* ── Success State ──────────────────────────────────────────── */
.acquis-success-icon {
  width: 64px; height: 64px;
  background: linear-gradient(135deg, #0D1B4B 0%, #1a2f6e 100%);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 4px 16px rgba(13,27,75,0.3);
}
.acquis-success-icon svg { width: 30px; height: 30px; stroke: #fff; stroke-width: 2.5; }
.acquis-success-title {
  font-size: 20px; font-weight: 800;
  color: var(--acquis-primary); text-align: center; margin: 0 0 10px;
}
.acquis-success-msg { font-size: 14px; color: var(--acquis-text-muted); text-align: center; margin: 0 0 24px; line-height: 1.6; }

/* Download button in success state */
.acquis-download-action { text-align: center; }
.acquis-download-final-btn {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--acquis-accent);
  color: #fff; text-decoration: none;
  border-radius: var(--acquis-radius-sm);
  padding: 14px 32px;
  font-size: 15px; font-weight: 800;
  transition: background var(--acquis-transition), transform var(--acquis-transition), box-shadow var(--acquis-transition);
  font-family: var(--acquis-font);
  letter-spacing: 0.3px;
}
.acquis-download-final-btn svg { width: 18px; height: 18px; }
.acquis-download-final-btn:hover {
  background: var(--acquis-accent-dark);
  color: #fff; text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(249,115,22,0.4);
}

/* Email-only success message */
.acquis-email-sent-note {
  display: flex; align-items: flex-start; gap: 12px;
  background: var(--acquis-primary-light);
  border: 1.5px solid var(--acquis-primary);
  border-radius: var(--acquis-radius-sm);
  padding: 16px 18px;
  font-size: 14px; font-weight: 600;
  color: var(--acquis-primary);
  text-align: left; margin: 0 0 20px;
  line-height: 1.5;
}

.acquis-expiry-note {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  font-size: 11px; color: var(--acquis-text-muted);
  margin: 16px 0 0; text-align: center;
}
.acquis-expiry-note svg { width: 13px; height: 13px; stroke: var(--acquis-text-muted); flex-shrink: 0; }

/* ── Shake animation ────────────────────────────────────────── */
@keyframes acquis-shake {
  0%,100% { transform: translateX(0); }
  20%      { transform: translateX(-6px); }
  40%      { transform: translateX(6px); }
  60%      { transform: translateX(-4px); }
  80%      { transform: translateX(4px); }
}
.acquis-shake { animation: acquis-shake 0.45s ease; }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 480px) {
  .acquis-modal { max-width: 100%; border-radius: 16px 16px 0 0; max-height: 85vh; }
  .acquis-modal-overlay { align-items: flex-end; }
  .acquis-modal-header { padding: 24px 22px 20px; border-radius: 16px 16px 0 0; }
  .acquis-modal-body { padding: 20px 22px 28px; }
  .acquis-file-card { flex-wrap: wrap; }
  /* white-space:nowrap (set above for the normal desktop/inline case) plus
     a long custom Button Label made the button's text overflow past its
     own box instead of wrapping, wide enough on some labels to push the
     whole page into horizontal scroll. Only relaxing it here, not at the
     base rule, since short labels still look better as a single line
     on wider screens where there's room. */
  .acquis-download-btn {
    width: 100%; max-width: 100%; box-sizing: border-box;
    justify-content: center; text-align: center;
    white-space: normal; overflow-wrap: break-word;
  }
}

/* =============================================================================
   CUSTOM FORM FIELDS — match static form style exactly
   Fixes: label visibility, help text size, field spacing, input appearance
   ============================================================================= */

/* Wrapper for injected custom form */
#acquis-custom-form-wrap { width: 100%; }
.acquis-custom-form { width: 100%; }

/* Each field wrap — same spacing as .acquis-field-group */
.acquis-field-wrap {
    margin-bottom: 16px;
}
.acquis-field-wrap:last-child { margin-bottom: 0; }

/* Field label — identical to .acquis-label in static form */
.acquis-field-label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--acquis-primary);
    margin-bottom: 6px;
    line-height: 1.3;
}
.acquis-field-label .acquis-required {
    color: var(--acquis-accent);
    margin-left: 2px;
}

/* Text / email / phone / number / date inputs — identical to .acquis-input */
.acquis-custom-form .acquis-field.acquis-input,
.acquis-custom-form input.acquis-field {
    width: 100%;
    padding: 11px 14px;
    border: 1.5px solid var(--acquis-border);
    border-radius: var(--acquis-radius-sm);
    font-size: 14px;
    color: var(--acquis-text);
    background: var(--acquis-bg);
    font-family: var(--acquis-font);
    outline: none;
    box-sizing: border-box;
    transition: border-color var(--acquis-transition), box-shadow var(--acquis-transition);
}
.acquis-custom-form .acquis-field.acquis-input:focus,
.acquis-custom-form input.acquis-field:focus {
    border-color: var(--acquis-accent);
    box-shadow: 0 0 0 3px rgba(249,115,22,0.15);
}
.acquis-custom-form .acquis-field.acquis-input.acquis-input-error,
.acquis-custom-form input.acquis-field.acquis-input-error {
    border-color: var(--acquis-error);
}

/* Textarea */
.acquis-custom-form .acquis-textarea {
    width: 100%;
    padding: 11px 14px;
    border: 1.5px solid var(--acquis-border);
    border-radius: var(--acquis-radius-sm);
    font-size: 14px;
    color: var(--acquis-text);
    background: var(--acquis-bg);
    font-family: var(--acquis-font);
    outline: none;
    box-sizing: border-box;
    resize: vertical;
    min-height: 80px;
    transition: border-color var(--acquis-transition), box-shadow var(--acquis-transition);
}
.acquis-custom-form .acquis-textarea:focus {
    border-color: var(--acquis-accent);
    box-shadow: 0 0 0 3px rgba(249,115,22,0.15);
}

/* Select / Dropdown / Country */
.acquis-custom-form .acquis-select,
.acquis-custom-form .acquis-country-select {
    width: 100%;
    padding: 11px 14px;
    border: 1.5px solid var(--acquis-border);
    border-radius: var(--acquis-radius-sm);
    font-size: 14px;
    color: var(--acquis-text);
    background: var(--acquis-bg);
    font-family: var(--acquis-font);
    outline: none;
    box-sizing: border-box;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 36px;
    cursor: pointer;
    transition: border-color var(--acquis-transition), box-shadow var(--acquis-transition);
}
.acquis-custom-form .acquis-select:focus,
.acquis-custom-form .acquis-country-select:focus {
    border-color: var(--acquis-accent);
    box-shadow: 0 0 0 3px rgba(249,115,22,0.15);
}

/* Date input */
.acquis-custom-form .acquis-date {
    width: 100%;
    padding: 11px 14px;
    border: 1.5px solid var(--acquis-border);
    border-radius: var(--acquis-radius-sm);
    font-size: 14px;
    color: var(--acquis-text);
    background: var(--acquis-bg);
    font-family: var(--acquis-font);
    outline: none;
    box-sizing: border-box;
    transition: border-color var(--acquis-transition), box-shadow var(--acquis-transition);
}
.acquis-custom-form .acquis-date:focus {
    border-color: var(--acquis-accent);
    box-shadow: 0 0 0 3px rgba(249,115,22,0.15);
}

/* Radio group */
.acquis-radio-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 2px;
}
.acquis-radio-option {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    border: 1.5px solid var(--acquis-border);
    border-radius: var(--acquis-radius-sm);
    font-size: 14px;
    color: var(--acquis-text);
    cursor: pointer;
    transition: border-color var(--acquis-transition), background var(--acquis-transition);
    font-family: var(--acquis-font);
    line-height: 1.3;
}
.acquis-radio-option:hover {
    border-color: var(--acquis-accent);
    background: var(--acquis-accent-light);
}
.acquis-radio-option input[type="radio"] {
    accent-color: var(--acquis-accent);
    width: 15px; height: 15px;
    flex-shrink: 0;
    margin: 0;
}

/* Checkbox group */
.acquis-checkbox-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 2px;
}
.acquis-checkbox-option {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    border: 1.5px solid var(--acquis-border);
    border-radius: var(--acquis-radius-sm);
    font-size: 14px;
    color: var(--acquis-text);
    cursor: pointer;
    transition: border-color var(--acquis-transition), background var(--acquis-transition);
    font-family: var(--acquis-font);
    line-height: 1.3;
}
.acquis-checkbox-option:hover {
    border-color: var(--acquis-accent);
    background: var(--acquis-accent-light);
}
.acquis-checkbox-option input[type="checkbox"] {
    accent-color: var(--acquis-accent);
    width: 15px; height: 15px;
    flex-shrink: 0;
    margin: 0;
}

/* Help text — small, muted, below the field */
.acquis-help-text {
    font-size: 11px;
    color: var(--acquis-text-muted);
    margin: 4px 0 0;
    line-height: 1.4;
    font-family: var(--acquis-font);
}

/* Field error message */
.acquis-custom-form .acquis-field-error {
    display: block;
    font-size: 11px;
    color: var(--acquis-error);
    margin: 4px 0 0;
    min-height: 14px;
    font-family: var(--acquis-font);
}

/* Multi-step nav dots */
.acquis-step-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 20px;
}
.acquis-step-dot {
    width: 28px; height: 28px;
    border-radius: 50%;
    background: var(--acquis-border);
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 700;
    color: var(--acquis-text-muted);
    transition: background var(--acquis-transition), color var(--acquis-transition);
    flex-shrink: 0;
}
.acquis-step-dot.acquis-step-active {
    background: var(--acquis-primary);
    color: #fff;
}
.acquis-step-dot.acquis-step-done {
    background: var(--acquis-accent);
    color: #fff;
}
.acquis-step-line {
    flex: 1;
    height: 2px;
    background: var(--acquis-border);
    max-width: 36px;
    transition: background var(--acquis-transition);
}
.acquis-step-line.acquis-step-done { background: var(--acquis-accent); }

/* Step prev/next buttons */
.acquis-step-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px;
    gap: 10px;
}
.acquis-step-actions .acquis-step-prev,
.acquis-step-actions .acquis-step-next {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    border-radius: var(--acquis-radius-sm);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    border: 1.5px solid var(--acquis-border);
    background: #fff;
    color: var(--acquis-primary);
    font-family: var(--acquis-font);
    transition: all var(--acquis-transition);
}
.acquis-step-actions .acquis-step-next {
    background: var(--acquis-accent);
    color: #fff;
    border-color: var(--acquis-accent);
    margin-left: auto;
}
.acquis-step-actions .acquis-step-prev:hover {
    border-color: var(--acquis-primary);
    background: var(--acquis-primary-light);
}
.acquis-step-actions .acquis-step-next:hover {
    background: var(--acquis-accent-dark);
    border-color: var(--acquis-accent-dark);
}

/* Form spinner */
.acquis-spinner {
    width: 28px; height: 28px;
    border: 3px solid rgba(13,27,75,0.12);
    border-top-color: var(--acquis-accent);
    border-radius: 50%;
    animation: acquis-spin 0.7s linear infinite;
}

/* Per-form custom modal header variables — set inline by renderer */
.acquis-modal-header.acquis-custom-header {
    background: var(--acquis-form-header-bg, linear-gradient(135deg,#0D1B4B 0%,#1a2f6e 100%));
}
.acquis-modal-header.acquis-custom-header .acquis-modal-title {
    color: var(--acquis-form-title-color, #ffffff);
}
.acquis-modal-header.acquis-custom-header .acquis-modal-subtitle {
    color: var(--acquis-form-subtitle-color, rgba(255,255,255,0.8));
}

/* =============================================================================
   UNIVERSAL FORMS (3.6.0) — standalone forms, no file attached
   ============================================================================= */

/* ── Popup Modal / Floating Button trigger wrapper ─────────────────────────── */
.acquis-standalone-form-wrap { margin: 1.5rem 0; }
.acquis-standalone-form-wrap.acquis-display-embedded { margin: 0; }

/* Floating Button: a persistent, fixed-position trigger independent of
   wherever the shortcode/block/widget was actually placed in the page. */
.acquis-floating-form-btn {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 99998;
    border-radius: 999px;
    padding: 16px 26px;
    box-shadow: 0 8px 28px rgba(13,27,75,0.28);
}
.acquis-floating-form-btn:hover { transform: translateY(-2px); }
@media (max-width: 600px) {
    .acquis-floating-form-btn { right: 14px; bottom: 14px; padding: 14px 20px; }
}

/* ── Embedded display style: fields render directly in the page, no
   overlay/modal chrome at all. Field styling is inherited automatically
   from .acquis-custom-form (ACQUIS_Form_Renderer wraps its own output in
   that class already). ──────────────────────────────────────────────────── */
.acquis-embedded-form-wrap { margin: 1.5rem 0; max-width: 520px; }
.acquis-embedded-form .acquis-embedded-submit-btn { margin-top: 10px; }
.acquis-embedded-error {
    background: var(--acquis-error-light);
    color: var(--acquis-error);
    border-radius: var(--acquis-radius-sm);
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 14px;
}
.acquis-embedded-success {
    background: var(--acquis-success-light);
    color: var(--acquis-success);
    border-radius: var(--acquis-radius-sm);
    padding: 18px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}