/* Time-based modes */
/* ヒーロー画像はランチ・ディナーとも同一の店舗外観を表示 */
.hero-image-lunch {
  display: block;
}

body.mode-lunch .hero-copy-lunch {
  display: block;
}

body.mode-lunch .hero-copy-dinner {
  display: none;
}

body.mode-dinner .hero-copy-lunch {
  display: none;
}

body.mode-dinner .hero-copy-dinner {
  display: block;
}

/* Fallback when JS is disabled: lunchモードを前提に表示 */
.hero-copy-dinner {
  display: none;
}

.menu-sections {
  display: flex;
  flex-direction: column;
}

/* order制御：デフォルトはランチ優先 */
#lunch {
  order: 1;
}

#dinner {
  order: 2;
}

body.mode-dinner #dinner {
  order: 1;
}

body.mode-dinner #lunch {
  order: 2;
}

@media (min-width: 768px) {
  .lunch-pasta-grid img {
    width: 100%;
    max-width: 100%;
  }
}

.lunch-bottom-grid .menu-card {
  padding: 0;
  box-shadow: none;
}

.lunch-bottom-grid .menu-card:hover {
  transform: none;
}

.lunch-bottom-grid .menu-img {
  border-radius: 4px;
}

/* タブ選択中は文字色が消えないよう固定 */
.menu-tab-btn[aria-selected="true"],
.menu-tab-btn[aria-selected="true"]:hover,
.menu-tab-btn[aria-selected="true"]:active,
.menu-tab-btn[aria-selected="true"]:focus-visible {
  background-color: #C05640;
  border-color: #C05640;
  color: #ffffff;
}