/* ==========================================================================
   OmniResume — Print Stylesheet
   ========================================================================== */

@media print {
  @page {
    size: A4;
    margin: 0;
  }

  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    animation: none !important;
    transition: none !important;
  }

  html, body {
    width: 210mm;
    height: 297mm;
    margin: 0;
    padding: 0;
    font-size: 11pt;
    line-height: 1.45;
    color: #000;
    background: #fff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .site-header,
  .site-footer,
  .mobile-nav,
  .toast-region,
  .scroll-top,
  .skip-link,
  .hero__bg,
  .feedback-cta,
  .videos,
  .blog-highlights,
  .faq,
  .scroll-progress,
  .editor__toolbar,
  .editor__sidebar,
  .editor__panel,
  .template-card__actions,
  .search-input__clear,
  .video-modal,
  .modal,
  .drawer,
  .dropdown__panel,
  .pwa-install-banner,
  .consent-banner,
  [data-no-print],
  button:not(.resume-page button),
  .btn:not(.resume-page .btn) {
    display: none !important;
  }

  .resume-page,
  .resume-page__content,
  .editor__canvas .resume-page {
    display: block !important;
    width: 210mm !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
  }

  .resume-page * {
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-color: #999 !important;
  }

  .resume-page__section {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    break-after: avoid;
    orphans: 3;
    widows: 3;
  }

  a[href^="http"]::after,
  a[href^="mailto:"]::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    color: #555;
    word-break: break-all;
  }

  img {
    max-width: 100% !important;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  ul, ol, table {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}