/*
Theme Name:   Coastal Supply Group Child
Description:  Child theme of Astra for the Coastal Supply Group site. Holds template overrides, theme assets, and theme-specific hooks. Site-wide policies belong in the coastal-supply-core mu-plugin instead.
Author:       Coastal Supply Group
Template:     astra
Version:      0.1.0
License:      Proprietary
Text Domain:  coastal-supply-child
*/

/* ── Constrained Content page template ──────────────────────────────────────
 * Applied via page-templates/constrained-content.php.
 *
 * Uses WordPress's native is-layout-constrained system (declared in theme.json)
 * so individual blocks can opt out via the editor's width controls:
 *   • Default    → capped at 1440px, centred
 *   • Wide       → full container width (1440px)
 *   • Full Width → 100vw, breaks out of the container
 */

.coastal-constrained-content {
	box-sizing: border-box;
	max-width: 1440px;
	margin-inline: auto;
	padding-top: 32px;
	/* Must stay overflow: visible so alignfull blocks can escape via negative margins */
}

/* Wide blocks: span the full container width */
.coastal-constrained-content .alignwide {
	max-width: 100%;
	width: 100%;
}

/* Full-width blocks: escape to viewport width.
   Uses the same calc(50% - 50vw) technique as custom blocks site-wide. */
.coastal-constrained-content .alignfull {
	max-width: 100vw !important;
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

@media (max-width: 1024px) {
	.coastal-constrained-content {
		padding-top: 24px;
		padding-inline: 32px;
	}
}

@media (max-width: 768px) {
	.coastal-constrained-content {
		padding-top: 16px;
		padding-inline: 16px;
	}
}