/* Modal theme + global modal behavior */

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

/* Baseline modal theme — neutral surface + chrome (brand stays in buttons/links) */
.modal-content {
  background: var(--bg-surface);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  color: var(--text-primary);
  box-shadow: var(--shadow-xl);
}

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

.modal-body {
  background: var(--bg-surface);
  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: none;
  opacity: 0.55;
}

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