/*
 * Open/closed badge and hours table.
 *
 * CANONICAL SOURCE: shared/soren-hours/ in the soren-toolkit repo.
 * Copied into each plugin by shared/sync.sh — do not edit a plugin's copy.
 *
 * Text takes the surrounding colour and font; only the dot is coloured.
 * Override --soren-hours-open / --soren-hours-closed to restyle it.
 */
.soren-hours {
	--soren-hours-open: #1f8a4c;
	--soren-hours-closed: #b3412e;
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	line-height: 1.3;
}

.soren-hours__dot {
	flex: none;
	width: 0.6em;
	height: 0.6em;
	border-radius: 50%;
	background: var(--soren-hours-closed);
}

.soren-hours[data-state="open"] .soren-hours__dot {
	background: var(--soren-hours-open);
}

.soren-hours[data-state="none"] {
	display: none;
}

.soren-hours-table {
	border-collapse: collapse;
	width: 100%;
}

.soren-hours-table th,
.soren-hours-table td {
	padding: 0.6em 0;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.soren-hours-table th {
	font-weight: 600;
	padding-right: 1.5em;
}

.soren-hours-table td {
	text-align: right;
}

.soren-hours-table tr.is-today th,
.soren-hours-table tr.is-today td {
	font-weight: 700;
}