/* ── Legal Notice Modal — outer shell ────────────────────────────────── */
/* Inner content uses prv-* classes from modal-privacy-policy-page.css   */

body.legal-modal-no-scroll { overflow: hidden; }

/* ── Overlay ─────────────────────────────────────────────────────────── */
.legal-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 9000;
  background: rgba(0, 0, 0, 0.60);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.legal-modal-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

/* ── Modal shell ─────────────────────────────────────────────────────── */
.legal-modal {
  position: relative;
  background: #fff;
  border-radius: 18px;
  width: 70%;
  height: 90%;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.28);
  transform: translateY(28px) scale(0.98);
  opacity: 0;
  transition: transform 0.30s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.28s ease;
}
.legal-modal-overlay.show .legal-modal {
  transform: translateY(0) scale(1);
  opacity: 1;
}
.legal-modal,
.legal-modal * {
  box-sizing: border-box;
  min-width: 0;
}

/* ── Watermark: 'legal' icon at opacity 0.05 ────────────────────────── */
.legal-modal .prv-watermark {
  opacity: 0.05;
  color: blueviolet;
}

/* ── Mobile ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .legal-modal {
    width: 100%;
    height: 100%;
    max-width: 100vw;
    max-height: 100vh;
    border-radius: 0;
  }
}