/* Reusable layout helpers. Divi presets remain the primary page-building path. */

.bys-container {
	width: var(--client-row-width);
	max-width: var(--client-row-max-width);
	margin-inline: auto;
}

.bys-reading-width {
	width: min(100%, var(--client-reading-width));
	margin-inline: auto;
}

.bys-stack {
	display: flex;
	flex-direction: column;
	gap: var(--client-space-md);
}

.bys-cluster {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--client-space-sm);
}

.bys-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: var(--client-space-md);
}

.bys-equal-height {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.bys-equal-height > :last-child {
	margin-top: auto;
}

.bys-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}