/* ============================================================================
   09 — CARNET
   ----------------------------------------------------------------------------
   Style carnet de notes personnelles : sépia chaud, accents jaunes type
   marqueur, mise en forme qui évoque un cahier d'écolier ou un journal de
   bord. Pour notes personnelles, journal de classe, idées en vrac.
   ============================================================================ */

/* ============================================================================
   CORRECTIF — Neutralisation des puces de liste générées par l'extension
   ----------------------------------------------------------------------------
   L'extension logseq-pdf-export-plugin transforme CHAQUE bloc LogSeq en un
   élément <li> d'une liste HTML. Les "cercles" visibles dans le PDF sont donc
   les puces standard des <li>. On les masque ici pour avoir un rendu lisse.
   Conséquence : les listes Markdown explicites n'auront pas non plus de puces
   dans le PDF — c'est un compromis nécessaire puisque tout est rendu en liste.
   Si tu veux RESTAURER les puces, supprime ce bloc.
   ============================================================================ */

/* Neutralisation totale des puces de liste */
ul, ol {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

li {
  list-style: none !important;
}

li::marker {
  content: "" !important;
}

/* Au cas où LogSeq préserverait aussi ses classes internes : on les masque */
.bullet,
.bullet-container,
.bullet-link-wrap,
.block-control,
.rotating-arrow,
.control-hide,
.block-control-wrap {
  display: none !important;
}

/* Annule le décalage négatif que LogSeq applique au conteneur de blocs */
.page-blocks-inner {
  margin-left: 0 !important;
}

/* ============================================================================
   MASQUAGE DES PROPRIÉTÉS DE BLOC LOGSEQ
   ----------------------------------------------------------------------------
   Les propriétés (export::, style::, title::, date::, type::, etc.) sont
   utiles dans LogSeq mais ne doivent pas apparaître dans le PDF final.
   Cette règle les masque complètement, quel que soit leur nom.
   Pour faire apparaître un titre ou une date dans le PDF, écris-les
   directement dans le contenu de la page :
       # Joseph - Réunion EMAS30
       *5 juin 2026*
   ============================================================================ */
.block-properties,
.page-properties,
.pre-block,
.block-properties-area,
[class*="properties"] {
  display: none !important;
}


:root {
  --couleur-titre: #4A3C28;                /* Sépia foncé */
  --couleur-accent: #C99A2E;               /* Jaune ocre type marqueur */
  --couleur-lien: #6B4E1A;
  --couleur-texte: #3A2F1F;                /* Brun foncé presque noir */
  --couleur-filet: #C9B79A;                /* Beige doré */
  --couleur-encadre: #FBF6E9;              /* Crème vieux papier */
  --couleur-surlignage: #F9E79F;           /* Jaune marqueur clair */

  /* Police légèrement plus arrondie pour un effet "manuscrit propre" */
  --police-titre: 'Source Sans 3', 'Lato', sans-serif;
  --police-texte: 'Source Sans 3', 'Lato', sans-serif;
  --police-code:  'Source Code Pro', monospace;

  --taille-base: 11pt;
  --interligne: 1.7;                       /* Très aéré, comme un cahier ligné */
}

/* === 2. MISE EN PAGE & PAGINATION === */
@page {
  size: A4;
  margin: 2.8cm 2.5cm 2.8cm 3cm;           /* Marge gauche un peu plus grande
                                              comme dans un cahier (reliure) */

  @bottom-right {
    content: "— " counter(page) " —";
    font-family: 'Source Sans 3', sans-serif;
    font-size: 9pt;
    color: var(--couleur-accent, #C99A2E);
    font-style: italic;
    padding-top: 0.5cm;
  }
}

@page :first { margin-top: 3.2cm; }

/* === 3. STRUCTURE DE BASE === */
/* Fond légèrement teinté pour évoquer le papier */
body {
  font-family: var(--police-texte);
  font-size: var(--taille-base);
  line-height: var(--interligne);
  color: var(--couleur-texte);
  background-color: var(--couleur-encadre);     /* Fond vieux papier doux */
  text-align: left;
  hyphens: auto;
}

/* === 4. TITRES === */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--police-titre);
  color: var(--couleur-titre);
  font-weight: 700;
  page-break-after: avoid;
  break-after: avoid;
  text-align: left;
  hyphens: none;
}

/* Titre principal en grand, avec un soulignement jaune marqueur */
h1 {
  font-size: 2em;
  margin: 0 0 0.7em 0;
  display: inline;
  background: linear-gradient(transparent 65%, var(--couleur-surlignage) 65%);
  padding: 0 0.2em;
}

h2 {
  font-size: 1.4em;
  margin: 1.5em 0 0.4em 0;
  /* Soulignement jaune marqueur sur les sections aussi */
  display: inline-block;
  background: linear-gradient(transparent 70%, var(--couleur-surlignage) 70%);
  padding: 0 0.2em;
}

h3 { font-size: 1.2em; margin: 1.2em 0 0.3em 0; color: var(--couleur-accent); }
h4 { font-size: 1.05em; margin: 1em 0 0.2em 0; font-style: italic; }
h5, h6 { font-size: 1em; margin: 0.8em 0 0.2em 0; font-style: italic;
         color: var(--couleur-accent); }

/* === 5. PARAGRAPHES === */
p { margin: 0 0 1em 0; orphans: 3; widows: 3; }
/* Texte en gras avec effet "surligné jaune" */
strong, b {
  font-weight: 700;
  background: linear-gradient(transparent 65%, var(--couleur-surlignage) 65%);
  padding: 0 0.15em;
}
em, i { font-style: italic; color: var(--couleur-lien); }

/* === 6. LIENS === */
a, a:link, a:visited {
  color: var(--couleur-lien);
  text-decoration: underline;
  text-decoration-style: wavy;             /* Soulignement ondulé manuscrit */
  text-decoration-color: var(--couleur-accent);
  text-underline-offset: 0.2em;
}

/* === 7. LISTES === */
ul, ol { margin: 0.6em 0 1em 0; padding-left: 1.8em; }
li { margin-bottom: 0.3em; text-align: left; }
li > ul, li > ol { margin: 0.2em 0; }
ul li::marker { color: var(--couleur-accent); content: "▸ "; font-weight: 700; }

/* === 8. TABLEAUX === */
table { width: 100%; border-collapse: collapse; margin: 1em 0 1.3em;
        page-break-inside: avoid; background-color: white; }
th, td { padding: 0.5em 0.7em; text-align: left; vertical-align: top;
         border: 1px dashed var(--couleur-filet); }   /* Filets en pointillés */
thead th { background-color: var(--couleur-surlignage);
           font-weight: 700; color: var(--couleur-titre);
           border: 1px solid var(--couleur-accent); }

/* === 9. CITATIONS === */
/* Style "post-it" : fond jaune, légère rotation possible */
blockquote {
  margin: 1.2em 0;
  padding: 0.8em 1.2em;
  background-color: var(--couleur-surlignage);
  border-left: 4px solid var(--couleur-accent);
  font-style: italic;
  color: var(--couleur-titre);
  page-break-inside: avoid;
}
blockquote p:last-child { margin-bottom: 0; }

/* === 10. CODE === */
code { font-family: var(--police-code); font-size: 0.9em;
       background-color: white; padding: 0.15em 0.4em;
       border: 1px solid var(--couleur-filet); border-radius: 3px;
       color: var(--couleur-titre); }
pre { font-family: var(--police-code); font-size: 0.85em;
      background-color: white; padding: 0.9em;
      border: 1px dashed var(--couleur-filet); border-radius: 4px;
      margin: 1em 0; overflow-x: auto; white-space: pre-wrap;
      page-break-inside: avoid; }
pre code { background: none; padding: 0; border: none; }

/* === 11. IMAGES & HR === */
img { max-width: 100%; height: auto; display: block; margin: 1.2em auto;
      border: 1px solid var(--couleur-filet);
      padding: 4px; background: white; }     /* Cadre photo papier */
hr {
  border: none;
  text-align: center;
  margin: 2em 0;
  color: var(--couleur-accent);
  font-size: 1.5em;
}
hr::before { content: "✦"; }

/* === 12. IMPRESSION === */
@media print {
  body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  h1, h2, h3, h4, h5, h6 { page-break-after: avoid; break-after: avoid; }
}