/* Cart, checkout and account pages.
   WooCommerce's own stylesheet does the heavy lifting; this only aligns the
   brand-critical controls so checkout does not look like a different site. */

.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content,
.woocommerce-account .entry-content,
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce-account .woocommerce {
	max-width: 1100px;
	margin: 50px auto;
	padding: 0 5%;
}

.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
	background: linear-gradient(to right, var(--accent), var(--accent-dark));
	color: var(--deep-purple);
	border-radius: 50px;
	padding: 14px 30px;
	font-family: var(--font-display);
	font-weight: 800;
	border: none;
	transition: transform .2s ease;
}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover { background: linear-gradient(to right, var(--accent), var(--accent-dark)); transform: translateY(-2px); color: var(--deep-purple); }

.woocommerce table.shop_table { border-radius: var(--radius); border-color: var(--hairline); }
.woocommerce table.shop_table th { font-family: var(--font-display); color: var(--deep-purple); }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text {
	border: 2px solid #ddd;
	border-radius: var(--radius-sm);
	padding: 12px 14px;
	font-family: var(--font-body);
}
.woocommerce form .form-row label { font-family: var(--font-display); font-weight: 700; color: var(--deep-purple); }

.woocommerce-checkout #payment { background: #faf8f2; border-radius: var(--radius); }
.woocommerce .cart_totals h2,
.woocommerce-checkout h3 { font-family: var(--font-display); color: var(--deep-purple); }