// stylelint-disable declaration-no-important, selector-no-qualifying-type

///////
// Customized in design-comuni-plone-theme to fix @page that cannot be inside .public-ui
///////

// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css

// ==========================================================================
// Print styles.
// Inlined to avoid the additional HTTP request:
// https://www.phpied.com/delay-loading-your-print-css/
// ==========================================================================

@if $enable-print-styles {
  @media print {
    .public-ui {
      *,
      *::before,
      *::after {
        //background: transparent !important;
        box-shadow: none !important;
        // Bootstrap specific; comment out `color` and `background`
        //color: $black !important; // Black prints faster
        text-shadow: none !important;
      }

      a {
        &:not(.btn) {
          text-decoration: underline;
        }
      }

      // Bootstrap specific; comment the following selector out
      //a[href]::after {
      //  content: " (" attr(href) ")";
      //}

      abbr[title]::after {
        content: ' (' attr(title) ')';
      }

      // Bootstrap specific; comment the following selector out
      //
      // Don't show links that are fragment identifiers,
      // or use the `javascript:` pseudo protocol
      //

      //a[href^="#"]::after,
      //a[href^="javascript:"]::after {
      // content: "";
      //}

      pre {
        white-space: pre-wrap !important;
      }

      pre,
      blockquote {
        border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px
        page-break-inside: avoid;
      }

      //
      // Printing Tables:
      // http://css-discuss.incutio.com/wiki/Printing_Tables
      //

      thead {
        display: table-header-group;
      }

      tr,
      img {
        page-break-inside: avoid;
      }

      p,
      h2,
      h3 {
        orphans: 3;
        widows: 3;
      }

      h2,
      h3 {
        page-break-after: avoid;
      }

      // Bootstrap specific changes start

      body {
        min-width: $print-body-min-width !important;
      }

      .container {
        min-width: $print-body-min-width !important;
      }

      // Bootstrap components
      .navbar {
        display: none;
      }

      .badge {
        border: $border-width solid $black;
      }

      .table {
        border-collapse: collapse !important;

        td,
        th {
          background-color: $white !important;
        }
      }

      .table-bordered {
        th,
        td {
          border: 1px solid $gray-300 !important;
        }
      }

      .table-dark {
        color: inherit;

        th,
        td,
        thead th,
        tbody + tbody {
          border-color: $table-border-color;
        }
      }

      .table .thead-dark th,
      .table .table-dark th {
        border-color: $table-border-color;
        color: inherit;
      }

      // Bootstrap specific changes end
    }
    // Specify a size and min-width to make printing closer across browsers.
    // We don't set margin here because it breaks `size` in Chrome. We also
    // don't use `!important` on `size` as it breaks in Chrome.
    @page {
      margin: 0rem;
      size: $print-page-size;
    }
  }
}