/* The lines a total is made of.
   Shared by the public registration form and the internal one at the desk,
   which show the same list built by the same JavaScript
   (assets/js/price-breakdown.js). Only the list is shared: the box around it
   and the total line below it differ on purpose in each form's own stylesheet,
   and the two shortcodes never appear on one page, so the two stylesheets never
   load together. */
.vilstaler-price-breakdown {
    margin: 0 0 8px;
    padding: 0;
    list-style: none;
}

.vilstaler-price-breakdown li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    padding: 2px 0;
    color: var(--color-gray-700);
}

.vilstaler-price-breakdown li span:last-child {
    color: var(--color-gray-900);
}