/* MPP Opening Hours: minimal component styles for the shop's pages (status line,
   status card, week list, checkout hint). Colours follow the theme: green = open, grey = closed. */
.mpp-oh-dot { display: inline-block; width: .6em; height: .6em; border-radius: 50%; background: #6c757d; margin-right: .45em; vertical-align: .05em; flex: none; }
.mpp-oh-dot.is-open { background: #36863a; }
.mpp-oh-word.is-open { color: #36863a; }
.mpp-oh-line { display: inline-flex; align-items: center; }

.mpp-oh { margin: 0 0 2.5rem; }
.mpp-oh.has-both { display: grid; gap: 2rem; align-items: start; }
@media (min-width: 992px) { .mpp-oh.has-both { grid-template-columns: 5fr 7fr; } }
.mpp-oh-card { background: #f5f5e8; border-radius: 2px; padding: 1.75rem 2rem; }
.mpp-oh-pill { display: inline-flex; align-items: center; background: #eeeeee; color: #495057; font-weight: 700; font-size: .95rem; padding: .3rem .75rem .3rem .65rem; border-radius: 50px; }
.mpp-oh-pill.is-open { background: #eef5ea; color: #36863a; }
.mpp-oh-headline { font-family: Aleo, Georgia, serif; font-weight: 600; font-size: 1.65rem; line-height: 1.2; margin: .9rem 0 .25rem; }
.mpp-oh-sub { margin: 0 0 1.25rem; color: #3a3a3a; }
.mpp-oh-place { margin: 0 0 1.25rem; }
.mpp-oh-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; }
.mpp-oh-week-title { margin: 0 0 1rem; }
.mpp-oh-week { list-style: none; margin: 0; padding: 0; border: 1px solid rgba(0, 0, 0, .175); border-radius: 2px; background: #fff; }
.mpp-oh-row { display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; padding: .75rem 1rem; border-top: 1px solid rgba(12, 12, 12, .12); }
.mpp-oh-row:first-child { border-top: 0; }
.mpp-oh-row small { color: #6c757d; font-size: .875em; }
.mpp-oh-row.is-today { background: #eef5ea; box-shadow: inset 4px 0 0 #36863a; font-weight: 700; }
.mpp-oh-row.is-closed .mpp-oh-hours { color: #6c757d; }
.mpp-oh-row.is-unconfirmed .mpp-oh-hours { color: #6c757d; font-style: italic; }
.mpp-oh-hours { text-align: right; }
.mpp-oh-updated { font-size: .875rem; color: #6c757d; margin: .75rem 0 0; }

.mpp-oh-hint { margin: .4rem 0 .25rem 1.5rem; padding: .6rem .75rem; background: #f5f5e8; border-radius: 2px; font-size: .875rem; line-height: 1.5; }
.mpp-oh-next { color: #3a3a3a; }