/* Modal theme + global modal behavior */

/* Prevent background scroll when Bootstrap modals are open */
body.modal-open {
  overflow: hidden;
  overscroll-behavior: none;
}

/* Baseline modal theme so newly-added modals don't fall back to Bootstrap white */
.modal-content {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  color: var(--text-primary);
}

.modal-header,
.modal-footer {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}

.modal-body {
  background: var(--bg-secondary);
  color: var(--text-primary);
}

.trophy-modal-dialog {
  width: calc(100% - var(--space-4) * 2);
  max-width: min(26rem, calc(100vw - 1.5rem));
  margin-left: auto;
  margin-right: auto;
}

.modal .btn-close {
  filter: invert(1);
  opacity: 0.72;
}

.modal .btn-close:hover {
  opacity: 1;
}