/**
 * Unified content width — header, home, shop, account
 * Uses --container-width (Customizer / theme option, default 1480px)
 */

:root {
	--site-shell-gutter: 16px;
}

.container {
	max-width: var(--container-width);
	width: 100%;
	margin-inline: auto;
	padding-inline: var(--site-shell-gutter);
	box-sizing: border-box;
}

/* Homepage */
.marketplace-home-ebay .marketplace-home {
	max-width: var(--container-width);
	width: 100%;
	margin-inline: auto;
	padding-inline: var(--site-shell-gutter);
	box-sizing: border-box;
}

/* Shop PLP */
.plp-ebay-page__inner.container {
	max-width: var(--container-width);
	padding-inline: var(--site-shell-gutter);
}

/* WooCommerce pages (account, cart, checkout) */
.woocommerce-page-shell.container {
	max-width: var(--container-width);
	padding-inline: var(--site-shell-gutter);
}

.woocommerce-content.container,
.content-area.container {
	max-width: var(--container-width);
	padding-inline: var(--site-shell-gutter);
}

/* Account / cart / checkout: inner .woocommerce must fill the page shell (no double max-width) */
.is-marketplace-account .woocommerce-page-shell .entry-content,
.is-marketplace-account .woocommerce-page-shell .woocommerce-page-entry,
.is-marketplace-account .woocommerce-page-shell .woocommerce,
.woocommerce-cart .woocommerce-page-shell .woocommerce,
.woocommerce-checkout .woocommerce-page-shell .woocommerce {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.is-marketplace-account .marketplace-myaccount-layout {
	width: 100%;
	max-width: none;
}

/* Help / policy pages — same width as home, shop, account */
.marketplace-trust-shell.container {
	max-width: var(--container-width);
	padding-inline: var(--site-shell-gutter);
}

/* Mobile: hide entire header when bottom tab bar is active (loads after marketplace-ui) */
@media (max-width: 768px) {
	body.has-mobile-tab-bar.has-mobile-hidden-header #masthead {
		display: none !important;
	}

	body.has-mobile-tab-bar.has-mobile-hidden-header {
		--header-height: 0px;
		padding-top: env(safe-area-inset-top, 0px);
	}

	body.has-mobile-tab-bar.has-mobile-hidden-header .site-main {
		padding-top: 0;
	}
}