/* =====================================================================
   MMV — Page panier : lignes produit (CSS)
   Ligne en cinq temps : visuel · nom / marque / contenance + couleur ·
   prix · sélecteur − 1 + · total, avec « Supprimer ✥ » en haut à droite.
   À utiliser avec le snippet « MMV — Page panier : lignes produit (JS) ».
   ===================================================================== */

.woocommerce-cart .e-cart__container{
	grid-template-columns: minmax(0,1.7fr) minmax(0,1fr);
}

/* Colonnes du tableau */
.woocommerce-cart table.cart{ table-layout: fixed; width: 100%; }
.woocommerce-cart table.cart td.product-remove,
.woocommerce-cart table.cart th.product-remove{ display: none; }
.woocommerce-cart table.cart td.product-thumbnail,
.woocommerce-cart table.cart th.product-thumbnail{ width: 96px; }
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart th.product-price{ width: 92px; text-align: center; }
.woocommerce-cart table.cart td.product-quantity,
.woocommerce-cart table.cart th.product-quantity{ width: 122px; text-align: center; }
.woocommerce-cart table.cart td.product-subtotal,
.woocommerce-cart table.cart th.product-subtotal{
	width: 106px;
	position: relative;
	text-align: right;
}
.woocommerce-cart table.cart thead th{ white-space: nowrap; font-size: .78rem; }
.woocommerce-cart table.cart tbody td{
	border: 0;
	border-bottom: 1px solid rgba(178,151,96,.30);
	padding: 20px 8px;
	vertical-align: middle;
}
.woocommerce-cart table.cart tbody tr:last-child td{ border-bottom: 0; }

/* Visuel produit, sans cadre */
.woocommerce-cart table.cart td.product-thumbnail img{
	width: 82px;
	height: auto;
	max-width: none;
	border: 0;
	background: none;
	padding: 0;
}

/* Nom / marque / contenance + couleur */
.mmv-cl__name{
	display: block;
	font-family: 'Alegreya', Georgia, serif;
	font-size: 1.4rem;
	line-height: 1.15;
	color: #402E15;
	text-decoration: none;
}
.mmv-cl__name:hover{ color: #836C3F; }
.mmv-cl__brand{
	display: block;
	margin-top: 1px;
	font-family: 'Alegreya SC', Georgia, serif;
	font-size: 1.05rem;
	color: #5B4B3C;
}
.mmv-cl__meta{
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 8px;
	white-space: nowrap;
}
.mmv-cl__format{
	background: #B29760;
	color: #FFFBF0;
	font-family: 'Alegreya SC', Georgia, serif;
	font-size: .85rem;
	letter-spacing: .03em;
	line-height: 1.3;
	padding: 3px 10px;
	white-space: nowrap;
}
.mmv-cl__color{
	font-family: 'Alegreya SC', Georgia, serif;
	font-size: .85rem;
	letter-spacing: .05em;
	color: #5B4B3C;
}

/* Prix et total */
.woocommerce-cart table.cart td.product-price .amount,
.woocommerce-cart table.cart td.product-subtotal .amount{
	font-family: 'Alegreya', Georgia, serif;
	font-size: 1.3rem;
	color: #402E15;
	white-space: nowrap;
}

/* Sélecteur − 1 + */
.elementor-widget-woocommerce-cart .quantity.mmv-qty{
	display: inline-flex;
	align-items: center;
	border: 1px solid #B29760;
	background: #FFFBF0;
}
.elementor-widget-woocommerce-cart .quantity.mmv-qty input.qty{
	border: 0;
	background: none;
	width: 40px;
	padding: 8px 0;
	text-align: center;
	font-family: 'Alegreya', Georgia, serif;
	font-size: 1rem;
	color: #402E15;
	-moz-appearance: textfield;
}
.elementor-widget-woocommerce-cart .quantity.mmv-qty input.qty::-webkit-outer-spin-button,
.elementor-widget-woocommerce-cart .quantity.mmv-qty input.qty::-webkit-inner-spin-button{
	-webkit-appearance: none;
	margin: 0;
}
.mmv-qty__b{
	background: none;
	border: 0;
	padding: 8px 12px;
	line-height: 1;
	cursor: pointer;
	color: #836C3F;
	font-family: 'Alegreya', Georgia, serif;
	font-size: 1.05rem;
	transition: background-color .2s ease, color .2s ease;
}
.mmv-qty__b:hover{ background: #B29760; color: #FFFBF0; }

/* Lien Supprimer ✥ */
.mmv-cl__remove{
	position: absolute;
	top: 8px;
	right: 0;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-family: 'Alegreya SC', Georgia, serif;
	font-size: .75rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #836C3F;
	text-decoration: none;
}
.mmv-cl__remove:hover{ color: #402E15; }
.mmv-cl__remove .mmv-x{
	display: inline-block;
	transform: rotate(45deg);
	font-size: 1.05em;
	line-height: 1;
}

/* Mise à jour en cours */
.mmv-busy{ opacity: .45; pointer-events: none; transition: opacity .2s ease; }

/* Écrans intermédiaires : la ligne reste sur un seul niveau */
@media (min-width: 922px) and (max-width: 1240px){
	.woocommerce-cart table.cart td.product-thumbnail,
	.woocommerce-cart table.cart th.product-thumbnail{ width: 74px; }
	.woocommerce-cart table.cart td.product-thumbnail img{ width: 66px; }
	.woocommerce-cart table.cart td.product-price,
	.woocommerce-cart table.cart th.product-price{ width: 78px; }
	.woocommerce-cart table.cart td.product-quantity,
	.woocommerce-cart table.cart th.product-quantity{ width: 104px; }
	.woocommerce-cart table.cart td.product-subtotal,
	.woocommerce-cart table.cart th.product-subtotal{ width: 78px; }
	.woocommerce-cart table.cart tbody td{ padding: 16px 6px; }
	.mmv-cl__name{ font-size: 1.12rem; }
	.mmv-cl__brand{ font-size: .9rem; }
	.mmv-cl__format,
	.mmv-cl__color{ font-size: .75rem; }
	.woocommerce-cart table.cart td.product-price .amount,
	.woocommerce-cart table.cart td.product-subtotal .amount{ font-size: 1.02rem; }
	.elementor-widget-woocommerce-cart .quantity.mmv-qty input.qty{ width: 36px; }
	.mmv-qty__b{ padding: 8px 10px; }
}

/* Mobile : la ligne se replie */
@media (max-width: 921px){
	.woocommerce-cart .e-cart__container{ grid-template-columns: minmax(0,1fr); }
	.woocommerce-cart table.cart{ table-layout: auto; }
	.woocommerce-cart table.cart td.product-thumbnail,
	.woocommerce-cart table.cart th.product-thumbnail,
	.woocommerce-cart table.cart td.product-price,
	.woocommerce-cart table.cart th.product-price,
	.woocommerce-cart table.cart td.product-quantity,
	.woocommerce-cart table.cart th.product-quantity,
	.woocommerce-cart table.cart td.product-subtotal,
	.woocommerce-cart table.cart th.product-subtotal{ width: auto; }
	.mmv-cl__name{ font-size: 1.15rem; }
	.mmv-cl__meta{ white-space: normal; flex-wrap: wrap; }
	.mmv-cl__remove{ position: static; margin-top: 8px; }
}
