/* Alma Load More — see ../../alma-load-more.php */

/* Wrapper injected around the `.alma-load-more` container. Height is capped by JS (max-height) and
   overflow:hidden removes the hidden cards from the page's scroll height (clip-path would not).
   No side padding/negative margins: they made the page horizontally scrollable on mobile. The
   wrapped container is full-width, so card shadows inside its boxed content area are not clipped. */
.alma-lm-wrap {
	overflow: hidden;
	transition: max-height 0.55s ease;
}
.alma-lm-wrap.alma-lm-noanim {
	transition: none;
}
.alma-lm-wrap.alma-lm-done {
	overflow: visible;
	max-height: none !important;
}

/* Fade + button block, inserted right after the wrapper. */
.alma-lm-controls {
	position: relative;
	z-index: 2;
	text-align: center;
	padding: 8px 0 12px;
}
.alma-lm-fade {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 150px;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--alma-lm-fade, #fff) 90%);
}
.alma-lm-button {
	display: inline-block;
	font-family: "Open Sans Hebrew", "Open Sans", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	color: var(--alma-lm-color, #0f116c);
	background: #fff;
	border: 2px solid var(--alma-lm-color, #0f116c);
	border-radius: 999px;
	padding: 12px 34px;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.alma-lm-button:hover,
.alma-lm-button:focus-visible {
	background: var(--alma-lm-color, #0f116c);
	color: #fff;
	outline: none;
}