/* Escale · le dossier partenaire.
   Document à laisser au directeur d'hôtel, prévu pour sortir en PDF depuis le
   navigateur. Fond clair à l'écran comme sur papier : ce qu'on voit à l'écran
   est ce qui sort de l'imprimante. Charger après css/site.css. */

.corps-dossier {
  background: var(--escale-creme-ombre);
  color: var(--escale-texte-fonce);
}

.dossier__actions {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px clamp(16px, 4vw, 40px);
}
.dossier__actions .lien-souligne { color: var(--escale-texte-fonce); }

.dossier {
  --escale-fond-parent: var(--escale-creme);
  background: var(--escale-creme);
  color: var(--escale-texte-fonce);
  max-width: 210mm;
  margin: 0 auto 48px;
  padding: clamp(24px, 5vw, 48px);
}

.dossier__entete {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--escale-laiton);
}
.dossier__marque { display: flex; align-items: center; gap: 14px; color: var(--escale-vert); }
.dossier__marque svg { width: 52px; height: 52px; flex: none; }
.dossier__mot {
  font-family: var(--escale-font-titre);
  font-style: italic;
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 1;
  color: var(--escale-texte-fonce);
}
.dossier__destinataire { text-align: right; }
.dossier__destinataire .surtitre { color: var(--escale-vert); margin: 0 0 10px; }
.dossier__prepare { margin: 0 0 6px; font-size: 0.9375rem; }

.dossier__titre { font-size: var(--escale-titre-l); margin: 30px 0 0; }

.dossier__section { margin-top: 30px; break-inside: avoid; }
.dossier__sous-titre {
  font-family: var(--escale-font-mono);
  font-size: 0.8125rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--escale-vert);
  margin: 0 0 14px;
  padding-top: 14px;
  border-top: 1px solid var(--escale-pointille);
}
.dossier__chapeau { margin: 0; font-size: var(--escale-texte-m); line-height: 1.6; max-width: 46em; }

.dossier__cartes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.dossier__carte {
  border: 1px solid var(--escale-pointille);
  border-radius: var(--escale-radius-m);
  padding: 16px;
}
.dossier__carte .surtitre { color: var(--escale-vert); margin: 0; }
.dossier__carte h3 {
  font-family: var(--escale-font-titre);
  font-style: italic;
  font-weight: 500;
  font-size: 1.375rem;
  line-height: 1.1;
  margin: 8px 0 10px;
}
.dossier__carte p { margin: 0; font-size: 0.9375rem; line-height: 1.5; }

.dossier__protocole { margin-top: 0; gap: 16px; }
.dossier__protocole li { padding-bottom: 16px; }

.dossier__parcours { display: grid; grid-template-columns: 1fr auto; gap: 26px; align-items: center; }

.dossier__questions { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.dossier__question h3 { margin: 0 0 8px; font-size: 1rem; font-weight: 700; line-height: 1.4; }
.dossier__question p { margin: 0; }

.dossier__contact { margin-top: 18px; }
.dossier__contact .surtitre { color: var(--escale-vert); margin: 0; }
.dossier__coordonnees { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 10px; }

.dossier__pied {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 34px;
  padding-top: 14px;
  border-top: 1px solid var(--escale-pointille);
  font-family: var(--escale-font-mono);
  font-size: 0.75rem;
  color: var(--escale-texte-sur-carte);
}

@media (max-width: 760px) {
  .dossier__cartes,
  .dossier__questions,
  .dossier__parcours { grid-template-columns: 1fr; }
  .dossier__destinataire { text-align: left; }
}

/* --- Impression ---------------------------------------------------------- */
@page { size: A4 portrait; margin: 14mm; }

@media print {
  .sans-impression { display: none !important; }
  .corps-dossier { background: #fff; }
  .dossier {
    --escale-fond-parent: #fff;
    background: #fff;
    max-width: none;
    margin: 0;
    padding: 0;
  }
  .dossier__parcours { grid-template-columns: 1fr auto; }
  .dossier__cartes { grid-template-columns: repeat(3, 1fr); }
  .dossier__questions { grid-template-columns: 1fr 1fr; }
  .dossier__section { break-inside: avoid; }
  .dossier__titre { break-after: avoid; }
}