/* ============================================================================
   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;
}

: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; }
}