/* Opening hours on the info page, today highlighted. */

@layer components {
  .hours {
    width: 100%;
    margin-top: var(--s-2);
    font-size: 0.9375rem;
    font-variant-numeric: tabular-nums;
  }

  .hours th,
  .hours td {
    padding: var(--s-2) 0;
    border-bottom: 1px solid var(--border);
    font-weight: 400;
    text-align: left;
  }

  .hours td {
    text-align: right;
  }

  .hours__today th,
  .hours__today td {
    color: var(--primary);
    font-weight: 700;
  }

  .hours tr:last-child th,
  .hours tr:last-child td {
    border-bottom: 0;
  }
}