/*
 * Sagamento — ajustements WooCommerce.
 * Les styles de base de WooCommerce restent chargés ; on les aligne sur les variables du thème.
 */

.woocommerce .woocommerce-breadcrumb {
	margin-bottom: 24px;
	color: var(--sg-muted);
	font-size: .85em;
}

.woocommerce .woocommerce-breadcrumb a {
	color: inherit;
	text-decoration: none;
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
	margin-bottom: 28px;
	font-size: .9em;
}

/* Boutons WooCommerce aux couleurs du thème. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page .wc-block-components-button {
	padding: var(--sg-btn-py, 13px) var(--sg-btn-px, 26px);
	border: 2px solid var(--sg-accent, var(--sg-primary));
	border-radius: var(--sg-btn-radius, 8px);
	background: var(--sg-accent, var(--sg-primary));
	color: var(--sg-accent-contrast, var(--sg-primary-contrast));
	font-family: var(--sg-btn-font, inherit);
	font-weight: var(--sg-btn-weight, 600);
	letter-spacing: var(--sg-btn-ls, normal);
	line-height: 1.2;
	text-transform: var(--sg-btn-tt, none);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
	background: var(--sg-accent, var(--sg-primary));
	color: var(--sg-accent-contrast, var(--sg-primary-contrast));
	filter: brightness(1.08);
}

/* Grille de produits. */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	text-align: left;
}

.woocommerce ul.products li.product a img {
	margin-bottom: 14px;
	border-radius: var(--sg-shop-img-r, var(--sg-radius));
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 0;
	color: var(--sg-secondary);
	font-family: var(--sg-font-headings);
	font-size: 1.05em;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--sg-primary);
	font-weight: 600;
}

.woocommerce span.onsale {
	min-width: 0;
	min-height: 0;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--sg-primary);
	color: var(--sg-primary-contrast);
	font-size: .75em;
	line-height: 1.6;
}

.woocommerce ul.products li.product .onsale {
	top: 10px;
	right: 10px;
	margin: 0;
}

/* Fiche produit. */
.woocommerce div.product .product_title {
	margin-top: 0;
}

.woocommerce div.product div.images img {
	border-radius: var(--sg-shop-img-r, var(--sg-radius));
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border-color: var(--sg-border);
	background: var(--sg-surface);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: var(--sg-bg);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: var(--sg-secondary);
}

.woocommerce .quantity .qty {
	width: 4.5em;
	padding: 10px 6px;
}

/* Messages. */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-top-color: var(--sg-primary);
	background: var(--sg-surface);
	color: var(--sg-text);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--sg-primary);
}

/* Tableaux panier et commande. */
.woocommerce table.shop_table {
	border-color: var(--sg-border);
	border-radius: var(--sg-radius);
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
	border-color: var(--sg-border);
}

/* Mode sombre : fonds WooCommerce codés en dur. */
[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	border-bottom-color: var(--sg-bg);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
		border-bottom-color: var(--sg-bg);
	}
}

/* Arrondi des images produits (Réglages › Boutique). */
.woocommerce div.product div.images .flex-control-thumbs img,
.woocommerce div.product div.images .woocommerce-product-gallery__image,
.woocommerce .wc-block-grid__product-image img,
.wc-block-components-product-image img,
.woocommerce table.shop_table .product-thumbnail img,
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
	border-radius: var(--sg-shop-img-r, var(--sg-radius));
}

/* Fiche produit : les blocs sous l'image et le résumé passent toujours en dessous,
   même sans onglets (pas de description, avis désactivés). */
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related,
.woocommerce div.product .upsells,
.woocommerce div.product > section,
.woocommerce div.product > .clear {
	clear: both;
}
.woocommerce div.product::after {
	content: "";
	display: table;
	clear: both;
}
.woocommerce div.product .related,
.woocommerce div.product .upsells {
	padding-top: 48px;
}