/* The printable gift voucher (Vouchers::PrintsController): one A5 card in the
   shop's look. Loaded after print.css, so this @page wins over its A4. Like
   print.css: unlayered, no nesting, and nothing relies on background colours. */

@page { size: A5 portrait; margin: 0; }

.print-voucher { box-sizing: border-box; width: 148mm; height: 210mm; margin: 0 auto 24px; padding: 10mm; background: #FFFFFF; color: #24211E; }
.print-voucher__frame { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5mm; height: 100%; padding: 10mm 8mm; border: 1px dashed #82786B; border-radius: 8px; text-align: center; }
.print-voucher__restaurant { margin: 0; font-size: 30px; font-weight: 800; line-height: 1.05; letter-spacing: -.04em; overflow-wrap: anywhere; }
.print-voucher__value { margin: 0; font-size: 54px; font-weight: 800; line-height: 1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.print-voucher__recipient { margin: 0; font-size: 20px; font-weight: 700; overflow-wrap: anywhere; }
.print-voucher__message { max-width: 100mm; margin: 0; font-size: 15px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
.print-voucher__from { margin: 0; font-size: 14px; color: #686158; }
.print-voucher__code-box { display: grid; gap: 2mm; margin-top: 4mm; padding: 5mm 8mm; border: 2px solid #24211E; border-radius: 4px; }
.print-voucher__code { margin: 0; font-size: 26px; font-weight: 800; letter-spacing: .08em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.print-voucher .print-card__line { max-width: 110mm; font-size: 12px; }
.print-voucher .print-card__foot { font-size: 12px; }

@media screen {
  .print-voucher { border: 1px solid var(--ab-rule); }
}

@media print {
  .print-voucher { width: 148mm; height: 210mm; margin: 0; border: 0; }
}