/* Google Business Open or Not – default styles. Turn off in the plugin settings to style it in your theme. */
.openornot {
  --openornot-open: #188038;
  --openornot-closed: #d93025;
  --openornot-soon: #e37400;
  --openornot-muted: currentColor;
}

.openornot-visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* Weekly overview */
.openornot-week__title {
  margin: 0 0 .5em;
}

.openornot-week__table {
  border-collapse: collapse;
  width: auto;
  margin: 0;
  background: none;
}

.openornot-week__table th,
.openornot-week__table td {
  padding: .2em 1.5em .2em 0;
  border: 0;
  background: none;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}

.openornot-week__table td {
  padding-right: 0;
}

.openornot-week__day.is-today th,
.openornot-week__day.is-today td {
  font-weight: 700;
}

.openornot-week__note {
  display: block;
  font-size: .85em;
  opacity: .75;
}

.openornot-week__note[hidden],
.openornot-week__special[hidden],
.openornot-week__special li[hidden] {
  display: none;
}

.openornot-week__special {
  margin-top: .75em;
}

.openornot-week__special-title {
  margin: 0 0 .25em;
  font-weight: 700;
}

.openornot-week__special ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.openornot-week__special-date {
  display: inline-block;
  min-width: 7em;
}

.openornot-week__status {
  margin: 0 0 .5em;
  color: var(--openornot-closed);
  font-weight: 700;
}

/* Live notice */
.openornot-now {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35em;
}

.openornot-now__dot {
  width: .6em;
  height: .6em;
  border-radius: 50%;
  background: var(--openornot-muted);
  opacity: .4;
  flex: none;
}

.openornot-now__state {
  font-weight: 700;
}

.openornot-now__sep[hidden],
.openornot-now__detail[hidden] {
  display: none;
}

.openornot-now[data-state="open"] .openornot-now__dot,
.openornot-now[data-state="always-open"] .openornot-now__dot {
  background: var(--openornot-open);
  opacity: 1;
}

.openornot-now[data-state="open"] .openornot-now__state,
.openornot-now[data-state="always-open"] .openornot-now__state {
  color: var(--openornot-open);
}

.openornot-now[data-state="closed"] .openornot-now__dot {
  background: var(--openornot-closed);
  opacity: 1;
}

.openornot-now[data-state="closed"] .openornot-now__state {
  color: var(--openornot-closed);
}

.openornot-now[data-state="closing-soon"] .openornot-now__dot,
.openornot-now[data-state="opening-soon"] .openornot-now__dot {
  background: var(--openornot-soon);
  opacity: 1;
}

.openornot-now[data-state="closing-soon"] .openornot-now__state,
.openornot-now[data-state="opening-soon"] .openornot-now__state {
  color: var(--openornot-soon);
}

/* Module */
.openornot-module .openornot-now {
  margin-bottom: 1em;
}