/* Menu pages (8 Oct 2026): each dish story folds to its opening with a "read more" control that opens it in place.
   On computers the first paragraph shows; on phones and small tablets (900px and under) the first three sentences. The
   ingredients show in the page's own language only, at every width. Pairs with /js/menu-fold.js. On the current and the archived menus. */
.vmenu-dish__story.is-fold { position: relative; overflow: hidden; transition: max-height .45s ease; }
.vmenu-dish__story.is-fold:not(.is-closed) { padding-bottom: 12px; }
/* while folded the fourth sentence starts on its own line, so the cut is exactly after the third */
.vmenu-dish__story.is-closed .fold-rest { display: block; }
.vmenu-fold-more {
  display: inline-flex; width: max-content; max-width: calc(100% - 112px); align-items: center; gap: 6px; margin: 0 56px 40px; padding: 6px 0;
  background: none; border: 0; border-bottom: 1px solid rgba(17,17,16,.34); cursor: pointer;
  font-family: 'Inter', sans-serif; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: #111110;
}
.vmenu-fold-more .arrow { display: inline-block; transition: transform .3s ease; font-size: .9em; }
.vmenu-fold-more[aria-expanded="true"] .arrow { transform: rotate(90deg); }
/* the story and the control share one grid cell (the wrapper the script adds), so the control sits right under the text */
.vmenu-fold-wrap { min-width: 0; }
.vmenu-fold-wrap > .vmenu-story-logos, .vmenu-fold-wrap > .vmenu-verde-note { margin: 0 72px 44px 56px; }
.vmenu-fold-wrap > .vmenu-story-logos { margin-top: 0; }
.vmenu-fold-wrap > .vmenu-verde-note { display: block; }
/* one language of ingredients, the page's own, at every width (Snider, 8 Oct): the PT block is first on both pages */
[data-venn-lang="en"] .vmenu-ingredients__block:first-child,
[data-venn-lang="pt"] .vmenu-ingredients__block:last-child { display: none; }
.vmenu-ingredients__block .vmenu-ingredients__lang { display: none; }
.vmenu-ingredients__block + .vmenu-ingredients__block { margin-top: 0; }
@media (max-width: 900px) {
  .vmenu-fold-more { max-width: calc(100% - 48px); margin: 0 24px 30px; }
  .vmenu-fold-wrap > .vmenu-story-logos, .vmenu-fold-wrap > .vmenu-verde-note { margin: 0 24px 32px; }
}