/* ============================================================================
   Folha de impressão das páginas do tipo documento e etiquetas (contrato C2).
   O renderer põe .site-folha + a variante do formato na raiz; aqui se define
   como isso aparece NA TELA (prévia com cara de papel) e NO PAPEL (@page).
   Só tokens do design system, como nas demais folhas.
   ========================================================================== */

/* ─── Prévia na tela: a página ganha cara de folha ────────────────────────── */

.site-folha {
    margin-inline: auto;
    background: var(--m50ui-surface, var(--m50-surface-elevated));
    color: var(--m50ui-on-surface, var(--m50-text-primary));
    box-shadow: var(--m50ui-shadow-lg, 0 10px 30px rgb(0 0 0 / .25));
}

/* Medidas reais do A4 — o usuário vê na tela o que vai sair na impressora. */
.site-folha--a4-retrato { width: 210mm; min-height: 297mm; padding: 18mm 16mm; }
.site-folha--a4-paisagem { width: 297mm; min-height: 210mm; padding: 14mm 18mm; }

/* A folha de etiquetas não tem margem interna: quem posiciona é a grade do bloco. */
.site-folha--etiquetas { width: 210mm; min-height: 297mm; padding: 8mm; }

/* Documento é leitura densa: o respiro de landing atrapalharia a paginação. */
.site-folha .site-secao { padding-block: clamp(10px, 2vw, 20px); }

/* Telas estreitas: a folha vira largura disponível (a medida exata volta na impressão). */
@media (max-width: 900px) {
    .site-folha--a4-retrato,
    .site-folha--a4-paisagem,
    .site-folha--etiquetas {
        width: 100%;
        min-height: 0;
        padding: var(--m50ui-sp-lg, 16px);
    }
}

/* ─── Papel de verdade ────────────────────────────────────────────────────── */

@media print {
    /* Nada de sombra/fundo no papel: gasta tinta e não é conteúdo. */
    .site-folha {
        width: auto;
        min-height: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
        background: #ffffff;
        color: #000000;
    }

    /* Cromo do editor e do site nunca vai para o papel. */
    .glp-barra,
    .glp-abas,
    .glp-oficina__esquerda,
    .glp-oficina__direita,
    .glp-toasts,
    .glp-varinha,
    .site-bloco__etiqueta,
    .site-bloco__ordem,
    .site-navbar,
    .site-chat,
    .site-consentimento { display: none !important; }

    /* Seção não pode ser partida no meio de uma cláusula/tabela. */
    .site-secao { break-inside: avoid; }

    a[href]::after { content: ""; }   /* não imprimir a URL após o link */
}

@page { margin: 12mm; }