/* =========================
   RNEWS SABORES — PRINT/PDF
   View /print/ (leve + premium)
========================= */

:root{
  --ink:#111;
  --muted:#5b6375;
  --line:#e7e9ef;
  --card:#f6f7fb;
}

html,body{background:#fff;margin:0;padding:0;color:var(--ink);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial;}
*{box-sizing:border-box}

.rn-print-topbar{
  position:sticky; top:0; z-index:50;
  background:#fff; border-bottom:1px solid var(--line);
}
.rn-print-topbar__inner{
  max-width: 940px; margin:0 auto; padding:12px 16px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.rn-print-topbar__back{
  color:#111; text-decoration:none; font-weight:600;
}
.rn-print-topbar__btn{
  border:1px solid #111; background:#111; color:#fff;
  padding:10px 14px; border-radius:12px; font-weight:700; cursor:pointer;
}

.rn-print-shell{
  max-width: 940px;
  margin: 18px auto 34px;
  padding: 0 16px;
}

.rn-print-head{
  padding: 18px 18px 14px;
  border:1px solid var(--line);
  border-radius:18px;
}
.rn-print-brand{display:flex; justify-content:space-between; gap:12px; margin-bottom:10px}
.rn-print-site{font-weight:900; letter-spacing:.08em; font-size:13px}
.rn-print-url{color:var(--muted); font-size:13px}

.rn-print-title{
  margin: 8px 0 14px;
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.rn-print-photo{margin:0}
.rn-print-photo-img{
  width:100%; height:auto;
  border-radius:16px;
  border:1px solid var(--line);
}
.rn-print-caption{margin-top:8px; color:var(--muted); font-size:13px}

.rn-print-permalink{
  margin: 10px 0 0;
  padding: 10px 12px;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 14px;
  color: #202635;
  word-break: break-word;
  font-size: 13px;
}

.rn-print-meta{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin-top: 12px;
}
.rn-print-meta__item{
  padding: 12px 12px;
  background: var(--card);
  border:1px solid var(--line);
  border-radius: 14px;
}
.rn-print-meta__item span{display:block; color:var(--muted); font-size:12px}
.rn-print-meta__item strong{display:block; margin-top:3px; font-size:16px}

.rn-print-body{
  margin-top: 14px;
  padding: 18px 18px;
  border:1px solid var(--line);
  border-radius:18px;
}

.rn-print-section{margin:0 0 18px}
.rn-print-h2{
  margin: 0 0 10px;
  font-size: 18px;
  letter-spacing: -0.01em;
}
.rn-print-h3{
  margin: 14px 0 8px;
  font-size: 14px;
  color: #202635;
}
.rn-print-muted{color:var(--muted); margin:0}

.rn-print-list{margin:0; padding-left: 18px}
.rn-print-list li{margin: 6px 0}

.rn-print-steps{margin:0; padding-left:0; list-style:none}
.rn-print-steps li{
  display:flex; gap:10px;
  margin: 10px 0;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
}
.rn-step-n{
  min-width: 30px;
  height: 30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
  background: var(--card);
  border: 1px solid var(--line);
  font-weight:800;
}
.rn-step-t{display:block}

.rn-print-extra-box{
  padding: 12px 12px;
  background: var(--card);
  border:1px solid var(--line);
  border-radius: 14px;
}
.rn-print-extra-box p{margin: 0 0 10px}
.rn-print-extra-box p:last-child{margin-bottom:0}

.rn-print-foot{
  margin-top: 14px;
  padding: 0 6px 6px;
}
.rn-print-foot__line{
  height:1px; background: var(--line);
  margin: 8px 0 10px;
}
.rn-print-foot__meta{
  display:flex; flex-wrap:wrap; gap:8px;
  color: var(--muted);
  font-size: 12px;
}
/* Títulos com barra laranja (igual seu exemplo) */
.rn-print-h2{
  position: relative;
  padding-left: 14px;
}

.rn-print-h2::before{
  content:"";
  position:absolute;
  left:0;
  top: 0.15em;
  width: 4px;
  height: 1.05em;
  background: #ff6a3d;  /* laranja premium */
  border-radius: 4px;
}
/* Número laranja (e cartão mais “clean”) */
.rn-step-n{
  background: #ff6a3d !important;
  border: 0 !important;
  color: #fff !important;
  font-weight: 900;
  min-width: 34px;
  height: 34px;
  border-radius: 10px;
}

.rn-print-steps li{
  border: 1px solid #eef0f6;
  background:#fff;
}

/* =========================
   Anti “páginas extras” / PDF
========================= */
@media print{
    html, body{
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background: #fff !important;
  }

  /* garante que fundos e bordas saiam */
  *{
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  /* 1) Aproveita mais a folha */
  @page{ margin: 8mm; }

  .rn-print-head{ padding: 10px !important; }
  .rn-print-body{ padding: 10px !important; }

  .rn-print-shell{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 2) Não “travar” blocos GRANDES (isso causa página vazia) */
  .rn-print-head,
  .rn-print-body,
  .rn-print-section{
    break-inside: auto !important;
    page-break-inside: auto !important;
    break-before: auto !important;
    page-break-before: auto !important;
  }

  /* 3) Foto é o maior vilão: limita altura para não empurrar o resto */
  .rn-print-photo-img{
    max-height: 70mm;     /* ajuste fino: 55–80mm */
    width: 100% !important;
    object-fit: cover;
  }

  /* 4) Mantém “sem quebra” só no que importa (cards e passos) */
  .rn-print-meta__item,
  .rn-print-steps li{
    break-inside: avoid;
    page-break-inside: avoid;
  }

  /* 5) Compacta espaços pra caber mais conteúdo na mesma folha */
  .rn-print-title{ font-size: 22px !important; margin: 6px 0 10px !important; }
  .rn-print-caption{ margin-top: 6px !important; }
  .rn-print-permalink{ margin-top: 8px !important; padding: 8px 10px !important; }
  .rn-print-meta{ margin-top: 10px !important; gap: 8px !important; }
  .rn-print-section{ margin-bottom: 10px !important; }

  .rn-print-steps li{ margin: 6px 0 !important; padding: 8px 10px !important; }
  .rn-print-list li{ margin: 4px 0 !important; }

  /* 6) PREMIUM (opcional): ingredientes em 2 colunas no PDF */
  .rn-print-ingredients .rn-print-list{
    columns: 2;
    column-gap: 16px;
  }
  .rn-print-ingredients .rn-print-list li{
    break-inside: avoid;
  }
  .rn-print-topbar{ display:none !important; }
  .rn-print-h2::before{ background:#ff6a3d !important; }
  .rn-step-n{ background:#ff6a3d !important; color:#fff !important; }
  
   .rn-print-h2::before{
    background: #ff6a3d !important;
  }

  .rn-step-n{
    background: #ff6a3d !important;
    color:#fff !important;
  }

  .rn-print-meta__item,
  .rn-print-permalink,
  .rn-print-qrbox{
    background: #f6f7fb !important;
    border-color: #e7e9ef !important;
  }
}
/* FOOTER: garante espaço pro QR e evita sumir por layout */
.rn-print-foot{
  margin-top: 14px;
  padding: 0 6px 6px;
}

.rn-print-foot__line{
  height:1px;
  background: var(--line);
  margin: 8px 0 10px;
}

/* 🔥 aqui é o mais importante */
.rn-print-foot__inner{
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
}

.rn-print-foot__meta{
  flex: 1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  color: var(--muted);
  font-size: 12px;
  min-width: 0;
}

/* QR sempre visível */
.rn-print-foot__qr{
  flex: 0 0 auto;
  display:block !important;
}

/* =========================
   QR no rodapé
========================= */
.rn-print-foot{
  align-items:flex-end;
  justify-content:space-between;
  gap: 12px;
}

.rn-print-foot__meta{
  flex: 1;
}

.rn-print-qrbox{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 8px 10px;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 14px;
}

.rn-print-qrimg{
  width: 156px;
  height: 156px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background:#fff;
}

.rn-print-qrtext strong{
  display:block;
  font-size: 12px;
}

.rn-print-qrtext span{
  display:block;
  font-size: 11px;
  color: var(--muted);
}
.rn-print-foot__credits{
  margin-top: 10px;
  text-align: center;
  font-size: 11px;
  color: #8a8fa3;
  letter-spacing: .02em;
}

.rn-print-foot__credits strong{
  color: #5b6375;
  font-weight: 600;
}
.rn-print-permalink a{
  color: #202635;
  text-decoration: none;
  word-break: break-word;
}

.rn-print-permalink a:hover{
  text-decoration: underline;
}

/* No PDF, deixa ainda mais compacto */
@media print{
  .rn-print-qrimg{ width: 52px; height: 52px; }
  .rn-print-qrbox{ padding: 6px 8px; }
  .rn-print-foot,
  .rn-print-foot__inner,
  .rn-print-qrbox{
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  /* se alguma regra estiver escondendo, isso vence */
  .rn-print-foot__qr{
    display:block !important;
    visibility: visible !important;
  }
}