/**
 * MON PORTÉ — Minimalist Cart Drawer.
 *
 * Visual-only compaction layer for Flatsome's native off-canvas
 * mini-cart. Every rule is scoped to the drawer root (#cart-popup,
 * rendered inside .mfp-content.off-canvas-cart), so this file is inert
 * anywhere the drawer markup is absent: /cart/, checkout, product
 * gallery, header trigger, and global typography are untouched.
 *
 * Specificity is raised with the #cart-popup ID or a body prefix only
 * where a native Flatsome/Customizer rule must be beaten; no
 * !important is used. Touch targets stay >= 44px (buttons 46px).
 * Remove (×) and quantity display are intentionally unchanged.
 */

 /* 1. Opaque canvas: beat native hsla(0,0%,100%,.95) so the product
    page can no longer bleed through the drawer. (0,3,0) > (0,2,0). */
.off-canvas .mfp-content.off-canvas-cart {
	background-color: #ffffff;
}

/* 2. Compact panel padding (native .inner-padding is 30px). */
#cart-popup .cart-popup-inner {
	padding: 24px 20px 0;
}

/* 3. Title stays 18px; tighten the divider breathing room. */
#cart-popup .cart-popup-title > span {
	font-size: 18px;
}
#cart-popup .cart-popup-title .is-divider {
	margin: 0.75em auto;
}

/* 4. Empty state: calm the 30px gap. */
#cart-popup .ux-mini-cart-empty {
	gap: 20px;
	padding: 12px 0;
}

/* 5. Item rows: smaller footprint, 14.5px/1.35 names, 13px prices.
   Gutter (68px) still fits the native ~60px thumbnail zone. */
#cart-popup ul.product_list_widget li {
	min-height: 72px;
	padding: 8px 30px 6px 68px;
}
#cart-popup ul.product_list_widget li a:not(.remove) {
	font-size: 14.5px;
	line-height: 1.35;
}
#cart-popup .widget_shopping_cart_content .price-wrapper {
	font-size: 13px;
}

/* 6. Subtotal: 15px with clear weight (adds only; native sets none). */
#cart-popup .woocommerce-mini-cart__total {
	font-size: 15px;
	font-weight: 600;
}

/* 7. List/footer rhythm: 30px stacked bottom margins become 20px.
   Footer negative margins track the 20px panel padding so the
   sticky footer stays full-bleed. */
#cart-popup .cart-popup-inner .woocommerce-mini-cart {
	margin-bottom: 20px;
}
#cart-popup .cart-popup-inner > :last-child {
	margin-bottom: 20px;
}
#cart-popup .ux-mini-cart-footer {
	margin-left: -20px;
	margin-right: -20px;
	padding: 8px 20px 20px;
}

/* 8. Buttons: existing controls only — same labels, order, links,
   green color, and full-width layout. Labels kept visually quiet:
   the source labels ("Voir le panier", "Commander") are already
   sentence case; this releases the native text-transform:uppercase
   so they render naturally. 12px medium weight, normal
   letter-spacing; the label is centered on both axes with flexbox
   (the native inline-block + line-height rhythm leaves the smaller
   label off-center in the 46px target). 46px targets kept. */
#cart-popup .widget_shopping_cart .woocommerce-mini-cart__buttons .button {
	align-items: center;
	display: flex;
	font-size: 12px;
	font-weight: 500;
	justify-content: center;
	letter-spacing: normal;
	margin-top: 0.4em;
	min-height: 46px;
	text-align: center;
	text-transform: none;
}

/* 9. Small screens: full-bleed drawer (no live page strip), 18px
   tier, safe-area respected. The body prefix beats the Customizer
   --drawer-width:360px var at equal-or-lower specificity. */
@media (max-width: 480px) {
	body .off-canvas-right .mfp-content.off-canvas-cart {
		--drawer-width: 100vw;
		padding-left: env(safe-area-inset-left, 0px);
		padding-right: env(safe-area-inset-right, 0px);
	}
	#cart-popup .cart-popup-inner {
		padding: 20px 18px 0;
	}
	#cart-popup .ux-mini-cart-footer {
		margin-left: -18px;
		margin-right: -18px;
		padding: 8px 18px 18px;
		padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
	}
}

/* 10. Full-height panel (design decision): the drawer panel stretches
   from the top to the bottom of the viewport at every cart size,
   including 0-2 items. Native top:0/bottom:0 stretching and the
   native full-height flex column (.cart-popup-inner--sticky) are
   intentionally left untouched so the subtotal/footer stays pinned
   to the bottom; whitespace between a short item list and the footer
   is accepted. No min-height/bottom/max-height overrides here. */