/* Menu prices: a name always keeps clear of its price.

   This is the one deliberate change from how the WordPress site lays the menus out; it is not part of the
   heading font. The WordPress site pins each price to the right edge of its row, level with the end of the
   name, and leaves the name only 15 px clear, so a name that ends near the edge is printed over its price
   (on the WordPress site too, at some screen widths).

   Each row with a pinned price carries its price in data-price (added by tools/static/transform.mjs,
   transform "pricegap"). The rule below puts an invisible copy of the price, in the price's own font, at the
   end of the name, joined to the last word by a no-break space. The copy takes up the room the price needs,
   so when the last line of a name would reach its price, the last word moves to a new line and the price
   moves with it. Rows whose name already clears its price by 10 px or more look exactly as before.

   - The font below must stay the same as the price's (Inter, 18px, weight 300); the build stops if a menu
     widget pins its prices in another font.
   - margin-right undoes the 15 px the site reserves at the end of every line of a name, so the room held is
     the price's width plus the gap, measured from the right edge of the row.
   - The smallest gap between a name and its price is the no-break space (about 5 px) plus padding-left
     (5 px): about 10 px. Change padding-left to change the gap.
   - Rows with an icon after the name (the vegetarian leaf) do not carry data-price: the icon and the 15 px
     already keep 35 px clear, more than a one- or two-character price needs. The build stops if such a row
     ever gets a longer price.
   Change this file in tools/static/menu-price-gap.css and rebuild, not in the built site. */
.elementor-widget-icon-list .elementor-icon-list-text[data-price]::after {
  content: "\00A0" attr(data-price);
  font-family: Inter;
  font-size: 18px;
  font-weight: 300;
  line-height: 0;
  white-space: nowrap;
  padding-left: 5px;
  margin-right: -15px;
  visibility: hidden;
}