@charset "UTF-8";
/**
 * Redbones Element: Menu Section Content
 * Figma: Menu A `1866:2761` (1440×612)  / `1866:2779` (375×559)
 *        Menu B `1866:2801` (1440×2125) / `1866:2879` (375×1432)
 *
 * One heading over a rule, then rows of name / description / price. Menu A and
 * Menu B are the same rules with different fields filled — there is no variant
 * class here and none is needed.
 */
.rb-menu-section-content.rb-section--list {
  --rb-section-spacing: var(--rb-space-md);
}

.rb-menu-section-content.rb-section--list:has(+ *:not(.rb-menu-section-content):not(.rb-menu-divider):not(.rb-menu-section-header)),
.rb-menu-section-content.rb-section--list:last-child {
  padding-bottom: var(--rb-section-tight);
}

.rb-menu-section-content__inner {
  max-width: var(--rb-width-menu);
  margin-inline: auto;
}

.rb-menu-section-content__head {
  margin-bottom: var(--rb-space-sm);
}

.rb-menu-section-content__heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--rb-space-sm);
}

.rb-menu-section-content__heading {
  min-width: 0;
  color: var(--rb-accent);
}

.rb-menu-section-content__accent {
  text-transform: none;
}

.rb-menu-section-content__meta {
  display: block;
  flex: 0 0 auto;
  margin: 0;
  color: var(--rb-fg-muted);
  text-align: right;
  white-space: nowrap;
}

.rb-menu-section-content__meta--canvas {
  display: block;
}

.rb-menu-section-content__rule {
  display: block;
  height: var(--rb-stroke-rule);
  background-color: var(--rb-accent);
  margin-top: var(--rb-space-sm);
}

.rb-menu-section-content__items {
  display: flex;
  flex-direction: column;
  gap: var(--rb-space-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}

.rb-menu-section-content__row {
  display: flex;
  align-items: flex-start;
  gap: var(--rb-space-sm);
}

.rb-menu-section-content__name {
  flex: 1 1 auto;
  min-width: 0;
}

.rb-menu-section-content__price {
  flex: 0 0 auto;
  text-align: right;
  white-space: nowrap;
  font-weight: var(--rb-weight-book);
}

.rb-menu-section-content__text {
  margin: var(--rb-space-2xs) 0 0;
  color: var(--rb-fg-muted);
}
.rb-menu-section-content__text:first-child {
  margin-top: 0;
}

@media (max-width: 767px) {
  .rb-menu-section-content__heading-row {
    flex-wrap: wrap;
  }
  .rb-menu-section-content__meta,
  .rb-menu-section-content__price {
    flex: 0 1 auto;
    white-space: normal;
  }
}
@media (min-width: 768px) {
  .rb-menu-section-content__rule {
    margin-top: var(--rb-space-sm);
  }
  .rb-menu-section-content__head {
    margin-bottom: var(--rb-space-lg);
  }
  .rb-menu-section-content__items {
    gap: var(--rb-space-lg);
  }
  .rb-menu-section-content__row {
    gap: var(--rb-space-xl);
  }
  .rb-menu-section-content__name,
  .rb-menu-section-content__price,
  .rb-menu-section-content__text {
    font-size: var(--rb-size-body-large);
  }
  .rb-menu-section-content__text {
    margin-top: var(--rb-space-xs);
    color: var(--rb-fg);
  }
}

/*# sourceMappingURL=rb-menu-section-content.css.map */