/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* Aligne le bouton "Ajouter au panier" WooCommerce à côté du bouton "Lire un extrait" */
.lqm-buy-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}
.lqm-buy-row > * {
	margin: 0 !important;
}
.lqm-buy-row p.woocommerce.add_to_cart_inline {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	display: inline-flex !important;
	align-items: center !important;
}
.lqm-buy-row .add_to_cart_button {
	display: inline-block !important;
	background-color: #e95160 !important;
	background-image: none !important;
	color: #fff !important;
	border-radius: 30px !important;
	padding: 15px 28px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	text-decoration: none !important;
	text-transform: none !important;
	box-shadow: 0 -3px rgba(0,0,0,0.1) inset !important;
	transition: opacity .45s cubic-bezier(0.25,1,0.33,1) !important;
	border: none !important;
}
.lqm-buy-row .add_to_cart_button:hover {
	opacity: 0.85;
	color: #fff !important;
}

/* ==========================================================================
   Boutique (page Shop) — harmonisation avec le reste du thème
   ========================================================================== */

/* Fond blanc pour matcher le reste du site (au lieu du gris #f6f6f6 par défaut) */
.post-type-archive-product.woocommerce .container-wrap,
.tax-product_cat.woocommerce .container-wrap {
	background-color: #fff !important;
}

/* En-tête de page (titre + fil d'Ariane) : remplace le bandeau gris générique
   par un style proche des en-têtes du reste du site (typo, espacement). */
.woocommerce-products-header,
.page-title,
nav.woocommerce-breadcrumb {
	max-width: 1200px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 5%;
	padding-right: 5%;
}
h1.page-title {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 700 !important;
	font-size: 42px !important;
	color: #353535 !important;
	margin-bottom: 10px !important;
}
nav.woocommerce-breadcrumb {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #999;
	margin-bottom: 40px !important;
}
nav.woocommerce-breadcrumb a {
	color: #e95160;
}

/* Grille produits : même esprit que /les-livres/ — couvertures pleine largeur,
   sans cadre ni fond de carte. Prix + bouton apparaissent au survol, en
   overlay sur la couverture (le titre est déjà sur la jaquette).
   On garde le système de colonnes flottantes du thème (déjà correct) et on
   ne touche qu'à l'habillage visuel, pas au positionnement. */
.woocommerce ul.products li.product {
	background: none !important;
	box-shadow: none !important;
	position: relative;
	overflow: hidden;
}
.woocommerce ul.products li.product .product-wrap {
	position: relative;
}
.woocommerce ul.products li.product .product-wrap img {
	transition: transform .5s ease;
}
.woocommerce ul.products li.product:hover .product-wrap img {
	transform: scale(1.03);
}

/* Titre : masqué (déjà présent sur la jaquette), garde pour l'accessibilité */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

/* Overlay prix + bouton, visible au survol de la couverture */
.woocommerce ul.products li.product .product-wrap::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 45%);
	opacity: 0;
	transition: opacity .35s ease;
	pointer-events: none;
}
.woocommerce ul.products li.product:hover .product-wrap::after {
	opacity: 1;
}
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product p.add_to_cart_inline {
	position: absolute;
	left: 20px;
	right: 20px;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .35s ease, transform .35s ease;
	pointer-events: none;
	z-index: 2;
}
.woocommerce ul.products li.product:hover .price,
.woocommerce ul.products li.product:hover a.add_to_cart_button,
.woocommerce ul.products li.product:hover p.add_to_cart_inline {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
.woocommerce ul.products li.product .price {
	bottom: 70px;
	color: #fff !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 600 !important;
	font-size: 18px !important;
	margin: 0 !important;
}
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product p.add_to_cart_inline {
	bottom: 20px;
}
.woocommerce ul.products li.product a.add_to_cart_button {
	text-align: center;
	padding: 12px 20px !important;
}

/* Tri / nombre de résultats : aligne la typo avec le reste du site */
.woocommerce-result-count,
.woocommerce-ordering select {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #777;
}
.woocommerce-ordering select {
	border-radius: 20px;
	border-color: #ddd;
	padding: 8px 14px;
}

/* Pagination : reprend le style "pilule" utilisé ailleurs sur le site */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	border-radius: 50% !important;
	border-color: #eee !important;
	font-family: 'Open Sans', sans-serif !important;
	color: #353535 !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: #e95160 !important;
	border-color: #e95160 !important;
	color: #fff !important;
}

/* Boutons "Ajouter au panier" affichés dans la grille de la boutique */
.woocommerce ul.products li.product .add_to_cart_button {
	background-color: #e95160 !important;
	color: #fff !important;
	border-radius: 30px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 600 !important;
	text-transform: none !important;
	border: none !important;
}

/* Mini-panier (header) : fond blanc au lieu du fond sombre par défaut du thème
   (une option de couleur partagée avec les menus déroulants de navigation). */
#header-outer .widget_shopping_cart .cart_list li,
#header-outer .widget_shopping_cart_content,
.woocommerce .cart-notification {
	background-color: #fff !important;
}
#header-outer .widget_shopping_cart .cart_list a,
#header-outer .widget_shopping_cart .product-details a,
#header-outer .widget_shopping_cart .product-details,
#header-outer .widget_shopping_cart .product-meta,
.woocommerce .cart-notification .item-name,
.cart-outer .cart-notification,
#header-outer .widget_shopping_cart .quantity,
#header-outer .cart-outer .total strong,
#header-outer .cart-outer .total,
#header-outer ul.product_list_widget li dl dd,
#header-outer ul.product_list_widget li dl dt {
	color: #353535 !important;
}

/* Texte noir dans le mini-panier et les sous-menus de navigation
   (remplace le #CCCCCC !important du thème, même liste de sélecteurs) */
#search-outer .ui-widget-content li a,
#search-outer .ui-widget-content i,
#top .sf-menu li ul li a,
body #header-outer .widget_shopping_cart .cart_list a,
#header-secondary-outer ul ul li a,
.woocommerce .cart-notification .item-name,
.cart-outer .cart-notification,
#header-outer #top .sf-menu li ul .sf-sub-indicator i,
#header-outer .widget_shopping_cart .quantity,
#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a,
#header-outer .cart-notification .item-name,
#header-outer #top nav > ul > .nectar-woo-cart .cart-outer .widget ul a:hover,
#header-outer .cart-outer .total strong,
#header-outer .cart-outer .total,
#header-outer ul.product_list_widget li dl dd,
#header-outer ul.product_list_widget li dl dt {
	color: #000 !important;
}

/* Retire l'arrondi sur les images du panier/récap de commande (blocs WooCommerce) */
.wc-block-cart-items .wc-block-cart-item__image img,
.wc-block-components-order-summary .wc-block-components-order-summary-item__image > img {
	border-radius: 0 !important;
}