/**
 * @s4k-flow/desk - 58mm / 80mm ESC/POS Thermal Receipt Print Stylesheet
 * Optimized for USB & Bluetooth Thermal Receipt Printers
 * Built by S4K Base Technologies
 */

#thermal-ticket {
  display: none;
}

@media print {
  /* Set strictly to 58mm width with zero browser margins */
  @page {
    size: 58mm auto;
    margin: 0;
  }

  /* Hide screen chrome, headers, navigation, footers, forms and buttons */
  html, body {
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
    width: 58mm !important;
  }

  header, footer, nav, aside, button, form, dialog, .no-print, main > *:not(#thermal-ticket) {
    display: none !important;
  }

  /* Display and format the thermal receipt container */
  #thermal-ticket {
    display: block !important;
    width: 52mm !important;
    margin: 0 auto !important;
    padding: 2mm 0 !important;
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    color: #000000 !important;
    background: #ffffff !important;
    text-align: center !important;
  }

  #thermal-ticket .ticket-header {
    margin-bottom: 4px;
  }

  #thermal-ticket .ticket-title {
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.5px;
  }

  #thermal-ticket .ticket-subtitle {
    font-size: 10px;
    color: #333333;
  }

  #thermal-ticket .ticket-divider {
    border-top: 1px dashed #000000;
    margin: 4px 0;
  }

  #thermal-ticket .ticket-meta {
    font-size: 10px;
    text-align: left;
    margin: 4px 0;
  }

  #thermal-ticket .ticket-token-label {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 4px;
  }

  #thermal-ticket .ticket-token-number {
    font-size: 28px;
    font-weight: 900;
    line-height: 1.1;
    margin: 4px 0;
    letter-spacing: -1px;
  }

  #thermal-ticket .ticket-status {
    font-size: 11px;
    font-weight: bold;
  }

  #thermal-ticket .ticket-qr {
    margin: 6px auto;
    width: 90px;
    height: 90px;
  }

  #thermal-ticket .ticket-footer {
    font-size: 9px;
    margin-top: 4px;
    padding-bottom: 6mm; /* Paper tear-off margin */
  }
}