/*
 * VivaWeb — E-commerce : disposition du panier et de la commande hors Kadence.
 *
 * Règles de Kadence (1.5) reprises pour un thème qui n'en pose aucune, avec
 * ses points de rupture : les feuilles panier et commande habillent cette
 * disposition-là. Chargée sur le panier et la commande, avant elles, quand le
 * module `ThemeLayout` est actif (classe `vw-layout` sur le <body>).
 *
 * Les largeurs en pourcentage supposent `box-sizing: border-box`, que Kadence
 * pose sur toute la page et qu'un thème bloc ne pose pas.
 */


/* -------------------------------------------------------------------------
 *  1. Panier : tableau à gauche (70 %), totaux à droite (30 %)
 * ---------------------------------------------------------------------- */

.vw-cart-wrap::after {
	content: "";
	display: table;
	clear: both;
}

/* WooCommerce met les totaux sur 48 % à droite : ils remplissent leur colonne. */
.woocommerce .vw-cart-wrap .cart-collaterals .cart_totals {
	float: none;
	width: 100%;
}

@media screen and (min-width: 1025px) {

	.woocommerce .vw-cart-wrap > form.woocommerce-cart-form {
		float: left;
		width: 70%;
		padding-right: 2rem;
		box-sizing: border-box;
	}

	.woocommerce .vw-cart-wrap > .cart-collaterals {
		float: left;
		width: 30%;
		box-sizing: border-box;
	}
}


/* -------------------------------------------------------------------------
 *  2. Commande : formulaire à gauche, récapitulatif à droite
 * ---------------------------------------------------------------------- */

@media screen and (min-width: 1025px) {

	body.vw-layout form.checkout::after {
		content: "";
		display: table;
		clear: both;
	}

	body.vw-layout form.checkout .col2-set {
		float: left;
		width: 50%;
		padding: 0 2rem 0 0;
		box-sizing: border-box;
	}

	/* Facturation puis livraison, l'une sous l'autre. */
	body.vw-layout form.checkout .col2-set .col-1,
	body.vw-layout form.checkout .col2-set .col-2 {
		float: none;
		width: 100%;
		padding: 0;
		clear: both;
	}

	body.vw-layout form.checkout .col2-set .col-2 {
		margin-top: 2rem;
	}

	body.vw-layout form.checkout #order_review_heading {
		float: left;
		width: 50%;
		padding-left: 2rem;
		margin: 0 0 .5em;
		box-sizing: border-box;
	}

	body.vw-layout form.checkout .woocommerce-checkout-review-order {
		float: left;
		width: 50%;
		padding-left: 2rem;
		box-sizing: border-box;
	}
}