﻿@media print {
  body {
    background-color: white !important;
  }
  .rz-body {
    background-color: white !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .rz-body-content {
    background-color: white !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .layout-body-and-footer { /* CustomerLayout.razor */
    background-color: transparent !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .layout-body {
    background-color: white !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .rz-layout {
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .rz-layout ::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }
  .no-print {
    display: none !important;
  }
  .no-break-print {
    break-inside: avoid;
    page-break-inside: avoid; /* Fallback for older browsers */
    display: block; /* Ensure the element is block-level for the property to work correctly */
  }
  /* Supply list vertical card overrides on print
   * Print in a more compact format so that more cards can fit on a page when used in conjunction with the no-break-print class
   */
  .product-vertical-card {
    --rz-gap: 0.5rem;
  }
  .product-vertical-card .product-vertical-card-image-container {
    height: 150px !important;
  }
  .product-vertical-card .product-vertical-card-image-container img {
    max-height: 150px !important;
  }
  /* Supply list horizontal card overrides on print
   * Print in a more compact format so that more cards can fit on a page when used in conjunction with the no-break-print class
   */
  .product-horizontal-card {
    --rz-row-gap: 0.25rem;
  }
  .product-horizontal-card .product-horizontal-card-image-container {
    height: 100px !important;
    width: 100px !important;
  }
  .product-horizontal-card .product-horizontal-card-image-container img {
    max-width: 100px !important;
  }
}
