/*
 * My Lotus Homes — print base. Load after tokens.css and fonts/fonts.css.
 * Each document is one or more .mlh-sheet elements; pick a format class.
 * Sizes include 3 mm bleed on every side; keep text inside .mlh-safe.
 */
:root {
    --mlh-bleed: 3mm;
    --mlh-safe: 5mm;   /* small formats; A5/A4 use 10mm via the format class */
}

@page { margin: 0; }
@page card { size: 91mm 61mm; }      /* 85 x 55 + bleed */
@page a6 { size: 111mm 154mm; }      /* 105 x 148 + bleed */
@page a5 { size: 154mm 216mm; }      /* 148 x 210 + bleed */
@page a4 { size: 216mm 303mm; }      /* 210 x 297 + bleed */
@page dl { size: 105mm 216mm; }      /* 99 x 210 + bleed */
@page card-vp { size: 88mm 58mm; }  /* 85 x 55 + Vistaprint's 1.5 mm bleed */

html { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
body.mlh-print { margin: 0; background: #d9d6cf; font-family: var(--mlh-font-body); color: var(--mlh-text); }

.mlh-sheet {
    position: relative;
    overflow: hidden;
    background: var(--mlh-bg);
    break-after: page;
    margin: 10mm auto;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .15);
}
.mlh-sheet--card { page: card; width: 91mm; height: 61mm; }
.mlh-sheet--a6   { page: a6;   width: 111mm; height: 154mm; }
.mlh-sheet--a5   { page: a5;   width: 154mm; height: 216mm; --mlh-safe: 10mm; }
.mlh-sheet--a4   { page: a4;   width: 216mm; height: 303mm; --mlh-safe: 10mm; }
.mlh-sheet--dl   { page: dl;   width: 105mm; height: 216mm; --mlh-safe: 8mm; }
/* Vistaprint business card: 88 x 58 file, 85 x 55 trim, 82 x 52 safe zone */
.mlh-sheet--card-vp { page: card-vp; width: 88mm; height: 58mm; --mlh-bleed: 1.5mm; --mlh-safe: 1.5mm; }

/* Content area: trim edge + safe margin */
.mlh-safe { position: absolute; inset: calc(var(--mlh-bleed) + var(--mlh-safe)); }

/* On screen, show the trim line so layouts can be checked before printing */
@media screen {
    .mlh-sheet::after {
        content: "";
        position: absolute;
        inset: var(--mlh-bleed);
        outline: 1px dashed rgba(200, 0, 80, .45);
        pointer-events: none;
    }
}

@media print {
    body.mlh-print { background: none; }
    .mlh-sheet { margin: 0; box-shadow: none; }
}