/* ==========================================================================
   money.css — ce are pagina de valute in plus fata de o pagina de unitati.

   Cartonasul si perechea de cifre vin din unit.css; aici stau doar randul cu
   ziua publicarii si graficul. Graficul e o singura linie, fara axe si fara
   grila: minimul si maximul anului sunt scrise in cuvinte dedesubt, iar o
   grila ar fi adaugat cerneala fara sa adauge ce se poate citi din ea.
   ========================================================================== */

/* Ziua din care e cursul, sub randul cu cifrele. Mai mic decat el si in
   culoarea textului de corp: e o precizare, nu un al doilea rezultat. */
.money__asof {
  margin-block-start: .4rem;
  font-size: .8125rem;
  line-height: 1.45;
  color: var(--cocoa-soft);
  text-align: center;
}
.money__asof:empty { display: none; }

.money-chart__figure { margin: 0; }

/* Desenul se intinde pe latimea cartonasului (`preserveAspectRatio="none"` in
   marcaj), deci inaltimea se da aici, nu in viewBox. */
.money-chart__svg {
  inline-size: 100%;
  block-size: clamp(7rem, 22vw, 11rem);
  display: block;
  margin-block: 1.1rem .9rem;
  overflow: visible;
}

.money-chart__line {
  fill: none;
  stroke: var(--cocoa);
  stroke-width: 1.5;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.money-chart__area {
  fill: rgba(90, 70, 50, .07);
  stroke: none;
}

.money-chart__caption {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  padding-block-start: .9rem;
  border-block-start: 1px solid var(--rule-soft);
  font-size: .875rem;
  color: var(--cocoa);
}

/* Randul cu minimul si maximul n-are niciun cuvant propriu pana nu raspunde
   API-ul; pana atunci nu lasa gol sub el. */
.money-chart__caption > span:empty { display: none; }

.money-chart__note {
  font-size: .8125rem;
  color: var(--cocoa-soft);
}