/* ============================================================
   print.css
   Project: The Pieces of My Heart
   Purpose:
   - Clean, professional printing
   - Remove UI chrome (nav, sticky header)
   - Improve legibility + spacing
   - Print links as full URLs
============================================================ */

@media print {

  /* Page setup */
  @page {
    margin: 0.75in;
  }

  html, body {
    background: #ffffff !important;
    color: #000000 !important;
  }

  /* Remove shadows, backgrounds, and effects */
  * {
    box-shadow: none !important;
    text-shadow: none !important;
    background: transparent !important;
    filter: none !important;
  }

  /* Hide navigation + utility UI */
  .site-header,
  .site-footer,
  .main-nav,
  .header-actions,
  .skip-link,
  .whatsapp-cta,
  .language-toggle,
  nav,
  .quick-actions,
  .cta-actions {
    display: none !important;
  }

  /* Layout: keep content full width */
  .page-hero,
  .section {
    padding: 0 !important;
    margin: 0 !important;
  }

  .page-hero-inner,
  .section-inner,
  .footer-inner,
  .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Typography */
  body {
    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 12pt !important;
    line-height: 1.4 !important;
  }

  h1 {
    font-size: 20pt !important;
    margin: 0 0 12pt !important;
  }

  h2 {
    font-size: 14pt !important;
    margin: 16pt 0 8pt !important;
  }

  h3 {
    font-size: 12pt !important;
    margin: 12pt 0 6pt !important;
  }

  p {
    color: #000000 !important;
    margin: 0 0 10pt !important;
  }

  /* Boxes become simple outlines */
  .notice-box,
  .contact-card,
  .trust-list li,
  .benefits li,
  .steps li {
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    padding: 10pt !important;
    margin: 0 0 10pt !important;
    page-break-inside: avoid;
  }

  /* Lists */
  ul, ol {
    margin: 0 0 10pt 18pt !important;
    padding: 0 !important;
    list-style: disc !important;
  }

  li {
    margin: 0 0 6pt !important;
  }

  /* Tables */
  table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 10pt 0 !important;
  }

  th, td {
    border: 1px solid #000000 !important;
    padding: 8pt !important;
    text-align: left !important;
    vertical-align: top !important;
  }

  th {
    font-weight: 700 !important;
  }

  /* Links: show URLs */
  a, a:visited {
    color: #000000 !important;
    text-decoration: underline !important;
  }

  a[href^="http"]:after {
    content: " (" attr(href) ")";
    font-size: 10pt;
    word-break: break-word;
  }

  a[href^="mailto:"]:after,
  a[href^="tel:"]:after {
    content: " (" attr(href) ")";
    font-size: 10pt;
  }

  /* Images: print friendly */
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }

  /* Avoid awkward breaks */
  h1, h2, h3 {
    page-break-after: avoid;
  }

  p, li {
    orphans: 3;
    widows: 3;
  }
}