/*
 * Seriani Restaurant — Menu Page Styles
 * Additional refinements for the menu page
 * Main styles are in main.css
 */

/* Menu-specific enhancements can go here if needed */
/* Currently all menu styles are in main.css for simplicity */

/* Example: Menu item hover effects enhancement */
@media (min-width: 1024px) {
  .menu-detail-item {
    transition: transform var(--transition-fast);
  }
  
  .menu-detail-item:hover {
    transform: translateX(8px);
  }
}

/* Menu category scroll margin for sticky nav */
.menu-category {
  scroll-margin-top: 160px;
}

/* No results state */
.menu-no-results {
  text-align: center;
  padding: var(--space-4xl) var(--container-padding);
  color: var(--color-text-muted);
}

.menu-no-results__icon {
  font-size: var(--text-6xl);
  margin-bottom: var(--space-lg);
  opacity: 0.3;
}

.menu-no-results__text {
  font-size: var(--text-xl);
  margin-bottom: var(--space-md);
}

.menu-no-results__hint {
  font-size: var(--text-base);
  color: var(--color-stone);
}