/**
 * Opening Hours block – front-end styles.
 *
 * @package wuppi-blocks
 */

.wuppi-opening-hours {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20, 0.75rem);
}

/* ── Title ────────────────────────────────────────────────────────────────── */

.wuppi-opening-hours__title {
	margin: 0 0 0.5em;
	font-size: var(--wp--preset--font-size--medium, 1.125rem);
	font-weight: inherit;
}

/* ── Table ────────────────────────────────────────────────────────────────── */

.wuppi-opening-hours__table {
	width: 100%;
	border-collapse: collapse;
}

.wuppi-opening-hours__row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 0.45em 0;
	border-bottom: 1px solid var(--wp--preset--color--muted, #e8e8e4);
	gap: 1rem;
}

.wuppi-opening-hours__row:last-child {
	border-bottom: none;
}

.wuppi-opening-hours__row.is-today .wuppi-opening-hours__day {
	font-weight: 500;
	color: var(--wp--preset--color--primary, currentColor);
}

.wuppi-opening-hours__row.is-today .wuppi-opening-hours__time {
	font-weight: 500;
}

/* ── Day label ────────────────────────────────────────────────────────────── */

.wuppi-opening-hours__day {
	font-size: var(--wp--preset--font-size--small, 0.9375rem);
}

/* ── Time ─────────────────────────────────────────────────────────────────── */

.wuppi-opening-hours__time {
	font-size: var(--wp--preset--font-size--small, 0.9375rem);
	color: var(--wp--preset--color--muted-foreground, inherit);
	white-space: nowrap;
}

.wuppi-opening-hours__time.is-closed {
	color: var(--wp--preset--color--muted-foreground, #999);
	font-style: italic;
}