/* ===== Row Block (frontend) ===== */

.row-block {    
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: var(--row-gap, 0);
	justify-content: var(--row-justify, center);
	align-items: var(--row-align, center);
}

/* Mobile gap override */
@media (max-width: 1024px) {
	.row-block {
		flex-direction: var(--row-direction-mobile, row);
        flex-wrap: wrap;
		gap: var(--row-gap-mobile, var(--row-gap, 0));
		justify-content: var(--row-justify-mobile, var(--row-justify, center));
		align-items: var(--row-align-mobile, var(--row-align, center));
	}

	.row-block.is-stack-mobile > * {
        width: 100%;
    }
}