/*
 * Voucher print/PDF overrides.
 * Matches authentic Al-Safeer CRM Hostinger reference styling.
 */
@page {
  size: A4 portrait;
  margin: 0;
}

html,
body {
  margin: 0;
  padding: 0;
}

@media print {
  html,
  body {
    width: 210mm !important;
    min-width: 210mm !important;
    background: #fff !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Hide navigation, sidebar, topbar, background overlays */
  aside,
  header,
  nav,
  .print\:hidden {
    display: none !important;
  }

  body > #root {
    display: block !important;
    width: 210mm !important;
    min-width: 210mm !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Ensure modal container does not clip or hide contents */
  .fixed.inset-0 {
    position: static !important;
    display: block !important;
    background: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    width: 210mm !important;
    min-width: 210mm !important;
  }

  .print-container {
    display: block !important;
    width: 210mm !important;
    max-width: 210mm !important;
    height: auto !important;
    min-height: 297mm !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
    box-shadow: none !important;
  }

  #voucher-print-content {
    display: flex !important;
    width: 210mm !important;
    min-width: 210mm !important;
    min-height: 297mm !important;
    height: auto !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
}

/* ==========================================================================
   OFFICIAL AL-SAFEER VOUCHER DESIGN - EXACT PREVIEW FIDELITY
   ========================================================================== */

#voucher-print-content {
  background: #fff !important;
  width: 100% !important;
  max-width: 210mm !important;
  margin: 0 auto !important;
  
  overflow: visible !important;
}

#voucher-print-content .voucher-reference {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  background: #ffffff !important;
}

#voucher-print-content .voucher-quote-reference {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}



#voucher-print-content .voucher-quote-scaled {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  width: 794px !important;
  min-height: 1123px !important;
  margin: 0 auto !important;
}

#voucher-print-content .voucher-reference h1,
#voucher-print-content .voucher-reference h2,
#voucher-print-content .voucher-reference h3,
#voucher-print-content .voucher-reference h4,
#voucher-print-content .voucher-reference th {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

/* Ensure crisp contrast and exact color reproduction on print */
#voucher-print-content .voucher-reference {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

#voucher-print-content .voucher-quote-reference h1,
#voucher-print-content .voucher-quote-reference h2,
#voucher-print-content .voucher-quote-reference h3,
#voucher-print-content .voucher-quote-reference h4,
#voucher-print-content .voucher-quote-reference th {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

#voucher-print-content .voucher-reference h1 {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

#voucher-print-content .voucher-reference table,
#voucher-print-content .voucher-quote-reference table {
  border-collapse: collapse !important;
}

#voucher-print-content .voucher-reference th,
#voucher-print-content .voucher-reference td,
#voucher-print-content .voucher-quote-reference th,
#voucher-print-content .voucher-quote-reference td {
  vertical-align: middle !important;
}