.ddwc-estimated-delivery {
	margin: 0.75em 0;
}

.ddwc-estimated-delivery--product {
	clear: both;
}

.ddwc-estimated-delivery--blocks {
	margin: 1em 0;
	padding: 0.5em 0;
}

.ddwc-estimated-delivery--archive {
	margin: 0 0 0.5em;
	font-size: 0.8125rem;
	line-height: 1.4;
}

/* The dispatch line is a supporting detail, so it sits under the arrival date. */
.ddwc-estimated-delivery__dispatch {
	display: block;
	margin-top: 2px;
	font-size: 0.875em;
	font-weight: 400;
	opacity: 0.75;
}

/*
 * Where the block, and the shortcode inside it, sits in a line. Start and end
 * rather than left and right, so it follows the page when it is read right to
 * left. The estimate itself is the same markup everywhere; this is the block's
 * own wrapper, and the Elementor widget sets the same thing through its own
 * control.
 */
.ddwc-align-start,
.ddwc-align-start .ddwc-estimated-delivery {
	text-align: start;
}

.ddwc-align-center,
.ddwc-align-center .ddwc-estimated-delivery {
	text-align: center;
}

.ddwc-align-end,
.ddwc-align-end .ddwc-estimated-delivery {
	text-align: end;
}

/*
 * A colour chosen on this one block wins over a shop-wide colour set in Pro,
 * which is written inline on the estimate itself.
 */
.wp-block-ddwc-estimate.has-text-color .ddwc-estimated-delivery {
	color: inherit !important;
}