/* L'Atelier Femme - WooCommerce clean boutique layer */

:root {
	--latelier-bg: #f8f6f2;
	--latelier-surface: #ffffff;
	--latelier-soft: #f2ede6;
	--latelier-text: #1f1b18;
	--latelier-muted: #6f675f;
	--latelier-border: #e8e0d4;
	--latelier-accent: #c48493;
	--latelier-accent-dark: #ab6f7d;
	--latelier-black: #151515;
}

.woocommerce-page {
	background: transparent;
}

ul.products,
.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid;
	gap: 0.9rem;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.products::before,
ul.products::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
	content: none !important;
	display: none !important;
}

ul.products li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background: #fff;
	border: 1px solid var(--latelier-border);
	border-radius: 16px;
	float: none !important;
	list-style: none;
	margin: 0 !important;
	padding: 0.58rem 0.58rem 0.8rem;
	transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
	width: auto !important;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
	border-color: #d8cbb7;
	box-shadow: 0 12px 26px rgba(17, 17, 17, 0.08);
	transform: translateY(-4px);
}

ul.products li.product img,
.woocommerce ul.products li.product img {
	border-radius: 10px;
	display: block;
	height: 270px;
	object-fit: cover;
	width: 100%;
}

ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: #1a1613;
	margin-top: 0.62rem;
	min-height: 2.3em;
}

ul.products li.product .price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #2b2521;
	font-weight: 600;
	margin-top: 0.35rem;
}

ul.products li.product .button,
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background: var(--latelier-black);
	border: 1px solid transparent;
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	justify-content: center;
	line-height: 1;
	margin-top: 0.35rem;
	min-height: 34px;
	padding: 0.54rem 0.86rem;
	transition: transform 180ms ease, background-color 180ms ease;
}

ul.products li.product .button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background: #2a2a2a;
	color: #fff;
	transform: translateY(-1px);
}

.woocommerce .quantity .qty {
	border: 1px solid var(--latelier-border);
	border-radius: 999px;
	padding: 0.42rem;
}

.woocommerce table.shop_table,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	background: #fff;
	border: 1px solid var(--latelier-border);
	border-radius: 14px;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
	background: #fff;
	border-top-color: var(--latelier-accent-dark);
}

.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before {
	color: var(--latelier-accent-dark);
}

.woocommerce .cart_totals,
.woocommerce-checkout #order_review {
	background: #fff;
	border: 1px solid var(--latelier-border);
	border-radius: 14px;
	padding: 1rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: var(--latelier-soft);
	border-color: var(--latelier-border);
	border-radius: 10px 10px 0 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: #fff;
}

.woocommerce span.onsale {
	background: #f2d5dc;
	color: #1f1b18;
}

.woocommerce nav.woocommerce-pagination ul {
	border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
	border: none;
	margin: 0 0.12rem;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current {
	border: 1px solid var(--latelier-border);
	border-radius: 999px;
	color: #2f2924;
	min-height: 2rem;
	min-width: 2rem;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--latelier-soft);
}

@media (max-width: 1100px) {
	.woocommerce ul.products,
	ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {
	.woocommerce ul.products,
	ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	ul.products li.product img,
	.woocommerce ul.products li.product img {
		height: 185px;
	}
}

@media (max-width: 390px) {
	.woocommerce ul.products,
	ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: 1fr;
	}
}