/**
 * Sulli Card Lab — panier, commande et confirmation.
 * Chargé uniquement sur les pages concernées afin de neutraliser les fonds
 * clairs hérités d'Astra/WooCommerce sans alourdir le reste du site.
 */

/* ===================== CONTENEURS ET TITRES ===================== */
body.woocommerce-cart .cart-collaterals .cart_totals,
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column {
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid var(--scl-border-md) !important;
	border-radius: var(--scl-radius-lg) !important;
	background: var(--scl-bg2) !important;
	box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
}

body.woocommerce-cart .cart-collaterals .cart_totals {
	padding: 0 !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals > h2,
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title {
	box-sizing: border-box;
	margin: 0 !important;
	padding: 19px 22px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--scl-border) !important;
	background: var(--scl-bg3) !important;
	color: var(--scl-white) !important;
	font-family: var(--scl-font-head) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals > h2 {
	font-size: clamp(23px, 2.7vw, 32px) !important;
}

body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title {
	font-size: clamp(18px, 2.2vw, 23px) !important;
}

body.woocommerce-order-received .woocommerce-order-details {
	margin-bottom: 30px !important;
}

body.woocommerce-order-received .woocommerce-order-details .shop_table,
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table {
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* ===================== ADRESSES DE CONFIRMATION ===================== */
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column {
	padding: 0 !important;
}

body.woocommerce-order-received .woocommerce-customer-details address {
	box-sizing: border-box;
	min-height: 100%;
	margin: 0 !important;
	padding: 20px 22px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: var(--scl-bg2) !important;
	color: var(--scl-grey-lt) !important;
	font-style: normal !important;
	line-height: 1.65 !important;
}

body.woocommerce-order-received .woocommerce-customer-details address p,
body.woocommerce-order-received .woocommerce-customer-details address a {
	color: var(--scl-grey-lt) !important;
}

/* ===================== PANIER ET EXPÉDITION ===================== */
body.woocommerce-cart .quantity .qty,
body.woocommerce-cart input#coupon_code {
	border: 1px solid var(--scl-border-md) !important;
	border-radius: var(--scl-radius-sm) !important;
	background: var(--scl-bg3) !important;
	color: var(--scl-text) !important;
}

body.woocommerce-cart .quantity .qty:focus,
body.woocommerce-cart input#coupon_code:focus {
	border-color: var(--scl-purple-lt) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(124, 58, 237, .15) !important;
}

body.woocommerce-cart #shipping_method,
body.woocommerce-checkout #shipping_method,
body.woocommerce-cart .woocommerce-shipping-methods,
body.woocommerce-checkout .woocommerce-shipping-methods {
	color: var(--scl-grey-lt) !important;
}

body.woocommerce-cart #shipping_method label,
body.woocommerce-checkout #shipping_method label,
body.woocommerce-cart .woocommerce-shipping-methods label,
body.woocommerce-checkout .woocommerce-shipping-methods label,
body.woocommerce-cart .woocommerce-shipping-destination,
body.woocommerce-checkout .woocommerce-shipping-destination {
	color: var(--scl-grey-lt) !important;
}

body.woocommerce-cart #shipping_method .amount,
body.woocommerce-checkout #shipping_method .amount,
body.woocommerce-cart .woocommerce-shipping-calculator a,
body.woocommerce-checkout .woocommerce-shipping-calculator a {
	color: var(--scl-purple-lt) !important;
}

body.woocommerce-cart input[type="radio"],
body.woocommerce-checkout input[type="radio"],
body.woocommerce-checkout input[type="checkbox"] {
	accent-color: var(--scl-gold);
}

/* ===================== FORMULAIRE DE COMMANDE ===================== */
body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-additional-fields > h3,
body.woocommerce-checkout .woocommerce-shipping-fields > h3,
body.woocommerce-checkout #order_review_heading {
	color: var(--scl-white) !important;
	font-family: var(--scl-font-head) !important;
}

/* Astra encadre ce titre sur trois côtés avec sa couleur claire par défaut.
 * Le récapitulatif possède déjà sa propre carte : le titre reste donc libre,
 * comme « Détails de facturation », sans doubles lignes autour de lui. */
body.woocommerce-checkout #order_review_heading {
	box-sizing: border-box !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single,
body.woocommerce-checkout .select2-dropdown,
body.woocommerce-checkout .select2-search__field {
	border-color: var(--scl-border-md) !important;
	background: var(--scl-bg3) !important;
	color: var(--scl-text) !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
body.woocommerce-checkout .select2-container--default .select2-results__option {
	color: var(--scl-text) !important;
}

body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected],
body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[data-selected] {
	background: var(--scl-purple) !important;
	color: #fff !important;
}

body.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: var(--scl-bg3) !important;
}

/* ===================== BLOCS WOOCOMMERCE ===================== */
body.woocommerce-cart .wc-block-cart,
body.woocommerce-checkout .wc-block-checkout,
body.woocommerce-cart .wc-block-components-sidebar,
body.woocommerce-checkout .wc-block-components-sidebar {
	color: var(--scl-text);
}

body.woocommerce-cart .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-components-checkout-step {
	border-color: var(--scl-border) !important;
	background: transparent !important;
}

body.woocommerce-cart .wc-block-components-title,
body.woocommerce-checkout .wc-block-components-title,
body.woocommerce-cart .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-item__label {
	color: var(--scl-white) !important;
}

@media (max-width: 768px) {
	body.woocommerce-cart .cart-collaterals .cart_totals > h2,
	body.woocommerce-order-received .woocommerce-order-details__title,
	body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title {
		padding: 17px 18px !important;
	}

	body.woocommerce-order-received .woocommerce-customer-details address {
		padding: 18px !important;
	}
}