/* Certificate print/PDF surface. Colors are also inlined by certificate-verification.js. */

@page { size: A4 landscape; margin: 0; }

.maharo-certificate {
  --certificate-ink: #10201B;
  --certificate-muted: #5C6B65;
  --certificate-line: #D9D6C9;
  --certificate-paper: #FBF9F4;
  --certificate-accent: #0B6B62;
  color-scheme: light;
  width: 297mm;
  height: 210mm;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  background: var(--certificate-paper);
  color: var(--certificate-ink);
  font-family: "IBM Plex Sans Arabic", "Segoe UI", sans-serif;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.cert-preview-wrap {
  overflow: auto;
  max-width: 100%;
}

@media print {
  html, body {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }
  /* Nested under [data-cert-visual]; hide chrome, keep the sheet. */
  body * { visibility: hidden; }
  [data-cert-preview],
  [data-cert-scaler],
  [data-cert-visual],
  #cert-printable,
  #cert-printable *,
  .maharo-certificate,
  .maharo-certificate * { visibility: visible; }
  [data-cert-visual] {
    transform: none !important;
    width: auto !important;
    height: auto !important;
  }
  [data-cert-scaler] {
    height: auto !important;
    overflow: visible !important;
  }
  .cert-preview-wrap {
    border: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }
  #cert-printable,
  .maharo-certificate {
    position: absolute;
    inset: 0;
    box-shadow: none;
  }
}