.lm-open-status {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.25rem 0.65rem;
	border-radius: 999px;
	font-size: 0.8rem;
	font-weight: 600;
	text-decoration: none;
}

.lm-open-status:hover {
	text-decoration: none;
}

/* Verde brillante and arancione are too light for white text at this size,
   so they pair with the brand's dark text color instead — same treatment
   as the accent-yellow CTA button. Rosso only clears AA contrast with white
   in its darker "hover" shade, so that's the one used here (not on :hover). */
.lm-open-status.is-open {
	background: var(--wp--preset--color--secondary, #32c84b);
	color: var(--wp--preset--color--contrast, #221d00);
}

.lm-open-status.is-opening_soon,
.lm-open-status.is-closing_soon {
	background: var(--wp--preset--color--quaternary, #f1a500);
	color: var(--wp--preset--color--contrast, #221d00);
}

.lm-open-status.is-closed {
	background: var(--wp--preset--color--quinary, #be2800);
	color: #fff;
}

.lm-open-status__next {
	font-weight: 500;
}

.lm-open-status__next:empty {
	display: none;
}