/* Exit-intent modal — styling on top of the Sandbox theme.
   Kept out of style.css so a theme update doesn't clobber it. */

#mbpExitModal .modal-dialog {
  max-width: 520px;
}

/* 180ms fade + 8px rise (theme default is a 50px slide) */
#mbpExitModal.fade {
  transition: opacity 0.18s ease-out;
}
#mbpExitModal.fade .modal-dialog {
  transform: translateY(8px);
  transition: transform 0.18s ease-out;
}
#mbpExitModal.show .modal-dialog {
  transform: none;
}

#mbpExitModal .modal-content {
  border: 0;
  border-radius: 0.8rem;
}

/* 44px hit target on the close X */
#mbpExitModal .btn-close {
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  background-size: 0.9rem;
  position: absolute;
  top: 0.35rem;
  right: 0.35rem;
  z-index: 2;
}

#mbpExitModal .xi-dismiss {
  font-size: 0.8rem;
  color: #aab0bc;
  text-decoration: underline;
  cursor: pointer;
}
#mbpExitModal .xi-dismiss:hover {
  color: #60697b;
}

@media (prefers-reduced-motion: reduce) {
  #mbpExitModal.fade,
  #mbpExitModal.fade .modal-dialog {
    transition: none;
    transform: none;
  }
}