/**
 * Turquoise Commerce Framework — global layout container
 * Mission 017 — one authoritative gutter + max-width system.
 *
 * @see docs/TURQUOISE_DESIGN_TOKENS.md · components/LAYOUT.md
 */

:root {
	--tq-gutter: var(--tq-space-md);
}

@media (max-width: 768px) {
	:root {
		--tq-gutter: var(--tq-space-sm);
	}
}

/* GP grid — align to framework max (1200px / 75rem) */
.grid-container,
.container.grid-container {
	max-width: var(--tq-grid-max) !important;
	padding-left: var(--tq-gutter);
	padding-right: var(--tq-gutter);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

/* Site content column — consistent inner padding */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header {
	padding-left: var(--tq-gutter);
	padding-right: var(--tq-gutter);
}

.separate-containers .inside-article,
.one-container .site-content {
	padding-top: var(--tq-space-md);
	padding-bottom: var(--tq-space-md);
}

/* Campus content container — light paper + wave3 (matches turquoiseufo.net GP Additional CSS) */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header,
.one-container .site-content {
	background-color: var(--tq-paper);
	background-image: var(--tq-texture-content);
	background-repeat: repeat;
	color: var(--tq-ink);
}

@media (max-width: 768px) {
	.separate-containers .inside-article,
	.one-container .site-content {
		padding-top: var(--tq-space-sm);
		padding-bottom: var(--tq-space-sm);
	}
}

/* Masthead uses same gutter (overrides GP 40px symmetric) */
.inside-header {
	padding-left: var(--tq-gutter) !important;
	padding-right: var(--tq-gutter) !important;
}

/* Woo block cart / checkout — prevent edge bleed */
.entry-content > .wp-block-woocommerce-cart,
.entry-content > .wp-block-woocommerce-checkout,
.wc-block-cart,
.wc-block-checkout {
	max-width: var(--tq-grid-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--tq-gutter);
	padding-right: var(--tq-gutter);
	box-sizing: border-box;
}

.entry-content .alignwide {
	max-width: var(--tq-grid-max);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: var(--tq-gutter);
	padding-right: var(--tq-gutter);
	box-sizing: border-box;
}

/* Classic Woo shortcode surfaces */
.woocommerce .woocommerce-cart-form,
.woocommerce .cart-collaterals,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
	max-width: 100%;
	box-sizing: border-box;
}

/* Search results + 404 */
.search .site-main .entry-content,
.error404 .site-main .entry-content {
	padding-left: var(--tq-gutter);
	padding-right: var(--tq-gutter);
}

/* Front page: drop redundant "Home" title — hero + brand carry the fold */
body.home .entry-header,
body.home .page .entry-header,
body.home article .entry-header {
	display: none;
}

body.home .separate-containers .inside-article,
body.home .one-container .site-content {
	padding-top: var(--tq-space-sm);
}