/**
 * Layout styles for the v2 composable patterns.
 *
 * Kept apart from styles.scss (public.css), which is what the legacy blocks
 * load and must stay as shipped in 1.0.7. Everything here is scoped to the
 * .affr-layout namespace, which legacy markup never uses.
 */
@import "layouts/_mixins";

// Layout root: the container every layout responds to.
.affr-layout {
	color: var(--affr-text-color);
	container-type: inline-size;

	& * {
		box-sizing: border-box;
	}

	// Core Columns break words anywhere; the legacy layouts wrap normally
	// (e.g. "WAGERING REQUIREMENT:" in the spec list).
	.wp-block-column {
		word-break: normal;
		overflow-wrap: normal;
	}

	// Anchor for overlay parts (Review Tag "overlay", numbered badges).
	.affr-layout__item,
	.affr-layout__thumb {
		position: relative;
	}
}

@import "layouts/_single";
@import "layouts/_summary";
@import "layouts/_loops";
