/**
 * Storefront page shell — blush page background + white content panel (live zivothvezdy.cz)
 */

:root {
	--zh-shell-blush: linear-gradient(
		180deg,
		#fff8fb 0%,
		#f4f2f8 100%
	);
	--zh-shell-panel-bg: #fff;
	--zh-shell-panel-radius: 16px;
	--zh-shell-panel-shadow: 0 4px 28px rgba(45, 45, 95, 0.08);
	--zh-shell-max: 1140px;
}

/* Blush page background — kategorie, košík, checkout, účet (NE produkt) */
body.tax-product_cat,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account,
body.page-faq {
	background:
		radial-gradient(120% 80% at 100% 0%, rgba(224, 173, 0, 0.12), transparent 55%),
		radial-gradient(90% 70% at 0% 0%, rgba(232, 67, 147, 0.1), transparent 50%),
		var(--zh-shell-blush) !important;
}

/* Produkt — neutrální šedé pozadí jako na live (HybridMag), bez posunu layoutu */
body.single-product {
	background: var(--bg, #f5f5f7) !important;
}

body.single-product main,
body.tax-product_cat main,
body.woocommerce-cart main,
body.woocommerce-checkout main,
body.woocommerce-account main,
body.page-faq main {
	background: transparent;
	padding: 0;
	margin: 0;
}

#content.site-content {
	background: transparent;
	width: 100%;
}

.content-area.hm-container {
	max-width: var(--zh-shell-max);
	margin: 0 auto;
	padding: 16px 16px 40px;
	box-sizing: border-box;
}

/* ── Product detail ── */
body.single-product .content-area.hm-container {
	max-width: var(--zh-shell-max);
	padding-top: 12px;
	padding-bottom: 48px;
}

body.single-product .zh-product-page-wrap {
	background: var(--zh-shell-panel-bg);
	border-radius: var(--zh-shell-panel-radius);
	box-shadow: var(--zh-shell-panel-shadow);
	overflow: hidden;
}

body.single-product .zh-product-page-wrap {
	max-width: none;
	margin: 0;
	padding: 0;
}

/* ── Category listing ── */
body.tax-product_cat .content-area.hm-container {
	max-width: 1280px;
}

body.tax-product_cat .hm-woocommerce-container.woocommerce {
	background: var(--zh-shell-panel-bg);
	border-radius: var(--zh-shell-panel-radius);
	box-shadow: var(--zh-shell-panel-shadow);
	padding: 20px 20px 32px;
	box-sizing: border-box;
}

/* ── Cart (override cart.css gray) ── */
body.woocommerce-cart,
body.woocommerce-cart main,
body.woocommerce-cart .content-area.hm-container {
	background: transparent !important;
}

body.woocommerce-cart .content-area.hm-container {
	max-width: 1200px;
	padding-top: 16px;
	padding-bottom: 32px;
}

body.woocommerce-cart .site-main,
body.woocommerce-cart .wp-block-woocommerce-cart {
	background: var(--zh-shell-panel-bg) !important;
	border-radius: var(--zh-shell-panel-radius);
	box-shadow: var(--zh-shell-panel-shadow);
	overflow: hidden;
}

body.woocommerce-cart .aiqg-cart-panel {
	border-radius: 0;
}

/* ── Checkout ── */
body.woocommerce-checkout .content-area.hm-container {
	max-width: 960px;
	padding-top: 16px;
	padding-bottom: 48px;
}

body.woocommerce-checkout .zh-checkout-wrap,
body.woocommerce-checkout .wc-block-checkout {
	background: var(--zh-shell-panel-bg);
	border-radius: var(--zh-shell-panel-radius);
	box-shadow: var(--zh-shell-panel-shadow);
	padding: 24px;
	box-sizing: border-box;
}

/* ── Account ── */
body.woocommerce-account .content-area.hm-container {
	max-width: 1040px;
	padding-top: 20px;
	padding-bottom: 48px;
}

body.woocommerce-account .aiqg-account.aiqg-account--dashboard {
	max-width: none;
	margin: 0;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.content-area.hm-container {
		padding-left: 12px;
		padding-right: 12px;
	}

	body.tax-product_cat .hm-woocommerce-container.woocommerce {
		padding: 12px 12px 24px;
		border-radius: 12px;
	}

	body.single-product .zh-product-page-wrap {
		border-radius: 12px;
	}
}
