/* Price-list poster — what you get when you print or "Save as PDF" index.html.
   One 4:5 page (1080 × 1350 px, the Instagram portrait size) holding only the
   "Nuestras piñatas" section, always in the light palette and in the language
   currently selected. tools/export-prices-pdf.py renders it for both languages. */

@page {
  size: 1080px 1350px;
  margin: 0;
}

@media print {
  :root,
  :root[data-theme="dark"] {
    color-scheme: light;
    --bg: #f4f1ea;
    --ink: #0a0a0b;
    --muted: #5e5a53;
    --line: rgba(10, 10, 11, 0.18);
    --stripe: rgba(10, 10, 11, 0.045);
  }

  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  html, body {
    width: 1080px;
    height: 1350px;
    overflow: hidden;
    background: var(--bg);
  }

  /* everything except the price section stays off the page */
  .site-header,
  .fringe,
  .site-footer,
  .theme-toggle,
  .lang-switch,
  .party-cone,
  .party-stick,
  .party-fx,
  .hero__hint,
  main > :not(#pinatas),
  #pinatas .eyebrow,
  #pinatas .product__desc,
  #pinatas .product__foot,
  #pinatas .custom__foot a {
    display: none !important;
  }

  /* the dark-theme art swap rules only exist for light; mirror them here */
  :root[data-theme="dark"] .poster-head__mark { content: url("../img/light/logo-mark.svg"); }
  :root[data-theme="dark"] .product__art--inline [stroke="#F4F1EA"] { stroke: #2A2A2D; }
  :root[data-theme="dark"] .product__art--inline text[fill="#F4F1EA"] { fill: #2A2A2D; }

  #pinatas {
    width: 1080px;
    height: 1350px;
    padding: 48px 56px 0;
    overflow: hidden;
    position: relative;
    break-inside: avoid;
  }
  #pinatas > .wrap {
    max-width: none;
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .poster-head {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--line);
  }
  .poster-head__mark { width: 56px; height: 56px; }
  .poster-head__brand {
    font-family: var(--serif);
    font-weight: 300;
    font-size: 36px;
    line-height: 1;
  }
  .poster-head__brand em { font-style: italic; }

  #pinatas .section__title {
    margin: 28px 0 16px;
    font-size: 64px;
  }
  .products__note { margin-bottom: 28px; font-size: 18px; }
  .products__vat { font-size: 18px; padding: 6px 18px 7px; }

  .products { gap: 28px 24px; }
  .product { gap: 10px; }
  .product__art,
  .product--wide .product__art,
  .product--fill .product__art { height: 262px; flex: none; contain: none; }
  .product--wide .product__art { padding: 20px 12px 16px; }
  .product__name { margin-top: 6px; font-size: 27px; line-height: 1.12; }
  .product--wide .product__body { grid-template-rows: auto; align-items: start; }
  .product--wide .product__name { margin-top: 6px; }
  .price-list { min-height: 84px; margin-top: auto; gap: 6px; }
  .product--wide .price-list { min-height: 0; margin-top: 0; }
  .price-list__label { font-size: 17px; }
  .price-list__label small { font-size: 14px; }
  .price-list__amount { font-size: 36px; }

  .custom {
    margin-top: 24px;
    padding: 18px 28px;
    gap: 24px;
    grid-template-columns: auto 1fr;
  }
  .custom__art svg { width: 72px; height: 72px; }
  .custom__copy .product__name { font-size: 26px; }
  #pinatas .custom__copy .product__desc { display: block !important; margin-top: 4px; font-size: 16px; }
  .custom__foot { display: none; }

  .poster-foot {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: auto;
    padding: 18px 0 28px;
    border-top: 1px solid var(--line);
    font-size: 20px;
  }
  .poster-foot strong { font-weight: 600; letter-spacing: 0.02em; }
  .poster-foot__place { font-family: var(--serif); font-style: italic; font-weight: 300; font-size: 24px; }
}