/* Artwork and coordinates come directly from sifir-atik-akademi-sertifika-v10.pdf.
   Font subsets are extracted from that PDF; local fonts cover additional glyphs. */
@font-face {
  font-family: "Certificate Segoe";
  src: url("../fonts/certificate-segoe.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Certificate Segoe";
  src: url("../fonts/certificate-segoe-bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Certificate Georgia";
  src: url("../fonts/certificate-georgia.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
.cert.certificate {
  container-type: inline-size;
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  aspect-ratio: 841.8898 / 595.2756;
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: #fff;
  color: #103d30;
  box-shadow: 0 12px 36px rgb(16 38 28 / 12%);
  isolation: isolate;
}
.certificate__art {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.zwa .certificate .certificate__fields {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  overflow: visible;
  fill: #103d30;
  stroke: none;
  font-family: "Certificate Segoe", "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  font-kerning: none;
}
.certificate__recipient {
  font-family: "Certificate Georgia", Georgia, "Times New Roman", serif;
}
.certificate__course,
.certificate__signatory {
  font-weight: 700;
}
.certificate__signatory-title {
  fill: #65786d;
}
.certificate__revoked {
  position: absolute;
  right: 5%;
  bottom: 9%;
  padding: .4em .7em;
  border: 2px solid currentColor;
  color: #a32d25;
  background: #faf5eefa;
  font-size: 2cqw;
  letter-spacing: .1em;
  transform: rotate(-12deg);
}
.certificate__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.certificate-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 26px;
  align-items: start;
}
.certificate-document { width: 100%; min-width: 0; }
.certificate-verification .certificate-document { max-width: 945px; }
.certificate-verification .wrap { max-width: 1040px; }
.certificate-thumbnail { min-width: 0; }
.certificate-thumbnail .certificate { box-shadow: none; }
.certificate-step-preview {
  width: 100%;
  align-self: center;
  padding: 5%;
  transform: rotate(-3deg);
}
.cardstack-media:has(.certificate-step-preview),
.zwa .cyclestack-media:has(.certificate-step-preview) {
  display: grid;
  align-items: center;
}
.zwa .cyclestack-media .certificate-step-preview {
  width: min(100%, 57vh);
  padding: 0;
  margin: 2% auto;
}
.cardstack-media .certificate__art,
.zwa .cyclestack-media .certificate__art {
  width: 100%;
  height: 100%;
  max-height: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  object-fit: fill;
  aspect-ratio: 841.8898 / 595.2756;
  transform: none;
}
@media (min-width: 1400px) {
  .certificate-detail-layout { grid-template-columns: minmax(0, 3fr) minmax(280px, 1fr); }
}
@media print {
  body:has(.certificate-document) { background: #fff !important; margin: 0 !important; }
  .zwa:has(.certificate-document) .pnl,
  .zwa:has(.certificate-document) .pnl__main,
  .zwa:has(.certificate-document) .pnl__body {
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body:has(.certificate-document) main > :not(.certificate-verification),
  body:has(.certificate-document) .pnl__mobile-dialog {
    display: none !important;
  }
  body:has(.certificate-document) .pnl__body > .note,
  body:has(.certificate-document) main > .note { display: none !important; }
  .certificate-detail-layout,
  .certificate-verification,
  .certificate-verification .wrap,
  .certificate-verification .certificate-document {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .certificate-verification { padding: 0 !important; }
  .certificate-document { width: 297mm; max-width: 100%; margin: 0 auto; }
  .cert.certificate {
    box-shadow: none !important;
    break-inside: avoid;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
  @page { size: A4 landscape; margin: 0; }
}