/* Component: tb-menu-section */

.tb-menu-section-wrapper {
  transition: opacity 0.3s ease;
}

/* — Header — */
.tb-menu-section-header {
  padding: 0.75rem 1.5rem;
  text-align: center;
}

.tb-menu-section-title {
  margin: 0;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.tb-menu-section-header-inner {
  /* max-width controlled by fl-row-fixed-width */
}

/* — Content area — */
.tb-menu-section-content-area {
  padding: 1.5rem;
}

.tb-menu-section-content-inner {
  /* max-width controlled by fl-row-fixed-width */
}

/* — Columns layout — */
.tb-menu-section-items-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 2.5rem;
}

@media (max-width: 767px) {
  .tb-menu-section-items-grid {
    grid-template-columns: 1fr;
  }
}

.tb-menu-item-name,
.tb-menu-item-price,
.tb-menu-plain-content {
  font-family: 'Cutive Mono', monospace;
}

.tb-menu-item-price {
  margin-left: 0.4em;
}

.tb-menu-item-subtext {
  margin-top: 0.2rem;
}

/* — Plain content layout — */
.tb-menu-plain-content {
  text-align: center;
}

.tb-menu-plain-description {
  margin-top: 0.75rem;
  text-align: center;
}

/* — Edit mode slug hint — */
.fl-builder-edit .tb-section-slug-hint {
  font-size: 11px;
  font-family: monospace;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  padding: 0.25rem 0.75rem;
  text-align: center;
  letter-spacing: 0.05em;
  pointer-events: none;
}