/* MenuDash Specials: today's specials. Loaded after the core plugin's menu.css, whose
   variables (--mdash-accent, --mdash-paper …) and reset it builds on. */

/* ---- [menudash_specials]: the same rows as the menu, under a title with the language switch. */
.menudash.menudash-specials { padding-top: 8px; }
.menudash-specials .mdash-sp-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; }
.menudash-specials .mdash-sp-head .mdash-langs { margin: 0 0 0 auto; }
.menudash-specials .mdash-sp-head { width: 100%; }
.menudash.menudash-specials .mdash-sp-title { margin: 0; font-family: var(--mdash-display); font-weight: var(--mdash-display-weight, 800); font-size: 40px; line-height: 1; letter-spacing: .01em; color: var(--mdash-accent); }

/* The phone switch (switch="no"): only on a phone and only below the jump row, where it
   takes the place of the row's copy, under the title like the menu's own switch. */
.menudash-specials .mdash-sp-phone { display: none; }
@media (max-width: 600px) {
  .mdash-jumpnav ~ .menudash-specials .mdash-sp-phone { display: inline-flex; margin: 20px 0 0; }
  .mdash-jumpnav:has(~ .menudash-specials .mdash-sp-phone) .mdash-langs { display: none; }
}

.menudash-specials .mdash-sp-jump { margin: 28px 0 0; text-align: center; }
.menudash-specials .mdash-sp-jump a {
  display: inline-flex; gap: .4em; align-items: center; padding: 12px 26px; border-radius: 999px;
  background: var(--mdash-accent); color: var(--mdash-on-accent); font-weight: 700; text-decoration: none;
}
.menudash-specials .mdash-sp-jump a:hover { filter: brightness(.9); }

/* ---- [menudash_lunch]: the lunch menu of the week, same rows; today's day marked in the week view. */
.menudash-lunch .mdash-lu-served { margin: 6px 0 0; color: var(--mdash-muted); font-weight: 600; }
.menudash-lunch .mdash-lu-next { margin: 14px 0 0; color: var(--mdash-muted); }
.menudash-lunch .mdash-lu-day.is-today { position: relative; padding-left: 14px; border-left: 3px solid var(--mdash-accent); }
.menudash-lunch .mdash-lu-today { margin: 18px 0 -8px; color: var(--mdash-accent); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }

/* Today view: the other days folded away until "See the whole week"; then today is marked. */
.menudash-lunch.mdash-lu-folded .mdash-lu-day:not(.is-shown) { display: none; }
.menudash-lunch.mdash-lu-folded .mdash-lu-today { display: none; }
.menudash-lunch.mdash-lu-folded .mdash-lu-day.is-today { padding-left: 0; border-left: 0; }
.menudash-lunch:not(.mdash-lu-folded) .mdash-lu-next { display: none; }
.menudash-lunch .mdash-lu-more-row { margin: 18px 0 0; text-align: center; }
.menudash-lunch .mdash-lu-more {
  padding: 9px 20px; border: 1.5px solid var(--mdash-accent); border-radius: 999px; background: transparent;
  color: var(--mdash-accent); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer;
}
.menudash-lunch .mdash-lu-more:hover { background: var(--mdash-accent); color: var(--mdash-on-accent); }
.menudash-lunch.mdash-lu-folded .mdash-lu-close, .menudash-lunch:not(.mdash-lu-folded) .mdash-lu-open { display: none; }