/*
 * print-variant.css — "Ausdrucken"-Button unter jeder Bühnenplan-Variante und
 * die Einseiten-Druckansicht (A4): Logo, gewählte Variante, Legende, Kanalliste.
 * Aktiv, solange js/print-variant.js body.is-printing-variant setzt.
 * Allgemeine Druckfarben (hell) kommen aus rider.css.
 */

/* Einzelne, positive Aktion -> rechtsbündig */
.variant-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--sp-2);
}

.btn-print {
  appearance: none;
  border: 1px solid var(--bar-fg);
  background: var(--bar-input);
  color: var(--bar-fg);
  border-radius: var(--radius);
  padding: var(--sp-1) var(--sp-4);
  font-size: var(--fs-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background var(--transition-fast);
}

.btn-print:hover,
.btn-print:focus-visible {
  background: var(--bar-hover);
}

@media print {
  @page {
    size: A4 portrait;
    margin: 12mm;
  }

  .btn-print {
    display: none;
  }

  /* Nur Kopf, Bühnenplan- und Kanallisten-Panel; davon nur die gewählte Variante */
  .is-printing-variant .page > :not(.hero):not(.print-keep),
  .is-printing-variant .variant:not(.is-print-target) {
    display: none;
  }

  /* Bildschirm-Maximalbreite (880px) ist breiter als das A4-Druckfeld */
  .is-printing-variant .page {
    max-width: none;
    width: auto;
    margin: 0 1px;
    gap: 3mm;
    padding: 0;
  }

  .is-printing-variant .hero {
    padding: 0;
  }

  .is-printing-variant .brand {
    width: 90px;
    margin-bottom: 1mm;
  }

  .is-printing-variant .hero-title {
    font-size: 16px;
  }

  /* Plan etwas schmaler, damit Plan + Kanalliste auf eine Seite passen */
  .is-printing-variant .stage-svg {
    max-width: 150mm;
    margin: 0 auto;
  }

  .is-printing-variant .legend {
    margin-top: 2mm;
  }

  .is-printing-variant .panel {
    padding: 4mm 5mm;
    break-inside: avoid;
  }

  .is-printing-variant .panel-lead {
    margin-bottom: 2mm;
  }

  .is-printing-variant .variant-title {
    margin-top: 0;
  }

  .is-printing-variant .panel-title {
    font-size: 15px;
  }

  .is-printing-variant .ch-table {
    font-size: 10.5px;
  }

  .is-printing-variant .ch-table th,
  .is-printing-variant .ch-table td {
    padding: 0.7mm 2mm;
  }

  .is-printing-variant .page-foot {
    padding: 2mm 0 0;
  }
}