/* styles-print.css — Preview/Print harmonization */

/* Inverted header bar with subtle bottom separator */
.preview__header{
  background:#000; color:#fff; font-weight:700; text-align:center;
  padding:8px 12px; border-radius:6px;
  margin:0 0 0.15in 0;
  box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0.2), 0 1px 0 0 #ccc; /* separator */
}

/* Bold, full-width lines in preview */
.preview__list{
  list-style:none; margin:0; padding:0;
  font-weight:700; font-size:18pt; line-height:1.25;
  word-wrap:break-word; white-space:normal;
  text-align:center; /* Default center, JavaScript inline style can override */
}
.preview__list li{ margin: 0.15in 0; }

/* Footer pill (inverted) */
.preview__footer{ margin-top:12px; text-align:center; }
.footer-pill{
  display:inline-block; background:#000; color:#fff;
  padding:4px 10px; border-radius:4px; font-weight:700; font-size:10pt;
}

/* Encore pill remains inverted for B/W printers */
.encore-pill{
  display:inline-block; padding:4px 10px; background:#000; color:#fff;
  font-weight:700; border-radius:4px;
}
/* Inverted line for notes/encore in preview list */
.inverted-line{background:#000;color:#fff;display:inline-block;padding:4px 12px;border-radius:6px}

/* Encore separator lines - black background, white text */
.preview__list .encore,
#printList .encore {
  background: #000 !important;
  color: #fff !important;
  display: inline-block;
  padding: 6px 16px;
  border-radius: 6px;
  font-weight: 700;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* Note lines - also inverted */
.preview__list .note,
#printList .note {
  background: #000 !important;
  color: #fff !important;
  display: inline-block;
  padding: 6px 16px;
  border-radius: 6px;
  font-style: italic;
  font-weight: 600;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* ===== FINAL OVERRIDE (print only): force body text to black ===== */
@media print {
  /* Force the list area back to black text even if nested under header */
  #printList, #printList * { color:#000 !important; }
  /* Keep inverted pills white-on-black */
  #printList .inverted-line, #printList .inverted-line * { color:#fff !important; background:#000 !important; }
  /* Keep encore and note styling in print */
  #printList .encore, #printList .encore * { color:#fff !important; background:#000 !important; }
  #printList .note, #printList .note * { color:#fff !important; background:#000 !important; }
}

/* ===== GLOBAL PRINT SAFETY NET ===== */
@media print {
  /* Ensure colors actually render */
  * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }

  /* Default everything to black text in print */
  html, body, body * { color:#000 !important; }

  /* Keep header white-on-black only */
  .preview__header, .preview__header * { color:#fff !important; background:#000 !important; }

  /* Keep inverted pills white-on-black */
  .inverted-line, .inverted-line * { color:#fff !important; background:#000 !important; }
}

/* Letter-sized preview on the app page (screen only) */
@media screen {
  #printCard, .preview-card, .print-preview, #printArea {
    max-width: calc(8.5in - 1in);     /* page width minus left+right margins */
    min-height: calc(11in - 1in);     /* page height minus top+bottom margins */
    margin: 0 auto;
    display: flex; flex-direction: column;
  }
  #printList { flex: 1; }
  #printFooter { margin-top: 0.15in; } /* same as line gap */
}

/* VENUE SUMMARY BRIGHT ORANGE DEBUGGING */
.venue-summary-content {
  padding: 0.75rem 1rem !important;
  background: #ff6b35 !important;
  color: white !important;
  border-radius: 8px !important;
  border: 2px solid #ff4500 !important;
  margin: 0.5rem 0 !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
}