/*
 * The Well & Table Menu Styles
 *
 * IMPORTANT ARCHITECTURAL PRINCIPLE:
 * All styling for live public menus should be in restaurant-specific CSS files
 * like this one, NOT in global CSS. This allows each restaurant to have
 * complete control over their menu appearance.
 *
 * Location: /public/restaurants/{slug}/menu.css
 * Applied to: /{slug} (landing page) and /{slug}/{menuSlug} (menu pages)
 */

.well-and-table-menu {
  font-family: 'EB Garamond', Georgia, serif;
  font-weight: 300;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

/* Restaurant name (text-based logo on landing page) */
.well-and-table-menu .restaurant-name {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 3.75rem; /* text-6xl */
  font-weight: 700;
  color: #0f172a;
}

/* Menu links on landing page */
.well-and-table-menu .menu-link {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 1.875rem; /* text-3xl */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  color: #0f172a;
  transition: color 0.2s;
}

.well-and-table-menu .menu-link:hover {
  color: #475569;
}

.well-and-table-menu .menu-item-title {
  font-size: 17.968px;
  line-height: 32.3424px;
  font-weight: 700;
  letter-spacing: normal;
  text-transform: uppercase;
}

.well-and-table-menu .menu-item-description {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  letter-spacing: normal;
  color: #64748b !important;
}



.well-and-table-menu .menu-item-modifiers {
  font-size: 20px;
  line-height: 32.3424px;
  font-weight: 300;
  letter-spacing: normal;
  color: #64748b !important;
}

.well-and-table-menu .menu-item-variants {
  font-size: 17.968px;
  line-height: 32.3424px;
  font-weight: 300;
  letter-spacing: normal;
  color: #64748b !important;
}

.well-and-table-menu .menu-item-variants strong {
  font-weight: 700;
  color: #000000 !important;
}

.well-and-table-menu .category-title {
  font-size: 20px;
  line-height: 32.3424px;
  font-weight: 700;
  letter-spacing: normal;
  text-transform: uppercase;
  text-decoration: underline;
}

.well-and-table-menu .category-note {
  font-size: 20px;
  line-height: 32.3424px;
  font-weight: 300;
  letter-spacing: normal;
  font-style: italic;
  color: #64748b !important;
}