/*
 * Modèle de livret d'accueil gratuit (06/10/2026) : la feuille du DOCUMENT,
 * commune au PDF (copiée en ligne dans le HTML envoyé à Gotenberg) et à
 * l'exemple de la page publique. Tout est sous `.ml-document` : rien ne
 * déborde sur la page qui l'accueille. Couleurs de l'identité Stitch
 * (`stitch.css`), écrites en dur : le PDF ne charge pas stitch.css.
 */
@page { size: A4; margin: 16mm 17mm 15mm; }
.ml-pdf { margin: 0; background: #fff; -webkit-print-color-adjust: exact; print-color-adjust: exact; }

.ml-document {
  font: 400 13px/1.55 "Hanken Grotesk", system-ui, sans-serif;
  color: #1c1c19;
  background: #fff;
}
.ml-document p { margin: 0; }
.ml-document ul { list-style: none; margin: 0; padding: 0; }

.ml-entete { padding-bottom: 14px; margin-bottom: 6px; border-bottom: 2px solid #0d233a; }
.ml-surtitre { font: 600 11px/16px "Hanken Grotesk", system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #6c5c46; }
.ml-document .ml-nom { margin-top: 4px; font: 600 26px/1.25 "Noto Serif", Georgia, serif; color: #0d233a; }
.ml-document .ml-adresse { margin-top: 2px; font-size: 13px; }

.ml-rubrique { margin-top: 18px; break-inside: avoid; page-break-inside: avoid; }
.ml-document .ml-titre {
  margin-bottom: 8px; padding-bottom: 4px;
  font: 600 18px/1.3 "Noto Serif", Georgia, serif; color: #0d233a;
  border-bottom: 1px solid #d9c4a9;
}
.ml-rubrique > p + p { margin-top: 6px; }
.ml-document .ml-sous-titre { margin-top: 10px; margin-bottom: 4px; font-weight: 600; color: #0d233a; }

/* Une information par ligne, avec un pointillé pour écrire à la main. */
.ml-document .ml-ligne {
  display: grid; grid-template-columns: 8.5rem 1fr; gap: 10px; align-items: baseline;
  padding: 5px 0; border-bottom: 1px dotted #c4c6cd;
}
.ml-rubrique > .ml-ligne + .ml-ligne, .ml-wifi .ml-ligne + .ml-ligne { margin-top: 0; }
.ml-libelle { font-weight: 600; color: #44474d; }

/* Les passages à compléter : visibles d'un coup d'œil, à remplacer. */
.ml-a-completer { color: #70604a; font-style: italic; }

.ml-wifi { display: grid; grid-template-columns: 1fr 128px; gap: 18px; align-items: start; }
.ml-document .ml-conseil {
  margin-top: 10px; padding: 8px 10px; font-size: 12px; line-height: 1.5;
  background: #f6f3ee; border-left: 3px solid #d9c4a9;
}
.ml-emplacement-qr {
  display: grid; place-items: center; aspect-ratio: 1; padding: 10px;
  border: 1.5px dashed #74777e; border-radius: 8px;
  font-size: 11px; line-height: 1.35; text-align: center; color: #74777e;
}

.ml-numeros { margin-top: 2px; }
.ml-numeros li {
  display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
  padding: 5px 10px; background: #f6f3ee; border-radius: 6px;
}
.ml-numeros li + li { margin-top: 4px; }
.ml-numeros strong { font-size: 15px; color: #0d233a; }
.ml-numeros--vides li { background: none; padding-left: 0; padding-right: 0; border-bottom: 1px dotted #c4c6cd; border-radius: 0; }
.ml-trait { flex: 1; }
.ml-numeros + .ml-ligne { margin-top: 6px; }

.ml-autres { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 18px; }
.ml-autres li { display: flex; flex-direction: column; padding: 6px 0; border-bottom: 1px solid #ebe8e3; }
.ml-autres span { font-weight: 600; }
.ml-autres em { font-size: 11.5px; color: #74777e; }

.ml-pied {
  margin-top: 22px; padding-top: 8px; border-top: 1px solid #d9c4a9;
  font-size: 11px; text-align: center; color: #74777e;
}