/**
 * DPD logo next to the two DPD shipping rates (Settings → DPD Shipping → Home delivery).
 * Loaded on the cart and checkout only, and only when the option is on.
 */

/* Classic cart/checkout: the <img> CheckoutLogo::prependLogo() puts in front of the label. */
.wpdpd-rate-logo {
	display: inline-block;
	width: auto;
	height: 24px;
	margin: 0 0.5em 0 0;
	vertical-align: middle;
}

/*
 * Block cart/checkout: the Store API renders the rate title as plain text, so the logo is
 * drawn before it, keyed on the rate id WooCommerce puts in the radio input's value
 * (`wpdpd_home:3`, `wpdpd_parcelshop:1`). The logo's viewBox is 228.4 × 100.
 */
.wc-block-components-radio-control__input[value="wpdpd_home"] + .wc-block-components-radio-control__option-layout .wc-block-components-radio-control__label::before,
.wc-block-components-radio-control__input[value^="wpdpd_home:"] + .wc-block-components-radio-control__option-layout .wc-block-components-radio-control__label::before,
.wc-block-components-radio-control__input[value="wpdpd_parcelshop"] + .wc-block-components-radio-control__option-layout .wc-block-components-radio-control__label::before,
.wc-block-components-radio-control__input[value^="wpdpd_parcelshop:"] + .wc-block-components-radio-control__option-layout .wc-block-components-radio-control__label::before {
	content: "";
	display: inline-block;
	width: 55px;
	height: 24px;
	margin: 0 0.5em 0 0;
	vertical-align: middle;
	background: url("../img/dpd-logo.svg") no-repeat left center / contain;
}