/* ===================================================================
   BLOOM · a guard against sideways scrolling
   -------------------------------------------------------------------
   Some Elementor containers carry a fixed width in pixels (the trips
   section is set to 1220px). A fixed width inside a flex parent does
   not shrink, so on any window narrower than that the section pushed
   past the screen and the whole page scrolled sideways.

   max-width:100% only ever takes effect when a container would
   otherwise be wider than the space it has - a section that already
   fits is left exactly as it is, at exactly its designed width.
   =================================================================== */

.elementor-element.e-con { max-width: 100%; }

/* Full-width bands (the recipes opening screen and its category bar) are
   sized in 100vw, and 100vw counts the scrollbar - so they end up a
   scrollbar wider than the page and nudge it sideways. Clipping the
   horizontal axis removes that. `clip` rather than `hidden` on purpose:
   hidden would turn the body into a scroll container and break the
   sticky category bar. */
body {
	overflow-x: clip;
	overflow-y: visible;
}