/* Working hours list and the "online now" line. */

.hours { display: grid; gap: 6px; margin: 8px 0 0; }
.hours div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 16px; padding-bottom: 6px; border-bottom: 1px solid var(--band-line); }
.hours dt { font-weight: 700; }
.hours dd { margin: 0; }
.open-now, .hours-note { margin: 10px 0 0; font-weight: 700; text-align: left; }
.open-now::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; background: #FFC93C; vertical-align: baseline; }
.open-now.is-open::before { background: #46D69F; }
.open-now:empty::before { display: none; }
.hours-note a { color: inherit; text-underline-offset: 4px; }
.cl-hours .hours { max-width: 28rem; }