/*
 * Opening hours (the $business-hours$ snippet): each day a term and its hours,
 * the hours aligned in a column. Decision 19.
 */

.business-hours {
    display: grid;
    gap: var(--shop-space-1);
    max-width: 20rem;
    margin: 0 0 var(--shop-space-4);
    /* Foundation sets lists (dl among them) at 1.6. */
    line-height: inherit;
}

.business-hours__day {
    display: flex;
    justify-content: space-between;
    gap: var(--shop-space-4);
}

.business-hours__name {
    margin: 0;
    font-weight: normal;
}

.business-hours__hours {
    margin: 0;
    color: var(--shop-ink);
    font-variant-numeric: tabular-nums;
}