/* ===== jashuolto-form-print.css (media: print) ===== */

/* Hide everything non-essential */
header,
footer,
.header-top,
.header-nav,
.header-banner,
#header,
#footer,
.breadcrumb,
.jashuolto-steps,
.form-buttons,
.form-validation-error,
.no-print,
.alert,
nav,
#notifications,
#blockcart-modal,
.modal-backdrop,
.page-header,
h1.h1,
#left-column,
#right-column,
.footer-container,
.completion-message {
  display: none !important;
}

/* Reset page styling */
body {
  background: #fff !important;
  font-size: 10pt;
  color: #000;
  margin: 0;
  padding: 0;
}

#wrapper,
#content-wrapper,
#main,
.container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Page setup for A4 */
@page {
  size: A4;
  margin: 10mm 12mm;
}

/* Only show step 5 (print summary) */
#form-page-1,
#form-page-2,
#form-page-3,
#form-page-4 {
  display: none !important;
}

#form-page-5 {
  display: block !important;
  max-width: 100%;
  padding: 0;
}

/* Hide step 5 page heading in print */
#form-page-5 > .page-heading {
  display: none !important;
}

/* ===== Summary sections ===== */
#form-summary .summary-section {
  margin-bottom: 8pt;
  page-break-inside: avoid;
}

#form-summary .summary-section h3 {
  font-size: 10pt;
  font-weight: 700;
  border-bottom: 1pt solid #333;
  padding-bottom: 2pt;
  margin-bottom: 4pt;
  color: #000;
}

/* Two-column grid for sections marked as grid */
#form-summary .summary-section-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 12pt;
}

/* h3 spans full width */
#form-summary .summary-section-grid h3 {
  grid-column: 1 / -1;
}

/* Full-width rows (fault description, accessories) */
#form-summary .summary-row-full {
  grid-column: 1 / -1;
}

/* Row styling */
#form-summary .summary-row {
  display: flex;
  padding: 1.5pt 0;
  border-bottom: 0.5pt solid #ddd;
  font-size: 9pt;
  line-height: 1.3;
}

#form-summary .summary-label {
  width: 80pt;
  min-width: 80pt;
  font-weight: 600;
  flex-shrink: 0;
}

#form-summary .summary-value {
  flex: 1;
}

/* Signature line at bottom */
#form-summary::after {
  content: "";
  display: block;
  margin-top: 25pt;
  border-top: 1pt solid #000;
  width: 200pt;
  padding-top: 4pt;
}