/* Police Noto Sans, celle qu'Obsidian affiche sous Fedora.
   Chargée depuis Google Fonts pour que tous les visiteurs la voient.
   (@import doit rester tout en haut du fichier.) */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");

/* Styles personnalisés pour le site Flowershow de zad */

/* Titres de callout contenant une liste « A / B / C » :
   Flowershow les affiche en flexbox, ce qui empile chaque élément
   sur petit écran. On les repasse en texte normal qui va à la ligne. */
[data-callout] > [data-callout-title] {
  display: block;
}

/* L'icône du callout reste à gauche, alignée sur la première ligne */
[data-callout] > [data-callout-title]::before {
  display: inline-block;
  vertical-align: -0.25rem;
  margin-right: 0.5rem;
}

/* Toiles (canvas) : le nom de la note affichée dans une carte
   est un titre h1, trop grand pour la carte. On le réduit.
   Le sélecteur est volontairement long : Flowershow fixe la taille
   des h1 avec « .rendered-mdx:not(.is-plain) h1 », plus prioritaire
   qu'une simple classe. */
.rendered-mdx .canvas-node .canvas-node-file-title {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

/* Même police qu'Obsidian pour le texte et les titres.
   Le thème Flowershow utilise Nata Sans (texte) et Fraunces (titres) ;
   « html:root » est plus prioritaire que le « :root » du thème. */
html:root {
  --font-body: "Noto Sans", ui-sans-serif, system-ui, sans-serif;
  --font-heading: "Noto Sans", ui-sans-serif, system-ui, sans-serif;
}