/* print.css — « Imprimer cette nuit » : le site sort en fascicule.
   Chargée avec media="print" uniquement. */

:root {
  --noir: #FFFFFF;
  --blanc: #14120E;
  --ambre: #7A5416;
  --or: #6E5A2E;
  --bleu2: #2C4A63;
}

@page {
  margin: 2cm;
}

html, body {
  background: #FFFFFF !important;
  color: #14120E !important;
  font-size: 11pt;
}

/* ---------- en-tête / pied de fascicule ---------- */
body::before {
  content: "IMRAN LEO — une nuit, 23:41–06:12";
  display: block;
  font-family: var(--sans, sans-serif);
  font-size: 8pt; letter-spacing: .25em; text-transform: uppercase;
  color: #6E5A2E;
  border-bottom: .5pt solid #C9C2B4;
  padding-bottom: 6pt; margin-bottom: 18pt;
}
body::after {
  content: "imran.chauvat.com";
  display: block;
  font-family: var(--sans, sans-serif);
  font-size: 8pt; letter-spacing: .18em;
  color: #8A8272;
  border-top: .5pt solid #C9C2B4;
  padding-top: 6pt; margin-top: 24pt;
  text-align: center;
}

/* ---------- on masque tout ce qui vit ---------- */
canvas, video, audio, dialog,
#player, #grain, #tc, #lang-toggle,
.egg-bb-notif, .nuit-toast,
#porte-cochere, #bb-phone,
.halo, .fenetre-btns, .skip, .controls,
button:not(.print-keep) {
  display: none !important;
}

/* ---------- images : encres pour papier ---------- */
img {
  filter: contrast(1.05) brightness(1.12);
  max-width: 100%;
  page-break-inside: avoid;
}

/* ---------- page 1 : la façade ---------- */
#print-facade {
  display: block !important;
  width: 100%;
  max-height: 22cm;
  object-fit: contain;
  page-break-after: always;
}

/* ---------- séquences : une par page ---------- */
main > section {
  page-break-before: always;
  min-height: 0 !important;
  height: auto !important;
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  background: none !important;
}
main > section:first-child { page-break-before: avoid; }

/* les cartons deviennent des exergues */
[data-carton] {
  page-break-before: avoid !important;
  padding: 22pt 0 !important;
  text-align: center;
}
[data-carton] p, [data-carton] .carton-txt {
  font-family: var(--serif, Georgia, serif) !important;
  font-style: italic;
  font-size: 15pt !important;
  color: #6E5A2E !important;
}

/* ---------- langue dominante seule à l'impression ---------- */
html[data-lang="fr"] .en { display: none !important; }
html[data-lang="en"] .fr { display: none !important; }

/* ---------- typographies ---------- */
h1, h2, h3 {
  font-family: var(--serif, Georgia, serif) !important;
  color: #14120E !important;
  page-break-after: avoid;
}
p, li, figcaption {
  color: #26231D !important;
  line-height: 1.55;
  orphans: 3; widows: 3;
}

/* ---------- tracklist : table typographique ---------- */
.print-tracklist { display: block !important; page-break-before: always; }
.print-tracklist table { width: 100%; border-collapse: collapse; }
.print-tracklist td, .print-tracklist th {
  font-family: var(--sans, sans-serif);
  font-size: 9.5pt;
  padding: 5pt 4pt;
  border-bottom: .5pt solid #D8D2C4;
  text-align: left;
  color: #26231D;
}
.print-tracklist td.t-titre { font-family: var(--serif, Georgia, serif); font-size: 12pt; }
.print-tracklist td.t-dur { font-variant-numeric: tabular-nums; text-align: right; }

/* vers des fiches : en italique sous chaque titre si présents dans le DOM */
.fiche-vers {
  font-family: var(--serif, Georgia, serif);
  font-style: italic;
  color: #4A4436 !important;
}

/* ---------- liens : URL imprimées ---------- */
a { color: #14120E !important; text-decoration: none; }
a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-family: var(--sans, sans-serif);
  font-size: 8pt;
  color: #8A8272;
  word-break: break-all;
}
a[href^="#"]::after, a[href^="mailto"]::after { content: ""; }
a[href^="mailto"]::after { content: " (" attr(href) ")"; font-size: 8pt; color: #8A8272; }

/* ---------- générique ---------- */
#seq7 {
  text-align: center;
}
#seq7 .credits li { list-style: none; padding: 2pt 0; }
#ligne-4h07 { color: #26231D !important; }