/* =============================================================================
   DRN Industriel — print sheet. Loaded with media="print", so nothing in here can
   reach the screen and nothing in site.css needs a print branch. Isolated by file.

   Goal: the same HTML, rendered as a clean branded line card a rep can hand over.
   Ink discipline: white ground, black text, no photographic fills, no video.
   ========================================================================== */

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

html, body {
  background: #fff !important;
  color: #111 !important;
  font-size: 9.5pt;
  line-height: 1.35;
}

/* ---- everything that is chrome, navigation or interaction disappears ---- */
.site-head, .site-foot, .skip,
.phero__media, .lc-bar, .lc-scrim, .filters, .lc-tools,
.supplier__act, .supplier__more, .lc-empty, .lc-toggle, .lc-print,
video { display: none !important; }

/* ---- masthead: brand once, at the top of page 1 ---- */
.phero {
  padding: 0 0 6mm !important;
  border-bottom: 1.2pt solid #111;
  margin-bottom: 6mm;
}
.phero__in { padding: 0 !important; max-width: none !important; }
.phero::before {
  content: "DRN INDUSTRIEL";
  display: block;
  font-size: 8pt; letter-spacing: .22em; font-weight: 700; color: #111;
  margin-bottom: 2mm;
}
.phero .eyebrow { display: none !important; }
.phero__title { font-size: 20pt !important; color: #111 !important; margin: 0 0 1.5mm !important; }
.phero__lede  { font-size: 9.5pt !important; color: #333 !important; max-width: none !important; }

/* ---- layout collapses to a dense two-column list ---- */
.shell, .shell-in { padding: 0 !important; max-width: none !important; }
.lc { display: block !important; }
.linecard { display: block !important; }
.section { padding: 0 !important; border: 0 !important; margin: 0 0 4mm !important; }
.section h2 {
  font-size: 11pt !important; color: #111 !important;
  margin: 0 0 2mm !important; padding-bottom: 1mm;
  border-bottom: .6pt solid #999;
  break-after: avoid;
}
.section h2 .count { display: none !important; }

/* ---- one supplier = one compact row, never split across a page ---- */
.supplier {
  display: grid !important;
  grid-template-columns: 26mm 1fr;
  gap: 4mm;
  padding: 2mm 0 !important;
  border: 0 !important;
  border-bottom: .4pt solid #ddd !important;
  break-inside: avoid;
  page-break-inside: avoid;
}
.supplier::before { display: none !important; }
.supplier__shot { display: none !important; }        /* photos cost ink and add nothing here */

.supplier__logobox { width: 26mm !important; height: 10mm !important; }
.supplier__logo {
  width: auto !important; max-width: 100% !important; max-height: 10mm !important;
  filter: none !important;                            /* the marks are dark-on-white already */
  opacity: 1 !important;
}
.supplier__name {
  font-size: 10pt !important; font-weight: 700 !important;
  color: #111 !important; margin: 0 0 1mm !important;
}
.supplier__list { padding-left: 4mm !important; gap: 0 !important; }
/* the screen view caps the list at three; print shows every capability */
.supplier__list li {
  display: list-item !important;
  font-size: 8.5pt !important; color: #222 !important; line-height: 1.3 !important;
}

/* ---- products view, when that is the active tab ---- */
.productgrid { display: block !important; columns: 2; column-gap: 8mm; }
.product { break-inside: avoid; padding: 1mm 0 !important; border-bottom: .3pt solid #eee !important; }
.product__name  { font-size: 8.5pt !important; color: #111 !important; }
.product__brand { font-size: 7pt !important; color: #555 !important; }
.product__brand img { filter: none !important; opacity: 1 !important; height: 3.5mm !important; }

/* hidden results stay hidden: the sheet prints what the user filtered to */
[hidden] { display: none !important; }

/* ---- footer block on the last page ---- */
.shell-in::after {
  content: "DRN Industriel · 13060, rue Brault, Mirabel (Quebec) J7J 0W4 · (450) 434-4000 · info@drnindustriel.com · drnindustriel.com";
  display: block;
  margin-top: 6mm; padding-top: 2mm;
  border-top: .6pt solid #999;
  font-size: 7.5pt; color: #444;
}