:root {
  --wp--preset--color---primary: $primary;
  --wp--preset--color---secondary: $secondary;
  --wp--preset--color---white: $white;
  --wp--preset--color---black: $black;
  --wp--preset--color---light-grey: $light_grey;
  --font-default: "Inter", sans-serif;
  --font-primary: "Noto Sans", sans-serif;
  --font-size-default: 16px;
  --font-weight-default: 400;
  --line-height-default: 1.633;
}

body {
  --wp--preset--font-size--medium: 18px;
}

/**  end vars */
.wp-block-acf-table-classes .table-classes {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.wp-block-acf-table-classes .tc-row {
  display: grid;
  align-items: center;
  width: 100%;
}
.wp-block-acf-table-classes .tc-cell {
  font-size: 14px;
  line-height: 1.2;
}
.wp-block-acf-table-classes {
  /* -----------------------------
     STYLE 1 (striped rows)
     Columns: Age | Class | Studios | Learn more
  ------------------------------ */
}
.wp-block-acf-table-classes.style1 .tc-row--striped {
  grid-template-columns: 2.2fr 3fr 2fr 1.2fr;
  padding: 14px 18px;
}
.wp-block-acf-table-classes.style1 .tc-row--striped:nth-child(odd) {
  background: #ffffff;
}
.wp-block-acf-table-classes.style1 .tc-row--striped:nth-child(even) {
  background: #F4F2FA;
}
.wp-block-acf-table-classes.style1 .tc-row--striped .tc-age {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.wp-block-acf-table-classes.style1 .tc-row--striped .tc-name {
  font-weight: 500;
}
.wp-block-acf-table-classes.style1 .tc-row--striped .tc-studios {
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  white-space: nowrap;
}
.wp-block-acf-table-classes.style1 .tc-row--striped .tc-link {
  text-align: right;
}
.wp-block-acf-table-classes.style1 .tc-row--striped .tc-linktext {
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  color: #EC0044;
  letter-spacing: 0.5px;
}
.wp-block-acf-table-classes.style1 .tc-row--striped .tc-linktext:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .wp-block-acf-table-classes.style1 .tc-row--striped {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 16px;
  }
  .wp-block-acf-table-classes.style1 .tc-row--striped .tc-link {
    text-align: left;
  }
}
.wp-block-acf-table-classes {
  /* -----------------------------
     STYLE 2 (boxed cells)
     Columns: Name | Age | Dates | Time | Location | Quick add
  ------------------------------ */
}
.wp-block-acf-table-classes.style2 .table-classes {
  gap: 18px;
}
.wp-block-acf-table-classes.style2 .tc-row--boxed {
  grid-template-columns: 2.8fr 1fr 1.4fr 1.4fr 2fr 1fr;
  gap: 18px;
  padding: 0;
}
.wp-block-acf-table-classes.style2 .tc-cell {
  background: #F4F2FA;
  padding: 18px 16px;
  border-radius: 0;
  color: #111;
  display: flex;
  align-items: center;
  min-height: 54px;
}
.wp-block-acf-table-classes.style2 .tc-name {
  font-weight: 700;
}
.wp-block-acf-table-classes.style2 .tc-action {
  background: transparent;
  padding: 0;
  min-height: auto;
  display: flex;
  justify-content: flex-end;
}
.wp-block-acf-table-classes.style2 .tc-btn {
  background: #F4F2FA;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  padding: 14px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
}
.wp-block-acf-table-classes.style2 .tc-btn:hover {
  filter: brightness(0.9);
}
@media (max-width: 1023px) {
  .wp-block-acf-table-classes.style2 .tc-row--boxed {
    grid-template-columns: 1fr;
  }
  .wp-block-acf-table-classes.style2 .tc-action {
    justify-content: flex-start;
  }
  .wp-block-acf-table-classes.style2 .tc-btn {
    width: 100%;
  }
}