/**
 * Cart page — empty-cart state.
 *
 * CSS-only, reversible. Targets WooCommerce/Storefront core markup with
 * extra specificity, same approach as checkout.css.
 *
 * @package storefront-artsets
 */

/* =========================================================================
 * Fonts: brand font (Outfit) instead of Storefront's default Source Sans Pro
 * ========================================================================= */

body.woocommerce-cart,
body.woocommerce-cart h1,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .button {
	font-family: var( --font );
}

/* =========================================================================
 * Empty-cart notice: replace Storefront's blue alert bar with a plain
 * branded message box (white card, thin border, no colour stripe).
 * ========================================================================= */

body.woocommerce-cart .cart-empty.woocommerce-info {
	background: var( --bg );
	color: var( --text );
	border: 1px solid var( --border );
	border-left: 1px solid var( --border );
	border-radius: var( --r );
	box-shadow: var( --shadow );
}

/* Storefront renders the notice icon in white (for the blue background) —
 * recolour it to match the new light background. */
body.woocommerce-cart .cart-empty.woocommerce-info::before {
	color: var( --pink );
}