/* print.css - Styles specifically for printing */

@media print {
  /* Hide everything by default */
  body * {
    visibility: hidden;
  }
  
  /* Show only the receipt container and its contents */
  .receipt-container, 
  .receipt-container * {
    visibility: visible;
  }
  
  /* Position the receipt at the top of the printed page */
  .receipt-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: white;
  }
  
  /* Remove any background colors, shadows, etc. for printing */
  .receipt-container {
    box-shadow: none;
    border: none;
  }
  
  /* Ensure text is black for better printing */
  .receipt-container {
    color: black !important;
  }
  
  /* Hide buttons when printing */
  .receipt-container button,
  .no-print {
    display: none !important;
  }
  
  /* Show print-only elements */
  .print-only {
    display: block !important;
  }
  
  /* Hide elements that shouldn't print */
  .hide-on-print {
    display: none !important;
  }
  
  /* Ensure all text is visible */
  .receipt-container h1, 
  .receipt-container h2, 
  .receipt-container h3, 
  .receipt-container p, 
  .receipt-container span {
    color: black !important;
  }
  
  /* Add page breaks if needed */
  .page-break {
    page-break-before: always;
  }
}