/* ===================================================================================== */
/* Fichier : css/print.css                                                                         */
/* Description : Styles documentaires et règles d’impression historiques.                              */
/* Contexte : Conserve les règles de présentation utilisées lorsque le navigateur imprime un conten */
/* Projet : Le Portail Podologue d'Alexis — PPA V2.9.3                                              */
/* Date : 26/08/2026                                                                            */
/* ===================================================================================== */
/* =============================================================================
   CHAPITRE 1 — FORMAT DE PAGE
   ============================================================================= */

/* ===================================================================================== */
/* ZONE 1 - RÈGLES DOCUMENTAIRES ET IMPRESSION                                           */
/* ===================================================================================== */

@page { /* Ouvre la règle CSS @page. */
  /* Utilise le format A4 portrait. */
  size: A4 portrait; /* Définit la propriété size pour ce composant. */
  /* Définit des marges plus compactes. */
  margin: 10mm 10mm 12mm 10mm; /* Définit la propriété margin pour ce composant. */
} /* Ferme la règle CSS courante. */

/* =============================================================================
   CHAPITRE 2 — MASQUAGE DE L'IHM
   ============================================================================= */

@media print { /* Ouvre les adaptations responsive pour cette largeur d’écran. */
  /* Masque toute l'application réelle. */
  body.mode-impression-pdf > *:not(#racinePdfImpression) { /* Ouvre la règle CSS body.mode-impression-pdf > *:not(#racinePdfImpression). */
    /* Cache. */
    display: none !important; /* Définit la propriété display pour ce composant. */
  } /* Ferme la règle CSS courante. */

  /* Affiche uniquement le document PDF. */
  #racinePdfImpression { /* Ouvre la règle CSS #racinePdfImpression. */
    /* Affiche. */
    display: block !important; /* Définit la propriété display pour ce composant. */
  } /* Ferme la règle CSS courante. */
} /* Ferme la règle CSS courante. */

/* =============================================================================
   CHAPITRE 3 — DOCUMENT GLOBAL
   ============================================================================= */

.pdf-document { /* Ouvre la règle CSS .pdf-document. */
  /* Utilise une police professionnelle. */
  font-family: Arial, Helvetica, sans-serif; /* Définit la propriété font-family pour ce composant. */
  /* Utilise une couleur sombre. */
  color: #0d173f; /* Définit la propriété color pour ce composant. */
  /* Utilise le blanc. */
  background: #ffffff; /* Définit la propriété background pour ce composant. */
  /* Définit une taille compacte. */
  font-size: 9pt; /* Définit la propriété font-size pour ce composant. */
  /* Définit une hauteur de ligne lisible. */
  line-height: 1.35; /* Définit la propriété line-height pour ce composant. */
} /* Ferme la règle CSS courante. */

/* En-tête documentaire. */
.pdf-entete-document { /* Ouvre la règle CSS .pdf-entete-document. */
  /* Dispose marque et patient sur deux colonnes. */
  display: flex; /* Définit la propriété display pour ce composant. */
  /* Sépare. */
  justify-content: space-between; /* Définit la propriété justify-content pour ce composant. */
  /* Aligne en haut. */
  align-items: flex-start; /* Définit la propriété align-items pour ce composant. */
  /* Ajoute une bordure marine. */
  border-bottom: 2px solid #081650; /* Définit la propriété border-bottom pour ce composant. */
  /* Ajoute un espace. */
  padding-bottom: 3mm; /* Définit la propriété padding-bottom pour ce composant. */
  /* Ajoute une marge. */
  margin-bottom: 4mm; /* Définit la propriété margin-bottom pour ce composant. */
} /* Ferme la règle CSS courante. */

/* Bloc marque. */
.pdf-entete-marque { /* Ouvre la règle CSS .pdf-entete-marque. */
  /* Empile. */
  display: grid; /* Définit la propriété display pour ce composant. */
  /* Espace. */
  gap: 0.5mm; /* Définit la propriété gap pour ce composant. */
} /* Ferme la règle CSS courante. */

/* Nom du portail. */
.pdf-entete-marque strong { /* Ouvre la règle CSS .pdf-entete-marque strong. */
  /* Taille. */
  font-size: 12pt; /* Définit la propriété font-size pour ce composant. */
  /* Couleur. */
  color: #081650; /* Définit la propriété color pour ce composant. */
} /* Ferme la règle CSS courante. */

/* Bloc patient. */
.pdf-entete-patient { /* Ouvre la règle CSS .pdf-entete-patient. */
  /* Empile. */
  display: grid; /* Définit la propriété display pour ce composant. */
  /* Aligne à droite. */
  text-align: right; /* Définit la propriété text-align pour ce composant. */
  /* Taille. */
  font-size: 8.5pt; /* Définit la propriété font-size pour ce composant. */
} /* Ferme la règle CSS courante. */

/* =============================================================================
   CHAPITRE 4 — TITRES ET CHAPITRES
   ============================================================================= */

/* Réduit les grands titres web. */
.pdf-section-document .page-heading { /* Ouvre la règle CSS .pdf-section-document .page-heading. */
  /* Ajoute un bandeau discret. */
  border-left: 4px solid #20a7d8; /* Définit la propriété border-left pour ce composant. */
  /* Ajoute un padding. */
  padding-left: 3mm; /* Définit la propriété padding-left pour ce composant. */
  /* Réduit la marge. */
  margin: 3mm 0; /* Définit la propriété margin pour ce composant. */
} /* Ferme la règle CSS courante. */

/* Titre principal. */
.pdf-section-document .page-heading h3 { /* Ouvre la règle CSS .pdf-section-document .page-heading h3. */
  /* Taille. */
  font-size: 13pt; /* Définit la propriété font-size pour ce composant. */
  /* Couleur. */
  color: #081650; /* Définit la propriété color pour ce composant. */
  /* Marge. */
  margin: 0; /* Définit la propriété margin pour ce composant. */
} /* Ferme la règle CSS courante. */

/* Sous-titre. */
.pdf-section-document .page-heading p { /* Ouvre la règle CSS .pdf-section-document .page-heading p. */
  /* Taille. */
  font-size: 8.5pt; /* Définit la propriété font-size pour ce composant. */
  /* Couleur. */
  color: #667085; /* Définit la propriété color pour ce composant. */
  /* Marge. */
  margin: 0.5mm 0 0; /* Définit la propriété margin pour ce composant. */
} /* Ferme la règle CSS courante. */

/* Numéro de page web. */
.pdf-section-document .page-number { /* Ouvre la règle CSS .pdf-section-document .page-number. */
  /* Masque le badge de navigation de l'IHM. */
  display: none !important; /* Définit la propriété display pour ce composant. */
} /* Ferme la règle CSS courante. */

/* =============================================================================
   CHAPITRE 5 — CARTES
   ============================================================================= */

/* Cartes cliniques. */
.pdf-section-document .card { /* Ouvre la règle CSS .pdf-section-document .card. */
  /* Retire l'ombre. */
  box-shadow: none !important; /* Définit la propriété box-shadow pour ce composant. */
  /* Réduit les rayons. */
  border-radius: 2mm !important; /* Définit la propriété border-radius pour ce composant. */
  /* Affine la bordure. */
  border: 1px solid #d8dfeb !important; /* Définit la propriété border pour ce composant. */
  /* Réduit le padding. */
  padding: 3mm !important; /* Définit la propriété padding pour ce composant. */
  /* Réduit la marge basse. */
  margin-bottom: 2.5mm !important; /* Définit la propriété margin-bottom pour ce composant. */
} /* Ferme la règle CSS courante. */

/* Titre de carte. */
.pdf-section-document .card h4 { /* Ouvre la règle CSS .pdf-section-document .card h4. */
  /* Taille. */
  font-size: 9.2pt; /* Définit la propriété font-size pour ce composant. */
  /* Couleur. */
  color: #081650; /* Définit la propriété color pour ce composant. */
  /* Espacement. */
  margin-bottom: 1.5mm; /* Définit la propriété margin-bottom pour ce composant. */
} /* Ferme la règle CSS courante. */

/* =============================================================================
   CHAPITRE 6 — CHAMPS FIGÉS
   ============================================================================= */

/* Valeur documentaire. */
.pdf-valeur { /* Ouvre la règle CSS .pdf-valeur. */
  /* Affiche le contenu proprement. */
  display: inline-block; /* Définit la propriété display pour ce composant. */
  /* Préserve les retours à la ligne. */
  white-space: pre-wrap; /* Définit la propriété white-space pour ce composant. */
  /* Permet les coupures longues. */
  overflow-wrap: anywhere; /* Définit la propriété overflow-wrap pour ce composant. */
  /* Supprime toute bordure d'input. */
  border: 0; /* Définit la propriété border pour ce composant. */
  /* Fond transparent. */
  background: transparent; /* Définit la propriété background pour ce composant. */
  /* Couleur. */
  color: #111827; /* Définit la propriété color pour ce composant. */
} /* Ferme la règle CSS courante. */

/* =============================================================================
   CHAPITRE 7 — CHAMPS MODIFIABLES
   ============================================================================= */

/* Champs conservés en mode modifiable. */
.pdf-champ-modifiable { /* Ouvre la règle CSS .pdf-champ-modifiable. */
  /* Conserve une bordure légère. */
  border: 1px solid #b8c4d8 !important; /* Définit la propriété border pour ce composant. */
  /* Fond très clair. */
  background: #ffffff !important; /* Définit la propriété background pour ce composant. */
  /* Rayon discret. */
  border-radius: 1.5mm !important; /* Définit la propriété border-radius pour ce composant. */
  /* Taille compacte. */
  min-height: 6mm; /* Définit la propriété min-height pour ce composant. */
} /* Ferme la règle CSS courante. */

/* =============================================================================
   CHAPITRE 8 — TABLEAUX
   ============================================================================= */

/* Tableaux. */
.pdf-document table { /* Ouvre la règle CSS .pdf-document table. */
  /* Fusionne les bordures. */
  border-collapse: collapse; /* Définit la propriété border-collapse pour ce composant. */
  /* Utilise toute la largeur. */
  width: 100%; /* Définit la propriété width pour ce composant. */
  /* Taille. */
  font-size: 8.2pt; /* Définit la propriété font-size pour ce composant. */
} /* Ferme la règle CSS courante. */

/* Cellules. */
.pdf-document th, /* Définit un élément de présentation nécessaire à cette zone. */
.pdf-document td { /* Ouvre la règle CSS .pdf-document td. */
  /* Padding compact. */
  padding: 1.2mm 1.5mm !important; /* Définit la propriété padding pour ce composant. */
} /* Ferme la règle CSS courante. */

/* En-têtes. */
.pdf-document thead th { /* Ouvre la règle CSS .pdf-document thead th. */
  /* Fond marine. */
  background: #081650 !important; /* Définit la propriété background pour ce composant. */
  /* Texte blanc. */
  color: #ffffff !important; /* Définit la propriété color pour ce composant. */
} /* Ferme la règle CSS courante. */

/* Préserve les petits tableaux. */
.pdf-document .clinical-table-shell, /* Définit un élément de présentation nécessaire à cette zone. */
.pdf-document .profile-score-table { /* Ouvre la règle CSS .pdf-document .profile-score-table. */
  /* Évite les coupures. */
  break-inside: avoid; /* Définit la propriété break-inside pour ce composant. */
} /* Ferme la règle CSS courante. */

/* =============================================================================
   CHAPITRE 9 — SCHÉMAS
   ============================================================================= */

/* Images. */
.pdf-document img { /* Ouvre la règle CSS .pdf-document img. */
  /* Ne dépasse pas. */
  max-width: 100%; /* Définit la propriété max-width pour ce composant. */
  /* Conserve le ratio. */
  height: auto; /* Définit la propriété height pour ce composant. */
} /* Ferme la règle CSS courante. */

/* Schémas corporels. */
.pdf-document .source-schema-panel img { /* Ouvre la règle CSS .pdf-document .source-schema-panel img. */
  /* Hauteur maximale. */
  max-height: 62mm; /* Définit la propriété max-height pour ce composant. */
  /* Contient. */
  object-fit: contain; /* Définit la propriété object-fit pour ce composant. */
} /* Ferme la règle CSS courante. */

/* =============================================================================
   CHAPITRE 10 — SYNTHÈSE
   ============================================================================= */

/* Compte rendu. */
.pdf-document-synthese .numbered-card { /* Ouvre la règle CSS .pdf-document-synthese .numbered-card. */
  /* Réduit l'espacement. */
  gap: 2mm; /* Définit la propriété gap pour ce composant. */
} /* Ferme la règle CSS courante. */

/* Réduit les grands espaces. */
.pdf-document-synthese .card { /* Ouvre la règle CSS .pdf-document-synthese .card. */
  /* Plus compact. */
  padding: 2.5mm !important; /* Définit la propriété padding pour ce composant. */
} /* Ferme la règle CSS courante. */

/* =============================================================================
   CHAPITRE 11 — PAGINATION INTELLIGENTE
   ============================================================================= */

/* Évite les titres orphelins. */
.pdf-document h3, /* Définit un élément de présentation nécessaire à cette zone. */
.pdf-document h4, /* Définit un élément de présentation nécessaire à cette zone. */
.pdf-document h5 { /* Ouvre la règle CSS .pdf-document h5. */
  /* Garde avec le bloc suivant. */
  break-after: avoid; /* Définit la propriété break-after pour ce composant. */
} /* Ferme la règle CSS courante. */

/* Évite la coupure des lignes. */
.pdf-document tr { /* Ouvre la règle CSS .pdf-document tr. */
  /* Garde la ligne. */
  break-inside: avoid; /* Définit la propriété break-inside pour ce composant. */
} /* Ferme la règle CSS courante. */

/* N'impose pas de saut entre les anciennes pages web. */
.pdf-section-document { /* Ouvre la règle CSS .pdf-section-document. */
  /* Laisse le navigateur remplir naturellement la page. */
  break-before: auto !important; /* Définit la propriété break-before pour ce composant. */
  /* Réduit les marges. */
  margin: 0 0 2mm 0 !important; /* Définit la propriété margin pour ce composant. */
} /* Ferme la règle CSS courante. */

/* Évite les pages quasi vides provoquées par les anciennes sections. */
.pdf-section-document:empty { /* Ouvre la règle CSS .pdf-section-document:empty. */
  /* Cache. */
  display: none !important; /* Définit la propriété display pour ce composant. */
} /* Ferme la règle CSS courante. */

/* =============================================================================
   PIED DE PAGE GÉNÉRAL
   ============================================================================= */

/* Fin du fichier print.css du PPA V2.7.1.1. */


/* =============================================================================
   CORRECTION V2.6.1 — EXPORT COMPLET / SYNTHÈSE
   ============================================================================= */

@media print { /* Ouvre les adaptations responsive pour cette largeur d’écran. */
  /* Annule explicitement l'ancienne règle globale de styles.css qui cachait
     toutes les pages sauf la page 5 pendant l'impression. */
  #racinePdfImpression .form-page { /* Ouvre la règle CSS #racinePdfImpression .form-page. */
    /* Toutes les pages réellement clonées dans le document PDF restent visibles. */
    display: block !important; /* Définit la propriété display pour ce composant. */
  } /* Ferme la règle CSS courante. */

  /* Le document complet doit afficher toutes les sections clonées. */
  #racinePdfImpression.pdf-document-complet .form-page { /* Ouvre la règle CSS #racinePdfImpression.pdf-document-complet .form-page. */
    /* Force l'affichage des pages 1 à 5 incluses dans le clone. */
    display: block !important; /* Définit la propriété display pour ce composant. */
  } /* Ferme la règle CSS courante. */

  /* La synthèse ne contient déjà que la page 5 dans son clone ;
     cette règle garantit simplement son affichage. */
  #racinePdfImpression.pdf-document-synthese .form-page { /* Ouvre la règle CSS #racinePdfImpression.pdf-document-synthese .form-page. */
    /* Affiche la synthèse. */
    display: block !important; /* Définit la propriété display pour ce composant. */
  } /* Ferme la règle CSS courante. */

  /* Neutralise les anciennes classes historiques si elles étaient encore
     présentes sur le body lors d'un test ou d'un cache navigateur. */
  body.mode-impression-pdf.print-mode-page5 #racinePdfImpression .form-page, /* Définit un élément de présentation nécessaire à cette zone. */
  body.mode-impression-pdf.print-mode-full #racinePdfImpression .form-page { /* Ouvre la règle CSS body.mode-impression-pdf.print-mode-full #racinePdfImpression .form-page. */
    /* Le clone dédié reste maître du contenu exporté. */
    display: block !important; /* Définit la propriété display pour ce composant. */
  } /* Ferme la règle CSS courante. */
} /* Ferme la règle CSS courante. */

/* =============================================================================
   PIED DE PAGE — CORRECTION V2.6.1
   ============================================================================= */

/* Fin de la correction d'export complet / synthèse. */
/* ====================================================================================== */
/* FIN DU FICHIER : css/print.css                                                                         */
/* ===================================================================================== */