/* ==========================================================================
   Capitólio Alimentos — impressão / PDF
   --------------------------------------------------------------------------
   Pensado principalmente para as receitas: A4, cabeçalho com a marca,
   ingredientes e modo de preparo lado a lado, numeração de páginas e
   quebras de página controladas. As demais páginas recebem um layout limpo.
   ========================================================================== */

@page {
    size: A4 portrait;
    margin: 14mm 14mm 16mm;

    @bottom-left {
        content: "Capitólio Alimentos · (37) 3373-0250 · capitolioalimentos.com.br";
        font-family: "Poppins", Arial, sans-serif;
        font-size: 7.5pt;
        color: #8a8282;
    }
    @bottom-right {
        content: "Página " counter(page) " de " counter(pages);
        font-family: "Poppins", Arial, sans-serif;
        font-size: 7.5pt;
        color: #8a8282;
    }
}

html { scroll-padding-top: 0; }

body {
    background: #fff !important;
    color: #222;
    font-size: 10pt;
    line-height: 1.5;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

/* Elementos de navegação e interação não vão para o papel */
.site-header, .site-footer, .skip-link, .whatsapp-float, .cookie-notice,
.reading-progress, .screen-only, .scroll-down, .btn, .btn-group,
.section-actions, .nav-toggle, .help-band, .recipes-band, .recipe-aside,
.contact-form-card, .link-arrow { display: none !important; }

.print-only { display: block !important; }

a { color: inherit; text-decoration: none; }
img { break-inside: avoid; }
h1, h2, h3, h4 { break-after: avoid; page-break-after: avoid; }
p, li { orphans: 3; widows: 3; }

.container { max-width: none; padding: 0; }
.section { padding: 0 0 8mm; background: none !important; }
.card, .card--soft { box-shadow: none !important; background: none; }
*, *::before, *::after { animation: none !important; transition: none !important; }

/* Topos com imagem viram títulos simples */
.page-hero, .product-hero { min-height: 0; padding: 0 0 6mm; color: #222; background: none; text-align: left; }
.page-hero::after, .product-hero::after, .page-hero__bg, .product-hero__bg { display: none; }
.page-hero__title, .product-hero__title { color: #56282b; font-size: 22pt; text-shadow: none; max-width: none; }
.page-hero__text { margin: 0; font-size: 11pt; }
.product-hero__grid { grid-template-columns: 1fr 45mm; }
.product-hero__media img { max-height: 60mm; filter: none; }
.breadcrumb { display: none; }
.product-about::before, .red-block::before, .dots-deco::before { display: none; }

/* ==========================================================================
   Receita
   ========================================================================== */

.page-receita .recipe-page { padding: 0; background: none !important; }
.page-receita .recipe-layout { display: block; }
.page-receita .recipe {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 68mm;
    column-gap: 7mm;
    align-items: center;
    padding: 0;
    border-radius: 0;
}
.page-receita .recipe > * { grid-column: 1 / -1; }
.page-receita .recipe > .recipe__header { grid-column: 1; }
.page-receita .recipe > .recipe__media { grid-column: 2; }

/* Cabeçalho da marca */
.print-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 3mm;
    margin-bottom: 5mm;
    border-bottom: 1.4pt solid #d10429;
}
.print-header img { width: 30mm; height: auto; }
.print-header__meta { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.25; }
.print-header__meta strong { font-family: "Caveat", cursive; font-size: 17pt; font-weight: 700; color: #d10429; }
.print-header__meta span { font-size: 8pt; color: #6b6363; }

/* Título e resumo */
.recipe__header { break-inside: avoid; }
.recipe__title { margin: 0 0 2.5mm; font-size: 22pt; line-height: 1.12; color: #56282b; letter-spacing: -.01em; }
.recipe__summary { margin: 0; font-size: 10pt; line-height: 1.45; color: #555; max-width: none; }

.recipe__meta { display: flex; flex-wrap: wrap; gap: 2mm; margin: 3.5mm 0 0; padding: 0; }
.recipe__meta li { padding: 1mm 3mm; border: .6pt solid #e5d6cf; background: #faf5f2 !important; font-size: 8.5pt; color: #56282b; border-radius: 10mm; }
.recipe__meta .icon { width: 3.4mm; height: 3.4mm; }

/* Foto ao lado do título, sem corte (proporção 3:2) */
.recipe__media { margin: 0; border-radius: 3mm; overflow: hidden; break-inside: avoid; }
.recipe__media img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }

/* Ingredientes + preparo lado a lado */
.recipe__body { display: grid !important; grid-template-columns: 64mm 1fr; gap: 7mm; align-items: start; margin-top: 5mm; padding-top: 4.5mm; border-top: .6pt solid #eee4e0; }

.recipe__section-title { margin: 0 0 3mm; font-size: 13pt; color: #56282b; }
.recipe__section-title::before { width: 1.6mm; height: 5mm; background: #d10429 !important; }
.recipe__group-title { margin: 0 0 1.5mm; font-size: 14pt; color: #d10429; }

.recipe__ingredients { padding: 4.5mm 4.5mm 3mm; border: .6pt solid #ecdcd4; border-radius: 3mm; background: #faf5f2 !important; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.ingredient-group { break-inside: avoid; }
.ingredient-group + .ingredient-group { margin-top: 3.5mm; }
.ingredient-list li { padding: 1.4mm 0 1.4mm 5mm; font-size: 9.5pt; line-height: 1.35; border-bottom: .5pt dashed #dcc9c0; }
.ingredient-list li::before { top: 2.5mm; width: 2.4mm; height: 2.4mm; border-width: .8pt; border-radius: .6mm; }

.step-group { break-inside: auto; }
.step-group + .step-group { margin-top: 3.5mm; }
.step-list { gap: 2mm; }
.step-list li { grid-template-columns: 6.5mm 1fr; gap: 3mm; break-inside: avoid; }
.step-list__num { width: 6.5mm; height: 6.5mm; font-size: 8.5pt; background: #d10429 !important; color: #fff !important; }
.step-list p { margin: .5mm 0 0; font-size: 9.8pt; line-height: 1.42; }

/* Produto utilizado (abaixo dos ingredientes) */
.recipe__product { margin-top: 4mm; padding: 3mm 3.5mm; gap: 3mm; border: .8pt dashed #cfc5c5; border-radius: 3mm; break-inside: avoid; }
.recipe__product img { width: 11mm; }
.recipe__product-label { font-size: 6.5pt; }
.recipe__product-name { font-size: 9pt; }
