/**
 * Art United — single horizontal container rule for the whole site.
 *
 * Header, nav, hero, listings, and Canvas sections share --au-site-max-width.
 */

:root {
	--au-site-gutter: 20px;
	--au-site-max-width: 100%;
	--au-w-content: var(--au-site-max-width);
	--au-layout-padding-inline: var(--au-site-gutter);
}

@media (min-width: 760px) {
	:root {
		--au-site-max-width: 720px;
	}
}

@media (min-width: 1020px) {
	:root {
		--au-site-max-width: 1000px;
	}
}

@media (min-width: 1120px) {
	:root {
		--au-site-max-width: 1080px;
	}
}

@media (min-width: 1240px) {
	:root {
		--au-site-max-width: 1200px;
	}
}

/* One rule: primary layout containers (beats theme container-wide at 1440px+) */
.au-site-container,
.header > .cs-container,
.site-header .header > .cs-container,
.navbar-primary > .cs-container,
.site-footer.au-footer .footer-section > .cs-container,
.cnvs-block-section > .cnvs-block-section-outer,
.artunited-container,
.cnvs-block-section-fullwidth > .cnvs-block-section-outer:has(.artunited-galleries-container),
.cnvs-block-section-fullwidth > .cnvs-block-section-outer:has(.artunited-artists-container),
.cnvs-block-section-fullwidth > .cnvs-block-section-outer:has(.artunited-list-stack),
.cnvs-block-section-fullwidth > .cnvs-block-section-outer:has(.events-container) {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--au-site-max-width) !important;
	padding-right: var(--au-site-gutter) !important;
	padding-left: var(--au-site-gutter) !important;
	margin-right: auto;
	margin-left: auto;
}

/* Listing shells already pad the outer column — avoid double gutters inside */
.au-site-container .artunited-container,
.au-site-container .artunited-galleries-container,
.au-site-container .artunited-artists-container,
.au-site-container .artunited-list-stack,
.au-site-container .events-container {
	max-width: none !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/* Programmatic + Canvas listing pages: full-width content column */
.au-listing-archive-body .site-content > .cs-container,
.page-template-template-canvas-fullwidth .site-content > .cs-container {
	max-width: 100% !important;
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}

/* Breadcrumbs bar uses au-site-container; keep it aligned on full-width templates */
.page-template-template-canvas-fullwidth .au-breadcrumbs-bar > .au-site-container,
.au-listing-archive-body .au-breadcrumbs-bar > .au-site-container {
	max-width: var(--au-site-max-width) !important;
	padding-right: var(--au-site-gutter) !important;
	padding-left: var(--au-site-gutter) !important;
	margin-right: auto;
	margin-left: auto;
}

/*
 * Art United singles (gallery / artist / event / editorial):
 * .artunited-container already applies horizontal gutters — drop .cs-container
 * padding so breadcrumbs (sibling, one gutter layer) line up with profile content.
 */
.site-content > .cs-container:has(#content > .artunited-single) {
	max-width: 100% !important;
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}

/*
 * Keep listing content aligned with the header — disable Canvas inner bleed
 * on hero/list sections and on shortcode listing blocks inside Canvas pages.
 */
.au-list-hero > .au-site-container > .cnvs-block-section-inner,
.au-listing-section > .au-site-container > .cnvs-block-section-inner,
.au-editorial-list-section > .au-site-container > .cnvs-block-section-inner,
.cnvs-block-section-with-background-color > .cnvs-block-section-outer > .cnvs-block-section-inner,
.cnvs-block-section-fullwidth > .cnvs-block-section-outer > .cnvs-block-section-inner:has(.artunited-galleries-container),
.cnvs-block-section-fullwidth > .cnvs-block-section-outer > .cnvs-block-section-inner:has(.artunited-artists-container),
.cnvs-block-section-fullwidth > .cnvs-block-section-outer > .cnvs-block-section-inner:has(.artunited-list-stack),
.cnvs-block-section-fullwidth > .cnvs-block-section-outer > .cnvs-block-section-inner:has(.events-container) {
	margin-right: 0 !important;
	margin-left: 0 !important;
}