/**
 * Kwendeal Maison — WooCommerce CSS
 * Surcouche des styles WC pour correspondre au design de la maison.
 */

/* Reset hacks WC */
.woocommerce .col2-set::after,
.woocommerce-page .col2-set::after { display: none; }

/* Page boutique */
.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	margin: 0 !important;
}

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

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
}

/* Titre produit WC */
.woocommerce-loop-product__title {
	font-family: 'Cormorant Garamond', Georgia, serif !important;
	font-size: 1.0625rem !important;
	font-weight: 400 !important;
	color: var(--km-ink) !important;
	padding: 8px 0 4px !important;
}

/* Prix WC */
.price {
	font-size: .875rem !important;
	color: var(--km-charcoal) !important;
}
.price del { color: var(--km-mid) !important; }
.price ins { color: #c0392b !important; text-decoration: none !important; }

/* Badge soldes WC */
.onsale {
	background: var(--km-accent) !important;
	border-radius: 0 !important;
	min-height: auto !important;
	min-width: auto !important;
	padding: 4px 10px !important;
	font-size: .625rem !important;
	font-weight: 600 !important;
	letter-spacing: .1em !important;
	line-height: 1.4 !important;
}

/* Stars */
.star-rating span::before { color: var(--km-gold) !important; }

/* Bouton ATC WC */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background: var(--km-ink) !important;
	color: var(--km-white) !important;
	border-radius: 0 !important;
	font-family: 'Inter', sans-serif !important;
	font-size: .6875rem !important;
	font-weight: 500 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	transition: background .3s !important;
	padding: 12px 24px !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover { background: var(--km-accent) !important; }

.woocommerce a.button.alt,
.woocommerce button.button.alt { background: var(--km-accent) !important; }
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover { background: var(--km-ink) !important; }

/* Image placeholder */
.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) { display: none; }

/* Tabs produit */
.woocommerce div.product .woocommerce-tabs ul.tabs {
	display: flex;
	border-bottom: 1px solid var(--km-border) !important;
	padding: 0 !important;
	margin: 0 0 32px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: block;
	padding: 12px 24px !important;
	font-size: .6875rem !important;
	font-weight: 500 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
	color: var(--km-mid) !important;
	border-bottom: 2px solid transparent !important;
	transition: color .3s, border-color .3s !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: var(--km-ink) !important;
	border-bottom-color: var(--km-accent) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }

/* Panier */
.woocommerce table.shop_table {
	border: none !important;
	border-radius: 0 !important;
}
.woocommerce table.shop_table th {
	font-size: .625rem !important;
	font-weight: 600 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	color: var(--km-mid) !important;
	border-bottom: 1px solid var(--km-border) !important;
	padding: 12px 0 !important;
}
.woocommerce table.shop_table td {
	border-bottom: 1px solid var(--km-cream-2) !important;
	padding: 20px 0 !important;
	vertical-align: middle !important;
}

/* Compte */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 10px 0;
	font-size: .875rem;
	color: var(--km-charcoal);
	border-bottom: 1px solid var(--km-cream-2);
	transition: color .3s;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { color: var(--km-accent); }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { color: var(--km-accent); font-weight: 600; }