/* ==========================================================================
   EQUIDEM DESIGN SYSTEM - MODALS & OVERLAYS (components/modals.css)
   DOM ids are intentionally preserved for helpers.js.
   ========================================================================== */

/* ---- Legacy overlay (kept for helpers.js) ---- */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.overlay-content {
  background: var(--color-bg-surface);
  padding: var(--space-5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: var(--radius-md);
}

/* ---- Bootstrap dialogs, bound to the design system ---- */
.modal-content {
  border: 0;
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-modal);
}

.modal-header,
.modal-footer {
  border-color: var(--color-border-subtle);
}

.modal-header {
  padding: var(--space-4) var(--space-5);
}

.modal-body {
  padding: var(--space-5);
}

.modal-backdrop.show {
  opacity: 0.6;
}

.btn-close:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(15, 76, 129, 0.22);
}

#contactResponseMessage {
  max-width: 400px;
  width: 100%;
  display: none;
}