/*
 * Tiskové nastavení letáku (`www/letak.php`) — oboustranné A5.
 *
 * Patří sem, ne do `src/input.css`: ten je sdílený s webem a tiskové
 * rozměry by rozbily tisk hlavní stránky. Samostatný soubor vyhoví i CSP,
 * která inline styly nepovoluje.
 */
@page flyer {
  size: A5;
  margin: 0;
}

/*
 * Tisková data mají kolem výsledného A5 ještě 3mm spadávku a 5mm
 * prostor pro značky. TrimBox a BleedBox do hotového PDF doplňuje
 * `bin/render-flyer.mjs`; CSS kreslí samotné značky a přesah grafiky.
 */
@page press {
  size: 164mm 226mm;
  margin: 0;
}

.press-page {
  position: relative;
  page: flyer;
  width: 148mm;
  height: 210mm;
  overflow: hidden;
}

.bleed,
.sheet {
  position: absolute;
  inset: 0;
  width: 148mm;
  height: 210mm;
  overflow: hidden;
}

/*
 * Leták zůstává v původní lesní zelené, i když web přešel na modrou z letáku
 * „Volte č. 2“ — vytištěný je zelený a stránka má odpovídat stažitelnému PDF.
 */
.press-page {
  --color-ink: #1f2420;
  --color-ink-2: #4b5049;
  --color-slate: #55594f;
  --color-muted: #6b7168;
  --color-hint: #a9a49a;
  --color-forest: #3f5c48;
  --color-forest-2: #2c4133;
}

/* Bez tohohle prohlížeč v tisku vyhodí barevné plochy a zůstanou bílé rámečky. */
*, *::before, *::after {
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

/*
 * Režim používá pouze automatický export `?tisk=1`. Ořez A5 začíná
 * 8 mm od okraje tiskového listu, spadávka 5 mm od něj. Osm tenkých
 * gradientů tvoří ořezové značky; mezi značkou a spadávkou zůstává 1 mm.
 */
.print-pdf .press-page {
  page: press;
  width: 164mm;
  height: 226mm;
  background-color: #fff;
  background-image:
    linear-gradient(#000, #000),
    linear-gradient(#000, #000),
    linear-gradient(#000, #000),
    linear-gradient(#000, #000),
    linear-gradient(#000, #000),
    linear-gradient(#000, #000),
    linear-gradient(#000, #000),
    linear-gradient(#000, #000);
  background-position:
    0 8mm,
    160mm 8mm,
    0 218mm,
    160mm 218mm,
    8mm 0,
    156mm 0,
    8mm 222mm,
    156mm 222mm;
  background-repeat: no-repeat;
  background-size:
    4mm 0.1mm,
    4mm 0.1mm,
    4mm 0.1mm,
    4mm 0.1mm,
    0.1mm 4mm,
    0.1mm 4mm,
    0.1mm 4mm,
    0.1mm 4mm;
}

.print-pdf .bleed {
  inset: 5mm auto auto 5mm;
  width: 154mm;
  height: 216mm;
  background: var(--color-bone);
}

.print-pdf .sheet {
  inset: 3mm auto auto 3mm;
  overflow: visible;
}

/* Kresba na přední straně pokračuje až na vnější hranu spadávky. */
.print-pdf .flyer-illustration {
  right: -3mm;
  bottom: -8mm;
  left: -3mm;
  height: 49mm;
}

/* Na obrazovce listy položíme na šedý podklad, ať je vidět, kde končí papír. */
@media screen {
  body { background: #55594f; }
  .press-page { margin: 0 auto; box-shadow: 0 10px 40px rgb(0 0 0 / 0.35); }
  .press-page + .press-page { margin-top: 24px; }
}

@media print {
  html, body { background: #fff; }
  .no-print { display: none !important; }
  .press-page { margin: 0; box-shadow: none; }

  /* Zadní strana začíná na novém listu. */
  .press-page + .press-page { break-before: page; }
}