/* ===== planejane.ca — print flyer rules ===== */
@media print {
    /* Page box */
    @page {
      /* Switch to A4 if you prefer: size: A4; */
      size: Letter;
      margin: 0.4in; /* tight but printable on office lasers */
    }
  
    html, body {
      background: #fff !important;
      color: #000 !important;
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
      line-height: 1.15;
    }
  
    /* Layout: collapse any grids/columns to full-width stack */
    .grid, .columns, .row { display: block !important; }
    .grid > *, .columns > *, .row > * { width: 100% !important; }
  
    /* Hide nav/CTAs/webby clutter (expand selectors if your build uses others) */
    header, nav, footer, .site-footer, .site-header,
    .btn, .button, .cta, .cookie, .modal, .gallery-controls { display: none !important; }
  
    /* Typography tuned for one-page handout */
    h1 { font-size: 28pt; margin: 0 0 6pt 0; }
    h2 { font-size: 16pt; margin: 10pt 0 4pt 0; }
    p, li { font-size: 11pt; margin: 0 0 3pt 0; }
    strong, .price { font-weight: 700; }
    ul { padding-left: 12pt; }
    p, h2, li { orphans: 2; widows: 2; }
  
    /* Images: fill width, keep aspect, avoid page breaks through them */
    img, svg, picture, figure {
      max-width: 100% !important;
      height: auto !important;
      page-break-inside: avoid;
      break-inside: avoid;
      margin: 6pt 0;
    }
  
    /* Prevent ugly mid-section splits */
    section, article, .card, .block, .panel, .details {
      page-break-inside: avoid;
      break-inside: avoid;
    }
  
    /* Links: hide long URLs after anchors to keep it tidy */
    a[href]:after { content: ""; }
  
    /* Hero area: tighten spacing */
    .hero, .banner { margin-bottom: 6pt !important; padding: 0 !important; }
  
    /* Give the “Asking Price” some pop */
    .asking, .price, .tagline { font-size: 14pt; }
  
    /* Optional: force black text if your theme uses gray */
    * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  }
  
  /* Optional quick helpers you can add to markup */
  .print-only { display: none; }
  @media print { .print-only { display: block !important; } .no-print { display: none !important; } }