/* mod_utkhours - inherits the site's fonts and colours; --utkhours-accent comes from the module settings. */
.utkhours {
  --utkhours-accent: #1f6fb2;
  --utkhours-open: #1e7d32;
  --utkhours-soon: #b26a00;
  --utkhours-closed: #b3261e;
  width: 100%;
}
.utkhours-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4em .5em;
  margin: 0 0 .75em;
  font-weight: 600;
}
.utkhours-dot {
  width: .65em;
  height: .65em;
  border-radius: 50%;
  background: currentColor;
  flex: none;
}
/* set on the children too, with extra specificity: page builders (Nicepage) colour every p/span in a block */
.utkhours .utkhours-status[data-state="open"],
.utkhours .utkhours-status[data-state="open"] .utkhours-status-text { color: var(--utkhours-open); }
.utkhours .utkhours-status[data-state="soon"],
.utkhours .utkhours-status[data-state="soon"] .utkhours-status-text { color: var(--utkhours-soon); }
.utkhours .utkhours-status[data-state="closed"],
.utkhours .utkhours-status[data-state="closed"] .utkhours-status-text { color: var(--utkhours-closed); }
.utkhours .utkhours-status[data-state="open"] .utkhours-dot { background: var(--utkhours-open); }
.utkhours .utkhours-status[data-state="soon"] .utkhours-dot { background: var(--utkhours-soon); }
.utkhours .utkhours-status[data-state="closed"] .utkhours-dot { background: var(--utkhours-closed); }
/* not every template ships Bootstrap's visually-hidden */
.utkhours .utkhours-sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.utkhours-closed-link { font-weight: 400; }
.utkhours-notices {
  list-style: none;
  margin: 0 0 .75em;
  padding: .5em .75em;
  border-left: 3px solid var(--utkhours-accent);
  background: color-mix(in srgb, var(--utkhours-accent) 8%, transparent);
}
.utkhours-notices li + li { margin-top: .25em; }
.utkhours-table {
  width: 100%;
  border-collapse: collapse;
}
.utkhours-table th,
.utkhours-table td {
  padding: .3em 0;
  border: 0;
  background: none;
  vertical-align: top;
}
.utkhours-table th {
  text-align: left;
  font-weight: 400;
  padding-right: 1em;
}
.utkhours-table td {
  text-align: right;
  white-space: nowrap;
}
.utkhours-table tr.utkhours-today th,
.utkhours-table tr.utkhours-today td {
  color: var(--utkhours-accent);
  font-weight: 700;
}
.utkhours-note { margin-top: .75em; }
@media (max-width: 360px) {
  .utkhours-table td { white-space: normal; }
}