/* ==========================================================================
   Supreme Academy — Panier (WooCommerce Blocks / Cart Block)
   ========================================================================== */

/* --- Layout général --- */
.wp-block-woocommerce-cart {
	direction: rtl;
}

.wc-block-cart {
	gap: 40px;
}

/* --- Boutons principaux (checkout, coupon, +/-) --- */
.wc-block-cart__submit-button,
.wc-block-components-button,
.wc-block-components-totals-coupon a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: auto;
	padding: 14px 20px;
	border-radius: 14px;
	background: linear-gradient(135deg, #b5187a 0%, #6a1b8f 100%);
	color: #ffffff !important;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	border: none;
	box-shadow: 0 8px 20px rgba(122, 27, 143, 0.28);
	transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.wc-block-cart__submit-button:hover,
.wc-block-components-button:hover,
.wc-block-components-totals-coupon a:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(122, 27, 143, 0.36);
	filter: brightness(1.05);
	color: #ffffff !important;
}

.wc-block-cart__submit-button:active,
.wc-block-components-button:active {
	transform: translateY(0);
	box-shadow: 0 4px 12px rgba(122, 27, 143, 0.3);
}

/* Bouton coupon : version discrète (outline), pas le dégradé plein */
.wc-block-components-totals-coupon a,
.wc-block-components-totals-coupon__link {
	background: transparent;
	color: #6a1b8f !important;
	box-shadow: none;
	padding: 8px 4px;
	font-size: 14px;
	font-weight: 600;
	justify-content: flex-start;
}
.wc-block-components-totals-coupon a:hover {
	background: transparent;
	transform: none;
	box-shadow: none;
	text-decoration: underline;
}

/* --- Carte des totaux (sidebar) --- */
.wc-block-cart__sidebar .wc-block-components-panel,
.wc-block-cart__sidebar .wc-block-cart__totals-title,
.wc-block-cart-totals-block {
	background: #faf7fc;
	border: 1px solid #eee2f2;
	border-radius: 18px;
	padding: 24px;
}

.wc-block-cart__sidebar {
	position: sticky;
	top: 100px;
}

.wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-weight: 700;
	color: #3b1e77;
}

.wc-block-components-totals-footer-item {
	border-top: 2px solid #eee2f2;
	padding-top: 14px;
	margin-top: 6px;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	font-size: 16px;
	font-weight: 700;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-size: 20px;
	color: #b5187a;
}

/* --- Lignes produits (tableau) --- */
.wc-block-cart-items__header,
.wc-block-cart-item {
	border-color: #f0eaf4;
}

.wc-block-cart-item__image img {
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.wc-block-cart-item__product-name {
	font-weight: 700;
	color: #2b1140;
}

.wc-block-cart-item__prices,
.wc-block-components-product-price {
	color: #6a1b8f;
	font-weight: 700;
}

.wc-block-components-product-metadata,
.wc-block-cart-item__product-metadata {
	color: #8a7a97;
	font-size: 13px;
}

/* --- Sélecteur de quantité (+ / -) --- */
.wc-block-components-quantity-selector {
	border: 1px solid #e3d6ea;
	border-radius: 10px;
	overflow: hidden;
	background: #ffffff;
}

.wc-block-components-quantity-selector__button {
	color: #6a1b8f;
	transition: background 0.15s ease;
}

.wc-block-components-quantity-selector__button:hover {
	background: #f6ecf9;
}

.wc-block-components-quantity-selector__input {
	font-weight: 700;
	color: #2b1140;
}

/* Bouton supprimer (poubelle) */
.wc-block-cart-item__remove-link {
	color: #b5187a;
	opacity: 0.7;
	transition: opacity 0.15s ease, color 0.15s ease;
}
.wc-block-cart-item__remove-link:hover {
	opacity: 1;
	color: #8a1361;
}

/* --- Champ code promo --- */
.wc-block-components-totals-coupon__content .wc-block-components-text-input input {
	border-radius: 10px;
	border: 1px solid #e3d6ea;
	padding: 10px 14px;
}
.wc-block-components-totals-coupon__content .wc-block-components-text-input input:focus {
	border-color: #b5187a;
	box-shadow: 0 0 0 3px rgba(181, 24, 122, 0.12);
}

/* --- Responsive --- */
@media (max-width: 767px) {
	.wc-block-cart__submit-button,
	.wc-block-components-button {
		font-size: 15px;
		padding: 13px 16px;
	}
	.wc-block-cart__sidebar {
		position: static;
	}
}