/* ==========================================================================
   Club Love Wedding — print / PDF stylesheet
   One page per section, nothing split across a page break.
   Page box matches a desktop screen so the layout prints as designed.
   ========================================================================== */

@page { size: A4 landscape; margin: 8mm; }

@media print {

  *, *::before, *::after{
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
    animation:none!important;
    transition:none!important;
  }

  html,body{ background:#fff; }
  body{ font-size:15px; }

  /* chrome that has no meaning on paper */
  .fab, .scrim, .drawer, .cg-nav, .cart-count, .icon-btn[aria-label="ค้นหา"],
  .icon-btn[aria-label="ตะกร้าสินค้า"], .burger{ display:none!important; }

  .header{ position:static!important; background:var(--ivory)!important;
    backdrop-filter:none!important; box-shadow:none!important; }
  .reveal{ opacity:1!important; transform:none!important; }

  /* ---------- pagination ---------- */
  main > section{ break-before:page; break-inside:auto; padding-block:54px; }
  .hero{ break-before:auto; padding-block:34px; }
  .stats{ break-before:avoid; break-inside:avoid; }
  .stats .wrap{ padding-block:26px; }
  .footer{ break-before:avoid; padding-block:48px 0; }

  .section-head{ break-inside:avoid; break-after:avoid; margin-bottom:34px; }
  .svc, .panel, .why-item, .step, .about__media, .about__credit, .about__founder,
  .cg-fallback li, .footer__grid > div, .cta__btns{ break-inside:avoid; }

  /* ---------- section tuning ---------- */
  .hero__media img, .hero__badge{ box-shadow:none; }
  .svc{ min-height:340px; }

  /* portfolio: the WebGL carousel becomes a contact sheet */
  .cg{ display:none!important; }
  .cg-fallback[hidden]{ display:grid!important; }
  .cg-fallback{
    grid-template-columns:repeat(4,1fr);
    gap:14px; overflow:visible; padding:0 var(--gutter);
  }
  .cg-fallback li{ flex:none; }
  .cg-fallback span{ font-size:.76rem; margin-top:8px; }
  .cg-hint::after{ content:" · บนเว็บจริงเป็นแกลเลอรีแบบ 3D เลื่อนได้"; }
  .gallery-more{ display:none; }

  a{ text-decoration:none!important; color:inherit; }
}