/* ==========================================================================
   order-status.css — Genva Craft

   The band that says whether orders are open (from Genva Carpenter).
   ========================================================================== */

.order-status {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
	padding: var(--wp--preset--spacing--50) var(--gutter);
	background-color: var(--wp--preset--color--surface);
	border-block: 1px solid var(--wp--preset--color--line);
	text-align: center;
}

.order-status > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.order-status .order-status__state {
	font-family: var(--font-heading);
	font-size: var(--wp--preset--font-size--large);
	letter-spacing: 0.08em;
}

.order-status .order-status__note {
	color: var(--wp--preset--color--secondary);
}