/* Eat2day: standalone CSS; Automatic.css remains the design system. */

.custom-table {
  --sc-accent:var(--primary,#7ab51d);
  --sc-accent-text:var(--white,#ff);
  --sc-cell-bg:var(--shade-ultra-light,#f7f7f7);
  --sc-cell-bg-alt:var(--white,#ff);
  --sc-cell-text:var(--text-color,#555);
  --sc-border:var(--border-color,#e8e8e8);
  --sc-divider:var(--border-color,#e8e8e8);
  --sc-cell-padding:var(--space-m,1.25rem);
  --sc-header-padding:var(--space-s,.75rem);
  --sc-label-width:17%;
  --sc-cell-font-size:var(--text-s,.88rem);
  --sc-header-font-size:var(--text-s,.85rem);
  --sc-label-font-size:var(--text-xs,.78rem);
  --sc-radius:var(--radius-m,.4rem);
  --sc-shadow:var(--shadow-s,0 2px 8px rgba(0,0,0,.08));
  --sc-divider-width:1px;
  --sc-table-min-width:700px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-radius:var(--sc-radius);
  box-shadow:var(--sc-shadow)
}

.custom-table table {
  width:100%;
  min-width:var(--sc-table-min-width);
  border-collapse:collapse;
  table-layout:fixed
}

.custom-table thead th {
  background:var(--sc-accent);
  color:var(--sc-accent-text);
  font-size:var(--sc-header-font-size);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.1em;
  padding:var(--sc-header-padding) var(--sc-cell-padding);
  text-align:center;
  border
}

.custom-table thead th:first-child {
  background:transparent;
  width:var(--sc-label-width);
  border-left:none
}

.custom-table thead th + th {
  border-left:var(--sc-divider-width) solid rgba(255,255,255,.25)
}

.custom-table tbody td {
  padding:var(--sc-cell-padding);
  text-align:center;
  color:var(--sc-cell-text);
  font-size:var(--sc-cell-font-size);
  line-height:1.7;
  vertical-align:top;
  border-bottom:1px solid var(--sc-border);
  background:var(--sc-cell-bg)
}

.custom-table tbody td + td {
  border-left:var(--sc-divider-width) solid var(--sc-divider)
}

.custom-table tbody tr:nth-child(even) td {
  background:var(--sc-cell-bg-alt)
}

.custom-table tbody tr:last-child td,.custom-table tbody tr:last-child th {
  border-bottom:none
}

.custom-table tbody th,tbody .custom-table__label {
  background:var(--sc-accent)!important;
  color:var(--sc-accent-text);
  font-weight:700;
  font-size:var(--sc-label-font-size);
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align:center;
  vertical-align:middle;
  width:var(--sc-label-width);
  padding:var(--sc-cell-padding);
  border-left:none;
  border-bottom:1px solid rgba(255,255,255,.2)
}