/*
 * Het overzicht van winkelwagen en kassa: de verzendbalk en de beloften
 * (spec 5-6, 6c "Opbouw" en 6d "Rechts"; afwijking 4 en 5 van het plan van
 * deelproject 6). overzicht.php zet dit blad in de wachtrij met de blokken
 * woocommerce/cart en woocommerce/checkout.
 *
 * De balk krijgt zijn vorm van het blad van het blok zelf
 * (blocks/verzendbalk/style.css, 1b): Jost 14 op 24, een spoor van 2 px in
 * line en een vulling in ink, 300 ms op de curve. Dat blad zet ook de marge
 * voor de lade: 32 boven en 16 opzij, tegen Woo's titel daar. In het
 * overzicht staat de balk onder de knop, op de breedte van het overzicht.
 * Nagekeken tegen WooCommerce 11.1.2.
 */

/* Woo: .wp-block-woocommerce-cart-totals-block en
   .wp-block-woocommerce-checkout-totals-block, de overzichten van
   winkelwagen en kassa. De verzendbalk (de weergave van overzicht.js) staat
   er 24 onder wat erboven staat, zonder de marge opzij van de lade. */
.wp-block-woocommerce-cart-totals-block .dg-verzendbalk,
.wp-block-woocommerce-checkout-totals-block .dg-verzendbalk {
	margin: var(--wp--preset--spacing--24) 0 0;
}

/* Woo: dezelfde overzichten. De beloften (dreamglow/winkelbeloften, plan 5)
   staan er 24 onder wat erboven staat, en 24 boven wat eronder komt. */
.wp-block-woocommerce-cart-totals-block .wp-block-dreamglow-winkelbeloften,
.wp-block-woocommerce-checkout-totals-block .wp-block-dreamglow-winkelbeloften {
	margin-block: var(--wp--preset--spacing--24);
}