/**
 * BRIX — global utilities.
 *
 * Loaded on every page via its own wp_enqueue_style in
 * inc/brix-global.php.
 *
 * NOTE: this deliberately does NOT live in the child theme's style.css.
 * Avada's CSS compiler folds style.css into a cached combined bundle and
 * drops the 'child-style' handle from the page, so rules added there do
 * not take effect until that cache is regenerated — and silently fail
 * in the meantime.
 */

/* ============================================================
   CONTENT WIDTH UTILITIES
   ------------------------------------------------------------
   The theme's global site width is ~1920px (content caps around
   1997px) because this build was replicating a 1920px design.
   Most sections want a narrower measure than that.

   Put the class on the CONTAINER (Fusion Container > Extra >
   CSS Class). The container keeps its full-bleed background and
   only the inner row is capped and centred, which is what you
   want for a coloured or image-backed band.

   The class also works applied directly to a column, for capping
   a single column inside a wider row.

       max-width-1280   long-form / two-column sections
       max-width-1080   single-column reading measure

   Both keep Avada's own gutters intact and go full width below
   the theme's 1280 breakpoint, so nothing changes on tablet
   or mobile.
   ============================================================ */
.max-width-1280 > .fusion-builder-row,
.max-width-1280 > .fusion-flex-content-wrap,
.fusion-layout-column.max-width-1280,
.max-width-1280.fusion-builder-row {
	/* !important: Avada emits the site-width cap on .fusion-builder-row
	   from its dynamic <style> block, which otherwise wins. */
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.max-width-1080 > .fusion-builder-row,
.max-width-1080 > .fusion-flex-content-wrap,
.fusion-layout-column.max-width-1080,
.max-width-1080.fusion-builder-row {
	max-width: 1080px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Below the cap there is nothing to constrain — let Avada's own
   responsive padding take over so these don't fight each other. */
@media ( max-width: 1300px ) {
	.max-width-1280 > .fusion-builder-row,
	.max-width-1280 > .fusion-flex-content-wrap,
	.max-width-1080 > .fusion-builder-row,
	.max-width-1080 > .fusion-flex-content-wrap {
		max-width: 100% !important;
	}
}