/* LAYOUT */

body{
/*
[full] (padding) [wide] (10% - padding) [content + title] (largeur variable) [/title + meta] (largeur variable) [/meta + /content] (10% - padding) [/wide] (padding) [/full]
*/
--wc-product-header-grid-rows:
	[breadcrumb-start]
	auto
	[breadcrumb-end title-start onsale-start]
	auto
	[onsale-end title-end stars-star]
	auto
	[stars-end];

--wc-product-header-grid-columns:
	[full-start] var(--layout-padding-inline)
	[wide-start title-start stars-start] 1fr [title-end onsale-start] auto [onsale-end stars-end wide-end]
	var(--layout-padding-inline) [full-end];

--wc-1col-grid-columns: [full-start] 1fr [full-end];
--wc-2col-grid-columns: [full-start left-start] 1fr [left-end right-start] 1fr [right-end full-end];
--wc-address-grid-columns: [full-start] 1fr 1fr 1fr 1fr [full-end];

--wc-catalog-grid-columns:
	[result-count-start] 1fr [result-count-end ordering-start] max-content [ordering-end];

--wc-product-grid-columns:
	[product-start left-start] 1fr [left-end right-start] 1fr [right-end product-end];
--wc-product-gallery-grid-columns:
	[gallery-start] repeat(4,1fr) [gallery-end];

--wc-cart-collaterals-grid-columns:
	[collaterals-start left-start] 1fr [left-end right-start] 1fr [right-end collaterals-end];
}

/* Products */
.woocommerce-products-header{ /* .post-header grid */
display: grid;
grid-template-columns: var(--article-grid-columns);
padding: var(--grid-gap) 0;
}
.woocommerce-products-header > *{
grid-column: wide;
}
.woocommerce main > article > .page-description,
.woocommerce main > article > .term-description{ /* .post-content grid */
display: grid;
grid-template-columns: var(--article-grid-columns);
padding: 0;
}
.woocommerce main > article > .page-description > *,
.woocommerce main > article > .term-description > *{
grid-column: content;
}
.woocommerce main > article > .page-description > *:first-child,
.woocommerce main > article > .term-description > *:first-child{
margin-block-start: var(--grid-gap);
}
.woocommerce main > article > .page-description > *:last-child,
.woocommerce main > article > .term-description > *:last-child{
margin-block-end: var(--grid-gap);
}

/* Product */
.woocommerce-product-header{ /* .post-header grid */
display: grid;
grid-template-rows: var(--wc-product-header-grid-rows);
grid-template-columns: var(--wc-product-header-grid-columns);
align-items: center;
padding: var(--grid-gap) 0;
position: relative;
}
.woocommerce-product-header > *{
grid-column: wide;
}

.woocommerce-products-header > .woocommerce-breadcrumb,
.woocommerce-product-header > .woocommerce-breadcrumb{ /* navigation grid */
/*grid-column: wide;*/
}

.woocommerce-products-header:not(:has(*)),
.woocommerce-product-header:not(:has(*)){
padding: 0;
}

.woocommerce main > article > .post-content{
row-gap: 0;
}
.woocommerce main > article > .post-content > *{
grid-column: wide;
}

.post-content > .woocommerce{
grid-column: full;
display: grid;
grid-template-columns: var(--article-grid-columns);
}
.post-content > .woocommerce > *{
grid-column: wide;
}
.post-content > .woocommerce > p{
grid-column: content;
}
.post-content > .woocommerce > .woocommerce-checkout,
.post-content > .woocommerce > .woocommerce-order{
grid-column: full;
display: grid;
grid-template-columns: var(--article-grid-columns);
}
.post-content > .woocommerce > .woocommerce-checkout > *,
.post-content > .woocommerce > .woocommerce-order > *{
grid-column: wide;
}

.post-content > .woocommerce > .return-to-shop{
grid-column: content;
margin: 0;
}