@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

@media print {
  @page {
    size: auto;
    margin: 0;
  }

  * {
    line-height: 1.2;
    font-size: 13px;
    font-family: 'Roboto Mono', monospace;
  }

  header,
  main,
  footer {
    display: none;
  }

  .modal-printer {
    opacity: 1;
    pointer-events: initial;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .modal-printer .modal-printer-content {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    width: 100%;
  }

  .modal-printer-content #logo {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2px;
      margin-bottom: 1.5rem;
  }

    .modal-printer-content #logo p:first-child {
      font-weight: bold;
  }

  #orderDetails {
    border: none;
    padding: 0.2rem;
    gap: 0.4rem;
  }

  #orderDetails > article.items {
    border-top: 0.1rem solid black;
    border-bottom: 0.1rem solid black;
  }

  #orderDetails > article h3 {
    font-weight: bold;
  }

  #orders article {
    border: none;
    height: 300mm;
  }

  #address,
  #payment-method {
    display: flex;
  }
}