/* SDB Office Hours — see bricks/element-office-hours.php.
   Low specificity on purpose: anything set in the builder wins. */

:where(.sdb-office-hours-block) {
	display: flex;
	flex-direction: column;
}

:where(.sdb-office-hours) {
	display: flex;
	flex-direction: column;
	row-gap: var(--space-xs, 0.75rem);
}

:where(.sdb-office-hours__list) {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: minmax(7em, max-content) 1fr;
	column-gap: var(--grid-gap, 1.5rem);
	row-gap: var(--space-3xs, 0.25rem);
}

/* Each row joins the list's grid, so every day's hours line up. */
:where(.sdb-office-hours__day) {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: subgrid;
	margin: 0;
}

/* A range breaks between its two times, never inside one. */
:where(.sdb-office-hours__time time) {
	white-space: nowrap;
}

:where(.sdb-office-hours__time) {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 0.3em;
}

:where(.sdb-office-hours__icon) {
	width: 1em;
	height: 1em;
	flex: none;
	color: var(--primary, currentColor);
}

:where(.sdb-office-hours__note) {
	margin: 0;
	font-size: var(--text-s, 0.9em);
	color: var(--text-dark-muted, inherit);
}