/*
 * WHERE Custom Blocks - layout utility classes.
 * Applied by the editor via Elementor > Advanced > CSS Classes.
 * These are layout behaviors, deliberately NOT baked into any widget.
 * Documented in README.md.
 */

/* Fixes ancestors that silently kill position: sticky. Elementor
   containers routinely add overflow: hidden; apply this class to those
   containers. overflow-y: auto ON the sticky element itself is fine -
   only ancestor overflow breaks sticky. */
.where-sticky-parent { overflow: visible !important; }

/* Pin a column to the BOTTOM of its row. Elementor v3's sticky effect can
   only pin to the top. Requirements: the parent must be a grid/flex row,
   the column must not be stretched (align-self: start keeps its natural
   height so the grid area is taller than the element), and no ancestor may
   have overflow: hidden (.where-sticky-parent fixes that). If the column
   is taller than the viewport, its top scrolls out of view - that is
   correct sticky behavior, not a bug. */
.where-sticky-bottom {
	position: sticky;
	bottom: var(--where-sticky-offset, 0);
	align-self: start;
}