/**
 * Delivery Countdown Widget Styles
 *
 * All colours are expressed as CSS custom properties so you can override
 * them per-context in your theme or via Additional CSS without touching
 * this file.
 *
 * Example — neutral on checkout, branded on product pages:
 *
 *   .woocommerce-checkout .fdc-delivery-countdown {
 *     --fdc-countdown-bg: transparent;
 *     --fdc-countdown-border-left: none;
 *   }
 *
 *   .single-product .fdc-delivery-countdown {
 *     --fdc-countdown-timer-color: #c0392b;
 *   }
 */

.fdc-delivery-countdown {
	display: inline-block;
	padding: var(--fdc-countdown-padding, 8px 0);
	background: var(--fdc-countdown-bg, transparent);
	border-left: var(--fdc-countdown-border-left, none);
	border-radius: var(--fdc-countdown-radius, 0);
	margin: var(--fdc-countdown-margin, 10px 0);
	font-size: var(--fdc-countdown-font-size, inherit);
	line-height: 1.6;
}

.fdc-countdown-timer {
	color: var(--fdc-countdown-timer-color, inherit);
	font-size: 1.05em;
}

.fdc-countdown-date {
	color: var(--fdc-countdown-date-color, inherit);
}

.fdc-countdown-label {
	color: var(--fdc-countdown-label-color, inherit);
}

/* Support Gutenberg block alignment (has-text-align-*) applied to a parent Group block */
.has-text-align-left .fdc-delivery-countdown,
.has-text-align-center .fdc-delivery-countdown,
.has-text-align-right .fdc-delivery-countdown {
	display: block;
}
.has-text-align-left .fdc-delivery-countdown    { text-align: left; }
.has-text-align-center .fdc-delivery-countdown  { text-align: center; }
.has-text-align-right .fdc-delivery-countdown   { text-align: right; }

/*
 * Checkout block editor only allows paragraph blocks — a <div> inside a <p> is
 * invalid HTML so the browser ejects it, leaving an empty <p class="has-text-align-*">
 * as the immediately preceding sibling. Target that pattern directly.
 */
.has-text-align-left + .fdc-delivery-countdown,
.has-text-align-center + .fdc-delivery-countdown,
.has-text-align-right + .fdc-delivery-countdown {
	display: block;
}
.has-text-align-left + .fdc-delivery-countdown    { text-align: left; }
.has-text-align-center + .fdc-delivery-countdown  { text-align: center; }
.has-text-align-right + .fdc-delivery-countdown   { text-align: right; }