.hours-container {
    width: 100%;
    max-width: 400px;
    font-family: BodyFont;
    font-size: 25px;
}

.day-row {
    padding: 2px 0;
    border-bottom: 1px solid rgba(100,100,100,0.2);
}

.day-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.day-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ccc;
}

/* DOT COLOURS */
.dot.open { background-color: #4CAF50; }
.dot.warning { background-color: #FB8C00; }
.dot.after-hours { background-color: #E53935; }
.dot.closed { background-color: #ccc; }

.today {
  font-weight: bold;
  background: #fff8cc;
  background: linear-gradient(to right, rgba(241,238,0,0) 0%, rgba(241,238,0,0.5) 10%, rgba(254,252,234,0) 100%);
  padding-top: 4px;
  padding-bottom: 4px;
}

.hours {
  font-size: 0.9em;
  color: #333;
}

/* STATUS LINE */
.status {
  font-size: 0.85em;
  margin-left: 30px;
  margin-top: 2px;
}

/* STATUS TEXT COLOURS */
.status-open { color: #4CAF50; }
.status-warning { color: #FB8C00; }
.status-closed { color: #E53935; }
.status-muted { color: #777; }