/* Menu Section Visual Styles */
.menu-section {
  background-image: url(/assets/img/gray-and-white-old-wood-plank-texture.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.menu-section__content {
  background-color: var(--dark-teal);
  color: var(--gold);
}

.menu-toggle,
.close-menu {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.5rem;
}

.menu-text h1 {
  color: var(--gold);
  font-family: var(--font-heading);
}

.menu-text p {
  color: var(--text-light);
}

.market-hours,
.foodtruck-hours {
  background-color: var(--sand);
}

.menu-content {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}

.menu-category-grid {
  background-color: var(--dark-teal);
}

.menu-category h4 {
  color: var(--gold);
  border-bottom: 2px solid var(--gold);
}

.menu-item-name {
  color: var(--text-light);
  font-weight: 600;
}

.menu-item-price {
  color: var(--gold);
  font-weight: 600;
}

.menu-item-description {
  color: var(--text-light);
  padding: var(--spacing-sm) 0;
}

.menu-section__title {
  color: var(--dark-blue);
}

.menu-section__description {
  color: var(--text-gray);
  line-height: 1.6;
}

.menu-section__category {
  border-radius: 8px;
}

.menu-section__category-title {
  color: var(--dark-blue);
  border-bottom: 2px solid var(--primary-color);
  font-weight: 600;
}

.menu-section__item-header {
  font-weight: 600;
}

.menu-section__item-name {
  color: var(--dark-blue);
}

.menu-section__item-price {
  color: var(--primary-color);
}

.menu-section__item-description {
  color: var(--text-gray);
  font-size: 0.9rem;
}

.menu-section__hours {
  background-color: var(--background-light);
  text-align: center;
  color: var(--text-light);
}

.menu-section__hours-title {
  color: var(--dark-blue);
  border-bottom: 2px solid var(--primary-color);
  font-weight: 600;
}

.menu-section__hours-details {
  color: var(--text-gray);
}

.menu-section__hours-note {
  color: var(--text-gray);
  font-size: 0.8rem;
  font-style: italic;
}