/* --------------------------------------------------------------------------
   SOUHRN CEN (kosik + objednavka)
   Nahrazuje puvodni <table class='seznamImg_sumCeny'> - <dl> s CSS Grid,
   dt/dd se automaticky rozmisti do 2 sloupcu (popisek / hodnota) bez
   potreby obalovat kazdy radek do vlastniho divu.

   .sumCenyOddil - oznacuje zacatek nove sekce (misto puvodniho prazdneho
   <tr> jako spacer) - PHP pridava tuto tridu na dt i dd prvniho radku
   nove sekce, CSS dodá border-top + odsazeni.

   .sumCenyCelkem - zvyraznuje financni radek (napr. "K placeni") -
   vetsi font, barva primary, tucne. PHP pridava na dt i dd finalniho
   radku.

   Zdurazneni bezneho typu (napr. "Cena:", "Celkem cena:") reseno stale
   <b> tagem primo v PHP vystupu, stejne jako drive.
   -------------------------------------------------------------------------- */

.sumCeny {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: var(--space-md);
  row-gap: var(--space-xs);
  width: 100%;
  max-width: 350px;
  margin: 0 0 var(--space-lg) auto;
}

.sumCeny dt,
.sumCeny dd {
  margin: 0;
  font-size: var(--font-size-body);
  color: var(--color-text);
}

.sumCeny dd {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.sumCeny b {
  font-weight: 500;
}

/* Zacatek nove sekce - nahrazuje prazdny oddelovaci radek */
.sumCeny .sumCenyOddil {
  border-top: 1px solid var(--color-border);
  padding-top: var(--space-sm);
  margin-top: var(--space-sm);
}

/* Zvyrazneny financni radek (napr. "K placeni") */
.sumCeny .sumCenyCelkem {
  font-size: var(--font-size-medium);
  color: var(--color-primary);
  font-weight: 700;
  border-top: 1px solid var(--color-border);
  padding-top: var(--space-sm);
  margin-top: var(--space-sm);
}

/* Poznamka "Prodejce neni platcem DPH" */
.sumCenyPozn {
  grid-column: 1 / -1;
  margin-top: var(--space-sm);
  font-size: var(--font-size-small);
  color: var(--color-text-muted);
  text-align: right;
}