/* === Weekly Opening Hours === */
.woh {
  max-width: 720px;
}

.woh-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  margin-bottom: 1em;
  font-weight: 600;
}

.woh-nav a {
  color: var(--wp--preset--color--primary, #0073aa);
  text-decoration: none;
}

.woh-nav a:hover:not(.is-disabled),
.woh-nav a:focus-visible:not(.is-disabled) {
  text-decoration: underline;
}

.woh-nav .is-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.woh-title {
  flex: 1;
  text-align: center;
  font-size: 1.1em;
  font-weight: 700;
}

/* === Table === */
.woh-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-size: 0.95em;
  border: 2px solid #ccc;
  border-radius: 4px;
  overflow: hidden; /* ensures rounded corners look right */
}

.woh-table th,
.woh-table td {
  padding: 0.6em 0.8em;
  border: 1px solid #e1e1e1;
  text-align: left;
}

.woh-table th {
  background: #f7f7f7;
  font-weight: 600;
}

.woh-table tbody tr:nth-child(even) {
  background: #fafafa;
}

.woh-table tbody tr.today td {
  font-weight: 700;
  background: #f0f8ff;
}

.woh-table em {
  color: #666;
  font-style: italic;
}

/* === Accessibility helpers === */
.sr-only {
  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;
  border: 0 !important;
}