/**
 * Inspirations Vintage - WooCommerce CSS Overrides
 * Styles spécifiques pour les composants WooCommerce.
 */

/* === GRILLE PRODUITS === */

.wc-block-grid__products {
	gap: var(--wp--preset--spacing--20);
}

/* === BADGES DE PRIX === */

.wc-block-grid__product-price,
.wc-block-components-product-price {
	font-family: var(--wp--preset--font-family--cormorant);
	color: var(--wp--preset--color--bordeaux);
	font-weight: 600;
}

.wc-block-grid__product-price del,
.wc-block-components-product-price del {
	color: var(--wp--preset--color--sepia);
	opacity: 0.7;
}

.wc-block-grid__product-price ins,
.wc-block-components-product-price ins {
	text-decoration: none;
	font-weight: 700;
}

/* === BADGE PROMO === */

.wc-block-grid__product-onsale,
.onsale {
	background: var(--wp--preset--color--or-antique) !important;
	color: var(--wp--preset--color--blanc) !important;
	font-family: var(--wp--preset--font-family--playfair);
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-radius: 2px;
	padding: 0.3rem 0.8rem;
}

/* === BOUTON AJOUTER AU PANIER / VOIR SUR AMAZON === */

.wc-block-grid__product .wp-block-button__link,
.wc-block-grid__product .wc-block-grid__product-add-to-cart a {
	background: var(--wp--preset--color--bordeaux);
	color: var(--wp--preset--color--creme);
	font-family: var(--wp--preset--font-family--playfair);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border-radius: 2px;
	padding: 0.7rem 1.5rem;
	text-align: center;
	border: 1px solid var(--wp--preset--color--bordeaux);
	transition: all 0.3s ease;
	display: block;
	text-decoration: none;
}

.wc-block-grid__product .wp-block-button__link:hover,
.wc-block-grid__product .wc-block-grid__product-add-to-cart a:hover {
	background: transparent;
	color: var(--wp--preset--color--bordeaux);
}

/* === FICHE PRODUIT === */

.iv-add-to-cart .single_add_to_cart_button,
.iv-add-to-cart .button {
	background: var(--wp--preset--color--bordeaux) !important;
	color: var(--wp--preset--color--creme) !important;
	font-family: var(--wp--preset--font-family--playfair);
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border-radius: 2px;
	padding: 1rem 2.5rem;
	border: 2px solid var(--wp--preset--color--bordeaux);
	transition: all 0.3s ease;
	width: 100%;
	text-align: center;
}

.iv-add-to-cart .single_add_to_cart_button:hover,
.iv-add-to-cart .button:hover {
	background: var(--wp--preset--color--bordeaux-fonce) !important;
	border-color: var(--wp--preset--color--bordeaux-fonce);
}

/* === MINI PANIER === */

.wc-block-mini-cart__button {
	color: var(--wp--preset--color--texte-principal);
	transition: color 0.2s ease;
}

.wc-block-mini-cart__button:hover {
	color: var(--wp--preset--color--bordeaux);
}

.wc-block-mini-cart__badge {
	background: var(--wp--preset--color--bordeaux) !important;
	color: var(--wp--preset--color--creme) !important;
	font-family: var(--wp--preset--font-family--cormorant);
	font-size: 0.7rem;
}

/* === FIL D'ARIANE === */

.woocommerce-breadcrumb,
.wc-block-breadcrumbs {
	font-family: var(--wp--preset--font-family--cormorant);
	font-size: 0.85rem;
	color: var(--wp--preset--color--texte-secondaire);
}

.woocommerce-breadcrumb a,
.wc-block-breadcrumbs a {
	color: var(--wp--preset--color--sepia);
	text-decoration: none;
}

.woocommerce-breadcrumb a:hover,
.wc-block-breadcrumbs a:hover {
	color: var(--wp--preset--color--bordeaux);
}

/* === ONGLETS PRODUIT === */

.iv-product-tabs .wc-tab,
.iv-product-tabs .woocommerce-tabs {
	border-color: var(--wp--preset--color--beige);
}

.iv-product-tabs .wc-tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-family: var(--wp--preset--font-family--playfair);
	font-size: 0.85rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--wp--preset--color--texte-secondaire);
	transition: color 0.2s ease;
}

.iv-product-tabs .wc-tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--wp--preset--color--bordeaux);
	border-bottom-color: var(--wp--preset--color--bordeaux);
}

/* === GALERIE PRODUIT === */

.woocommerce-product-gallery {
	overflow: hidden;
	border-radius: 2px;
}

.woocommerce-product-gallery img {
	filter: sepia(5%) saturate(95%);
	transition: filter 0.3s ease;
}

.woocommerce-product-gallery img:hover {
	filter: sepia(0%) saturate(100%);
}

.woocommerce-product-gallery__trigger {
	background: var(--wp--preset--color--bordeaux) !important;
	color: var(--wp--preset--color--creme) !important;
	border-radius: 2px;
}

/* === AVIS / ÉTOILES === */

.woocommerce .star-rating {
	color: var(--wp--preset--color--or-antique);
}

.woocommerce .star-rating::before {
	color: var(--wp--preset--color--beige);
}

/* === MESSAGES / NOTICES === */

.woocommerce-message,
.wc-block-components-notice-banner.is-success {
	border-left-color: var(--wp--preset--color--or-antique);
	background: var(--wp--preset--color--beige);
	color: var(--wp--preset--color--texte-principal);
}

.woocommerce-error,
.wc-block-components-notice-banner.is-error {
	border-left-color: var(--wp--preset--color--bordeaux);
	background: #fdf2f2;
	color: var(--wp--preset--color--texte-principal);
}

.woocommerce-info,
.wc-block-components-notice-banner.is-info {
	border-left-color: var(--wp--preset--color--sepia);
	background: var(--wp--preset--color--beige);
}

/* === FILTRES PRODUITS === */

.wc-block-attribute-filter,
.wc-block-price-filter {
	font-family: var(--wp--preset--font-family--lora);
	font-size: 0.9rem;
}

.wc-block-attribute-filter .wc-block-attribute-filter__title,
.wc-block-price-filter .wc-block-price-filter__title {
	font-family: var(--wp--preset--font-family--playfair);
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--wp--preset--color--texte-principal);
}

/* === FORMULAIRE CHECKOUT === */

.wc-block-checkout input[type="text"],
.wc-block-checkout input[type="email"],
.wc-block-checkout input[type="tel"],
.wc-block-checkout select,
.wc-block-checkout textarea {
	border: 1px solid var(--wp--preset--color--beige);
	border-radius: 2px;
	font-family: var(--wp--preset--font-family--lora);
	padding: 0.8rem 1rem;
	transition: border-color 0.2s ease;
}

.wc-block-checkout input:focus,
.wc-block-checkout select:focus,
.wc-block-checkout textarea:focus {
	border-color: var(--wp--preset--color--bordeaux);
	outline: none;
	box-shadow: 0 0 0 1px var(--wp--preset--color--bordeaux);
}

/* === QUANTITÉ === */

.woocommerce .quantity .qty,
.wc-block-components-quantity-selector input {
	border: 1px solid var(--wp--preset--color--beige);
	border-radius: 2px;
	font-family: var(--wp--preset--font-family--cormorant);
	font-size: 1rem;
}

/* === RESPONSIVE WOOCOMMERCE === */

@media (max-width: 782px) {
	.iv-add-to-cart .single_add_to_cart_button,
	.iv-add-to-cart .button {
		padding: 0.8rem 1.5rem;
		font-size: 0.8rem;
	}
}