

.opening-hours__full,
.opening-hours__specifications,
.opening-hours__today-and-next {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 1rem;
}

.opening-hours__full .opening-hours__term,
.opening-hours__specifications .opening-hours__term,
.opening-hours__today-and-next .opening-hours__term {
    grid-column: 1;
}

.opening-hours__full .opening-hours__description,
.opening-hours__specifications .opening-hours__description,
.opening-hours__today-and-next .opening-hours__description {
    grid-column: 1;
    margin: 0;
}

@media (max-width: 29.999em) {
    .opening-hours__full .opening-hours__term:not(:first-child),
    .opening-hours__specifications .opening-hours__term:not(:first-child),
    .opening-hours__today-and-next .opening-hours__term:not(:first-child) {
        margin-top: 1rem;
    }
}

@media (min-width: 30em) {
    .opening-hours__full,
    .opening-hours__specifications,
    .opening-hours__today-and-next {
        grid-template-columns: auto 1fr;
        row-gap: 1rem;
    }

    .opening-hours__full .opening-hours__description,
    .opening-hours__specifications .opening-hours__description,
    .opening-hours__today-and-next .opening-hours__description {
        grid-column: 2;
    }
}

.opening-times__abstract {
    color: var(--color, black);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-weight: var(--font-weight, normal);
    font-style: var(--font-style, normal);
    line-height: var(--line-height, inherit);
}

.opening-hours {
    color: var(--color, black);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, normal);
    line-height: var(--line-height, inherit);
}

.opening-hours__specifications-header {
    color: var(--color, black);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1.166em);
    font-weight: var(--font-weight, bold);
    font-style: var(--font-style, normal);
    line-height: var(--line-height, inherit);
}

.opening-hours__term {
    color: var(--color, black);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-weight: var(--font-weight, bold);
    font-style: var(--font-style, normal);
    line-height: var(--line-height, inherit);
}

.opening-hours__description {
    color: var(--color, black);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-weight: var(--font-weight, normal);
    font-style: var(--font-style, normal);
    line-height: var(--line-height, inherit);
}
