/*
 * Lingot Cours : styles minimaux. Sélecteurs en :where() (spécificité nulle) :
 * le thème les surcharge sans !important. Variables à redéfinir au besoin.
 */
:where(.lc-bandeau, .lc-graphique) {
	--lc-accent: #b8860b;
	--lc-hausse: #2e7d32;
	--lc-baisse: #c62828;
	--lc-bord: rgba(0, 0, 0, .12);
}
:where(.lc-montant) { font-variant-numeric: tabular-nums; white-space: nowrap; font-weight: 600; }
:where(.lc-unite, .lc-napoleon__libelle) { font-size: .875em; opacity: .8; }
:where(.lc-indisponible) { opacity: .75; }

:where(.lc-bandeau) { border: 1px solid var(--lc-bord); border-left: 4px solid var(--lc-accent); padding: .75em 1em; margin: 0 0 1.5em; }
:where(.lc-bandeau__titre) { display: block; flex: 0 0 auto; font-weight: 700; }
:where(.lc-bandeau__liste) { display: flex; flex-wrap: wrap; gap: .5em 2em; margin: 0; }
:where(.lc-bandeau__item) { margin: 0; }
:where(.lc-bandeau__item dt) { font-size: .8em; text-transform: uppercase; letter-spacing: .03em; opacity: .75; margin: 0; }
:where(.lc-bandeau__item dd) { margin: 0; font-size: 1.15em; }
:where(.lc-bandeau__maj) { font-size: .8em; opacity: .75; margin: .5em 0 0; }
:where(.lc-source) { font-style: normal; }

:where(.lc-graphique) { margin: 0 0 1.5em; max-width: 40rem; }
:where(.lc-graphique__svg) { display: block; width: 100%; height: 8rem; border-bottom: 1px solid var(--lc-bord); }
:where(.lc-graphique__ligne) { stroke: var(--lc-accent); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
:where(.lc-graphique--hausse .lc-graphique__ligne) { stroke: var(--lc-hausse); }
:where(.lc-graphique--baisse .lc-graphique__ligne) { stroke: var(--lc-baisse); }
:where(.lc-graphique__legende) { font-size: .8em; opacity: .8; margin-top: .25em; }