/* Print stylesheet for checklist.html (the lead-magnet PDF).
   Linked with media="print"; used by headless Edge --print-to-pdf.
   Divi 5: not needed in WordPress, the PDF is a static file in the media library. */

@page {
  size: A4;
  margin: 18mm 16mm 20mm 16mm;
}

/* Hide everything that is not the checklist itself; the header stays for its logo lockup. */
.skip-link,
.site-header__burger,
.site-nav,
.site-footer,
.optin,
.cta-band,
.section--dark,
.hero__actions,
noscript {
  display: none;
}

html {
  font-size: 11.5pt;
}

body {
  background: #fff;
  color: var(--color-heading);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* Header reduced to the lockup: mark in primary, wordmark, accent ampersand. */
.site-header {
  position: static;
  min-height: 0;
  background: none;
  border: 0;
  margin-bottom: 6mm;
}

.site-header__inner {
  min-height: 0;
  padding: 0;
}

.site-header__logo {
  min-height: 0;
}

.site-header__logo svg {
  width: 11mm;
  height: 11mm;
}

.site-header__logo .tp-wordmark {
  font-size: 16pt;
}

.section,
.hero {
  padding: 0;
}

.section--tight {
  padding: 0;
}

.row {
  display: block;
  max-width: none;
  padding: 0;
}

.col-1,
.col-1-2,
.col-1-3,
.col-2-3 {
  flex: none;
  width: auto;
  max-width: none;
}

/* Cover block: tagline (the studio name is in the lockup above) + title + lead. */
.hero--text {
  padding-bottom: 8mm;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 8mm;
}

.hero--text::before {
  content: "Software, siti web ed e-learning open source";
  display: block;
  font-family: var(--font-body);
  font-size: 10pt;
  color: var(--color-body);
  margin-bottom: 6mm;
}

.hero__eyebrow {
  color: var(--color-accent);
}

.hero__title {
  font-size: 22pt;
  line-height: 1.15;
  margin-bottom: 4mm;
}

.hero__lead,
.lead {
  font-size: 11.5pt;
  max-width: none;
}

/* The ten questions: one column, no page break inside an item. */
.checklist-steps {
  display: block;
  margin: 0;
  padding: 0;
}

.checklist-steps .steps__item {
  display: block;
  flex: none;
  width: auto;
  margin: 0 0 5mm;
  padding: 0 0 4mm 12mm;
  border-bottom: 1px solid var(--color-border);
  position: relative;
  break-inside: avoid;
  page-break-inside: avoid;
}

.checklist-steps .steps__num {
  position: absolute;
  left: 0;
  top: 0;
  width: 8mm;
  height: 8mm;
  font-size: 10pt;
  line-height: 8mm;
  text-align: center;
  color: #fff;
  background: var(--color-primary);
  border-radius: 50%;
}

.checklist-steps .steps__title {
  font-size: 12.5pt;
  margin: 0 0 1.5mm;
}

.checklist-steps .steps__item p {
  margin: 0;
  color: var(--color-body);
}

/* Closing block printed after the list: CTA with the URL written out, then the studio references
   (values as in the site footer; no city, no date, no price). */
.checklist-steps::after {
  content: "Dubbi su una risposta? Prenota una call di 20 minuti:\A www.trainaepartners.it/prenota-una-call/";
  display: block;
  white-space: pre-line;
  margin-top: 8mm;
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-primary);
  break-after: avoid;
  page-break-after: avoid;
}

main::after {
  content: "info@trainaepartners.it - WhatsApp +39 339 149 5780 - www.trainaepartners.it\A Traina & Partners - P.IVA 02859310183 - Partner OVHcloud";
  display: block;
  white-space: pre-line;
  margin-top: 4mm;
  padding-top: 4mm;
  border-top: 1px solid var(--color-border);
  font-family: var(--font-body);
  font-size: 9.5pt;
  line-height: 1.6;
  color: var(--color-body);
  break-inside: avoid;
  page-break-inside: avoid;
}

a {
  color: inherit;
  text-decoration: none;
}