/**
 * Change-delivery-date field on the order-received (thank you) page — styled to
 * match the native date inputs in the order-flow steps (.tomax-order__input).
 */
/* Toggle for the inline date editor (revealed by change-date.js via .display). */
#maksimer-delivery-date-picker-field-button {
	display: none;
}

#maksimer-delivery-date-picker-field-button.display {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	margin-top: 8px;
}

#maksimer-date-delivery {
	box-sizing: border-box;
	padding: 12px 14px;
	border: 1px solid var(--wp--preset--color--theme-border, #c2c2c2);
	border-radius: var(--borderRadius-small, 8px);
	background: #fff;
	font-family: var(--wp--preset--font-family--body, inherit);
	font-size: 15px;
	color: var(--palette-dark, #222);
	cursor: pointer;
}

#maksimer-date-delivery:focus {
	outline: none;
	border-color: var(--wp--preset--color--primary, #77c5bc);
	box-shadow: 0 0 0 3px rgba(119, 197, 188, 0.3);
}

#maksimer-date-delivery.invalid {
	border-color: var(--wp--preset--color--alert, #c0392b);
	box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.2);
}

/* Deadline / rejected-save message rendered by change-date.js. */
.tomax-change-date__error {
	flex-basis: 100%;
	margin: 8px 0 0;
	font-size: 0.875em;
	line-height: 1.4;
	color: var(--wp--preset--color--alert, #c0392b);
}