/* ==========================================================================
   Evara Vale — Checkout CRO (cart + checkout presentation only)
   Uses the brand-v2 token set: warm ivory / cream / ink / muted gold.
   ========================================================================== */

/* ==========================================================================
   1. CART — remove the WooCommerce default blue / purple
   ========================================================================== */

.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-error{
	background:var(--evb2-cream);
	border-top-color:var(--evb2-gold);
	color:var(--evb2-ink);
	font-family:var(--evb2-sans);
	font-weight:300;
	letter-spacing:.02em;
}
.woocommerce-cart .woocommerce-message::before,
.woocommerce-cart .woocommerce-info::before,
.woocommerce-checkout .woocommerce-message::before{
	color:var(--evb2-gold);
}
.woocommerce-cart .woocommerce-message .button,
.woocommerce-cart .woocommerce-info .button{
	background:transparent;
	border:1px solid var(--evb2-ink);
	color:var(--evb2-ink);
	font-family:var(--evb2-sans);
	font-weight:400;
	font-size:.7rem;
	letter-spacing:.18em;
	text-transform:uppercase;
}
.woocommerce-cart .woocommerce-message .button:hover{background:var(--evb2-ink);color:var(--evb2-ivory)}

/* Block-style notice banner (WooCommerce Blocks injects it on some flows) */
.woocommerce-cart .wc-block-components-notice-banner,
.woocommerce-checkout .wc-block-components-notice-banner{
	background:var(--evb2-cream) !important;
	border-color:var(--evb2-gold) !important;
	color:var(--evb2-ink) !important;
	font-family:var(--evb2-sans);
}
.woocommerce-cart .wc-block-components-notice-banner svg,
.woocommerce-checkout .wc-block-components-notice-banner svg{fill:var(--evb2-gold) !important}

/* Cart product links: ink + hairline underline instead of link purple */
.woocommerce-cart .woocommerce-cart-form__cart-item .product-name a,
.woocommerce-cart .cart_item .product-name a{
	color:var(--evb2-ink) !important;
	text-decoration:underline;
	text-underline-offset:3px;
	text-decoration-thickness:1px;
	text-decoration-color:rgba(43,38,32,.28);
}
.woocommerce-cart .woocommerce-cart-form__cart-item .product-name a:hover,
.woocommerce-cart .cart_item .product-name a:hover{
	color:var(--evb2-gold) !important;
	text-decoration-color:var(--evb2-gold);
}

/* ==========================================================================
   2. CART — coupon collapsed behind a quiet text link
   (only when JS is present, so the field is never lost without it)
   ========================================================================== */

.evcro-js .woocommerce-cart .woocommerce-cart-form .coupon #coupon_code,
.evcro-js .woocommerce-cart .woocommerce-cart-form .coupon .button:not(.evcro-coupon-toggle),
.evcro-js .woocommerce-cart .woocommerce-cart-form .coupon button[name="apply_coupon"]{
	display:none !important;
}

.evcro-js .woocommerce-cart .woocommerce-cart-form .coupon.evcro-coupon--open #coupon_code,
.evcro-js .woocommerce-cart .woocommerce-cart-form .coupon.evcro-coupon--open .button:not(.evcro-coupon-toggle),
.evcro-js .woocommerce-cart .woocommerce-cart-form .coupon.evcro-coupon--open button[name="apply_coupon"]{
	display:inline-block !important;
}

.evcro-js .woocommerce-cart .woocommerce-cart-form .coupon.evcro-coupon--open #coupon_code{
	min-height:48px;
	padding:12px 14px;
	border:1px solid var(--evb2-line);
	background:#fffdf9;
	font-family:var(--evb2-sans);
	font-weight:300;
	font-size:.95rem;
	color:var(--evb2-ink);
	margin-right:10px;
	vertical-align:middle;
	border-radius:0;
}

.evcro-coupon-toggle{
	background:none !important;
	border:0 !important;
	padding:0 !important;
	margin:0 !important;
	min-height:0 !important;
	box-shadow:none !important;
	cursor:pointer;
	font-family:var(--evb2-sans);
	font-weight:300;
	font-size:.8rem;
	letter-spacing:.06em;
	color:var(--evb2-muted) !important;
	text-decoration:underline;
	text-underline-offset:3px;
	text-decoration-color:rgba(43,38,32,.28);
	text-transform:none;
}
.evcro-coupon-toggle:hover{color:var(--evb2-ink) !important;text-decoration-color:var(--evb2-gold)}

/* ==========================================================================
   3. CART — primary CTA weight
   ========================================================================== */

.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
	display:block;
	width:100%;
	min-height:52px;
	line-height:52px;
	padding:0 24px;
	text-align:center;
	background:var(--evb2-ink);
	border:1px solid var(--evb2-ink);
	color:var(--evb2-ivory);
	font-family:var(--evb2-sans);
	font-weight:400;
	font-size:.76rem;
	letter-spacing:.24em;
	text-transform:uppercase;
	transition:background-color .25s ease,color .25s ease;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
	background:transparent;
	color:var(--evb2-ink);
}

/* Keep the secondary "Update cart" button quiet */
.woocommerce-cart .woocommerce-cart-form .actions .button{
	background:transparent;
	border:1px solid var(--evb2-line);
	color:var(--evb2-muted);
	font-family:var(--evb2-sans);
	font-weight:400;
	font-size:.7rem;
	letter-spacing:.18em;
	text-transform:uppercase;
}
.woocommerce-cart .woocommerce-cart-form .actions .button:hover{border-color:var(--evb2-ink);color:var(--evb2-ink)}

/* ==========================================================================
   4. TRUST LINES (cart + checkout)
   ========================================================================== */

.evcro-trust{
	margin:18px 0 0;
	padding-top:16px;
	border-top:1px solid var(--evb2-line);
	font-family:var(--evb2-sans);
	font-weight:300;
	line-height:1.7;
	color:var(--evb2-muted);
}
.evcro-trust p{margin:0 0 4px}
.evcro-trust p:last-child{margin-bottom:0}
.evcro-trust__main{
	font-size:.82rem;
	letter-spacing:.03em;
	color:var(--evb2-ink);
}
.evcro-trust__help,
.evcro-trust__secure{
	font-size:.8rem;
	letter-spacing:.03em;
}
.evcro-trust__help a{color:var(--evb2-ink);text-decoration:underline;text-underline-offset:3px}
.evcro-trust__help a:hover{text-decoration-color:var(--evb2-gold)}

.evcro-trust--checkout{
	margin:0 0 20px;
	padding:16px 18px;
	border:1px solid var(--evb2-line);
	border-top:1px solid var(--evb2-gold-soft);
	background:var(--evb2-cream);
}
.evcro-trust--checkout .evcro-trust__secure{
	display:inline-block;
	margin-top:6px;
	padding-top:6px;
	border-top:1px solid rgba(43,38,32,.10);
	color:var(--evb2-muted);
	font-size:.74rem;
	letter-spacing:.16em;
	text-transform:uppercase;
}

/* ==========================================================================
   5. CHECKOUT — order summary: drop the long product description
   Keeps image, name, quantity, prices, previous/discounted price,
   subtotal, shipping and total.
   ========================================================================== */

.woocommerce-checkout .wc-block-components-product-metadata__description{
	display:none !important;
}

/* ==========================================================================
   6. MOBILE STICKY PLACE ORDER (checkout only)
   ========================================================================== */

.evcro-sticky{
	display:none;
}

@media (max-width:768px){
	.evcro-sticky{
		position:fixed;
		left:0;
		right:0;
		bottom:0;
		z-index:99990;
		display:flex;
		align-items:center;
		gap:14px;
		padding:10px 16px calc(10px + env(safe-area-inset-bottom));
		background:var(--evb2-ivory);
		border-top:1px solid var(--evb2-line);
		box-shadow:0 -6px 24px rgba(43,38,32,.08);
		transform:translateY(115%);
		transition:transform .25s ease;
		visibility:hidden;
	}
	.evcro-sticky.is-on{
		transform:translateY(0);
		visibility:visible;
	}
	.evcro-sticky__total{
		flex:0 0 auto;
		display:flex;
		flex-direction:column;
		line-height:1.2;
	}
	.evcro-sticky__kicker{
		font-family:var(--evb2-sans);
		font-weight:400;
		font-size:.62rem;
		letter-spacing:.2em;
		text-transform:uppercase;
		color:var(--evb2-muted);
	}
	.evcro-sticky__amount{
		font-family:var(--evb2-serif);
		font-weight:500;
		font-size:1.15rem;
		color:var(--evb2-ink);
	}
	.evcro-sticky__btn{
		flex:1 1 auto;
		min-height:50px;
		border:1px solid var(--evb2-ink);
		background:var(--evb2-ink);
		color:var(--evb2-ivory);
		font-family:var(--evb2-sans);
		font-weight:400;
		font-size:.72rem;
		letter-spacing:.2em;
		text-transform:uppercase;
		cursor:pointer;
		border-radius:0;
		padding:0 16px;
	}
	.evcro-sticky__btn:disabled{opacity:.55;cursor:default}

	/* leave room so the bar never sits on top of the last row of content */
	.woocommerce-checkout.evcro-sticky-on .wc-block-checkout{margin-bottom:76px}
}