.mehndi-countdown,
.mehndi-dispatch-date,
.mehndi-batch-grid {
	--mehndi-text-color: #FFF1DC;
	--mehndi-num-size: 2.25rem;
	--mehndi-gap: 1.5rem;
	--mehndi-dispatch-size: 3rem;

	color: var(--mehndi-text-color);
}

.mehndi-countdown--compact {
	display: flex;
	align-items: center;
	gap: 0.75em;
	font-size: 0.9rem;
	line-height: 1.2;
}

.mehndi-countdown--full {
	text-align: center;
	padding: 0;
}

.mehndi-countdown__detail {
	font-size: 0.85rem;
	opacity: 0.85;
}

.mehndi-countdown__orderby {
	font-weight: 600;
}

.mehndi-countdown__separator {
	opacity: 0.6;
}

.mehndi-countdown__blocks {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--mehndi-gap);
}

.mehndi-countdown__block {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 3.5rem;
}

.mehndi-countdown__num {
	font-size: var(--mehndi-num-size);
	font-weight: 600;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.mehndi-countdown__word {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-top: 0.3rem;
}

.mehndi-countdown__dispatch {
	white-space: nowrap;
}

.mehndi-countdown__timer {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.mehndi-countdown__message {
	font-style: normal;
	font-weight: normal;
}

.mehndi-dispatch-date {
	text-align: center;
}

.mehndi-dispatch-date__value {
	font-size: var(--mehndi-dispatch-size);
	font-weight: 600;
	line-height: 1.1;
}

/* Scoped override of WooCommerce's own info notice box — only affects two batch messages (cart + checkout) */
.mehndi-batch-notice .woocommerce-info {
	background: #FFF1DC;
	color: #331111;
	border-top-color: #331111;
}

.mehndi-batch-notice .woocommerce-info::before {
	color: #331111;
}