/*
===============================================================================
 SI ARBEZ — SI-PRINT.CSS
 Charger avec : <link rel="stylesheet" href="/css/si-print.css" media="print">
===============================================================================
*/

@media print {
  html,
  body {
    background: #fff !important;
    color: #000 !important;
    overflow: visible !important;
  }

  body {
    font-size: 10.5pt;
  }

  header {
    padding: 0 0 12pt !important;
  }

  main,
  .main,
  .stage,
  .container,
  .content,
  .app {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Les panneaux de navigation/contrôle ne servent pas sur papier. */
  .sidebar,
  .rightbar,
  .topbar,
  .no-print,
  button,
  .btn,
  .check-btn,
  .btn-tool,
  .si-btn,
  .actions,
  .quiz-actions,
  .footer-nav {
    display: none !important;
  }

  .card,
  .qcard,
  .chapter-card,
  .question,
  .panel,
  .help,
  .help-box,
  .callout,
  .note,
  details {
    box-shadow: none !important;
    break-inside: avoid;
  }

  .card,
  .qcard,
  .chapter-card,
  .question {
    border: 1px solid #bbb !important;
  }

  img,
  svg,
  canvas,
  video,
  table,
  pre {
    max-width: 100% !important;
    break-inside: avoid;
  }

  details {
    display: block;
  }

  details > * {
    display: block !important;
  }

  a {
    color: #000 !important;
    text-decoration: none !important;
  }
}