/*
 * Pinckards WooCommerce brand skin - Cart, Checkout, My Account only.
 * Loaded only on those templates (see class-woocommerce-brand.php).
 * Literal brand values, matching the Double Exposure funnel pages -
 * deliberately not dependent on tokens.css or any Elementor kit, so
 * this survives a move to production regardless of which redesign
 * assets exist there yet.
 *
 * The theme's global "full width, no padding" content setting is what
 * makes these pages run edge-to-edge by default - restoring a sane
 * reading width/padding here is scoped to just these three page types
 * rather than changing that theme-wide setting.
 */

body.woocommerce-cart #content-wrap.container,
body.woocommerce-checkout #content-wrap.container,
body.woocommerce-account #content-wrap.container {
	max-width: 1120px !important;
	padding: 56px 24px 80px !important;
	margin: 0 auto !important;
	font-family: 'Inter', sans-serif;
	color: #333131;
}

@media (max-width: 782px) {
	body.woocommerce-cart #content-wrap.container,
	body.woocommerce-checkout #content-wrap.container,
	body.woocommerce-account #content-wrap.container {
		padding: 32px 18px 56px !important;
	}
}

.woocommerce-cart h1.entry-title,
.woocommerce-checkout h1.entry-title,
.woocommerce-account h1.entry-title,
.woocommerce-cart .page-title,
.woocommerce-checkout .page-title {
	font-family: 'INLANDER ROUGH', serif;
	font-weight: 600;
	text-transform: capitalize;
	color: #3E4947;
	font-size: 34px;
	margin-bottom: 32px;
}

/* Section headings inside the checkout form (Billing details, Your order, etc.) */
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 19px;
	color: #3E4947;
	margin-bottom: 20px;
}

/* ---------- Price color reset ---------- */
/* Neutral by default everywhere in these pages... */
.woocommerce-cart .woocommerce-Price-amount.amount,
.woocommerce-checkout .woocommerce-Price-amount.amount,
.woocommerce-account .woocommerce-Price-amount.amount {
	color: #333131 !important;
}

/* ...and the brand accent only where a total should stand out. */
.woocommerce-cart .cart_totals .order-total .woocommerce-Price-amount.amount,
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount.amount {
	color: #AF5C3C !important;
	font-weight: 600;
	font-size: 18px;
}

/* ---------- Two-column checkout layout ---------- */
.woocommerce-checkout .col2-set {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 56px;
	align-items: start;
	width: 100%;
}

.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
	width: 100%;
	float: none;
}

@media (max-width: 900px) {
	.woocommerce-checkout .col2-set {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

/* Order summary as a distinct, quiet card */
#order_review.woocommerce-checkout-review-order,
.woocommerce-checkout .col2-set .col-2 {
	background: #FAFAF8;
	border: 1px solid #E5E1D6;
	border-radius: 8px;
	padding: 32px;
}

.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
	border: none;
	border-radius: 0;
}

/* ---------- Tables (cart contents, order review) ---------- */
.woocommerce-cart table.shop_table {
	border: none;
	border-collapse: collapse;
}

.woocommerce-checkout table.shop_table {
	border: none;
}

.woocommerce-cart table.shop_table th,
.woocommerce-checkout table.shop_table th {
	background: transparent;
	color: #A1998F;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	border-bottom: 1px solid #E5E1D6;
	padding: 0 0 12px;
}

.woocommerce-cart table.shop_table td,
.woocommerce-checkout table.shop_table td {
	border-bottom: 1px solid #E5E1D6;
	padding: 16px 8px;
}

.woocommerce-cart table.shop_table tr:last-child td,
.woocommerce-checkout table.shop_table tr:last-child td {
	border-bottom: none;
}

.woocommerce-checkout .cart-subtotal td,
.woocommerce-checkout .order-total td {
	border-bottom: none;
	padding: 10px 8px;
}

.woocommerce-checkout .order-total th,
.woocommerce-checkout .order-total td {
	border-top: 1px solid #E5E1D6;
	padding-top: 16px;
}

.woocommerce-cart .product-name a,
.woocommerce-checkout .product-name {
	color: #3E4947;
	font-weight: 500;
}

.woocommerce-cart .product-remove a.remove {
	color: #A1998F !important;
	background: transparent !important;
	font-size: 18px;
}

.woocommerce-cart td.actions .coupon .input-text {
	border: 1px solid #E5E1D6;
	border-radius: 2px;
	padding: 12px 14px;
	font-family: 'Inter', sans-serif;
}

/* ---------- Form fields ---------- */
.woocommerce-checkout .woocommerce-input-wrapper input.input-text,
.woocommerce-checkout .woocommerce-input-wrapper select,
.woocommerce-checkout .woocommerce-input-wrapper textarea,
.woocommerce-checkout #order_comments,
.woocommerce-account .woocommerce-input-wrapper input.input-text {
	border: 1px solid #E5E1D6 !important;
	border-radius: 2px !important;
	font-family: 'Inter', sans-serif;
	padding: 13px 14px !important;
	background: #FFFFFF;
	box-shadow: none !important;
	transition: border-color 0.15s ease;
}

.woocommerce-checkout .woocommerce-input-wrapper input.input-text:focus,
.woocommerce-checkout .woocommerce-input-wrapper select:focus {
	border-color: #AF5C3C !important;
	outline: none;
}

.woocommerce-checkout .form-row {
	margin-bottom: 18px;
}

.woocommerce-checkout label,
.woocommerce-cart label {
	color: #6B6560;
	font-weight: 500;
	font-size: 13px;
	margin-bottom: 6px;
	display: inline-block;
}

.woocommerce-checkout .required {
	color: #AF5C3C;
	text-decoration: none;
}

/* ---------- Payment methods ---------- */
#payment.woocommerce-checkout-payment {
	background: transparent;
	border-top: 1px solid #E5E1D6;
	margin-top: 24px;
	padding-top: 24px;
}

#payment .wc_payment_methods.payment_methods {
	border: none;
	padding: 0;
}

#payment ul.payment_methods li {
	border: 1px solid #E5E1D6;
	border-radius: 6px;
	padding: 14px 16px;
	margin-bottom: 10px;
	background: #FFFFFF;
	list-style: none;
}

#payment ul.payment_methods li label {
	color: #3E4947;
	font-weight: 500;
	margin-bottom: 0;
}

#payment .payment_box {
	background: #FEF2DC;
	border-radius: 4px;
	margin-top: 12px !important;
}

#payment .payment_box::before {
	display: none;
}

.woocommerce-checkout #payment div.form-row.place-order {
	padding: 0;
	margin-top: 24px;
}

.woocommerce-checkout #place_order {
	width: 100%;
}

/* ---------- Buttons: add-to-cart, update cart, place order, pay, my-account actions ---------- */
.woocommerce-cart .button,
.woocommerce-checkout .button,
.woocommerce-checkout #place_order,
.woocommerce-account .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background-color: #AF5C3C !important;
	border: none !important;
	color: #FEF2DC !important;
	font-family: 'INLANDER ROUGH', serif;
	font-weight: 500;
	letter-spacing: 1.2px;
	border-radius: 2px !important;
	padding: 16px 34px !important;
	text-transform: none;
	transition: background-color 0.2s ease;
	box-shadow: none !important;
}

.woocommerce-cart .button:hover,
.woocommerce-checkout .button:hover,
.woocommerce-checkout #place_order:hover,
.woocommerce-account .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background-color: #8A4A30 !important;
	color: #FEF2DC !important;
}

.woocommerce-cart .button.disabled,
.woocommerce-cart .button:disabled {
	opacity: 0.5;
}

/* ---------- Marketing consent checkbox (added at checkout) ---------- */
.de-marketing-consent-field {
	margin-top: 16px;
	font-size: 14px;
}

.de-marketing-consent-field label {
	font-weight: 400 !important;
	color: #333131 !important;
	font-size: 14px !important;
}

/* ---------- Critique upsell banner (cart + checkout) ---------- */
.de-critique-upsell {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	background: #FEF2DC;
	border-left: 3px solid #AF5C3C;
	border-radius: 4px;
	padding: 20px 24px;
	margin: 0 0 32px;
	font-family: 'Inter', sans-serif;
}

.de-critique-upsell p {
	margin: 0;
	color: #3E4947;
	font-size: 16px;
}

.de-critique-upsell strong {
	color: #3E4947;
}

.de-critique-upsell a.button {
	white-space: nowrap;
	margin: 0 !important;
	padding: 12px 24px !important;
	font-size: 14px !important;
}

/* ---------- My Account navigation ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid #E5E1D6;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	color: #AF5C3C;
	font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	color: #3E4947;
	font-family: 'Inter', sans-serif;
}

/* ---------- Coupon / login form panels - avoid the default boxy grey look ---------- */
.woocommerce-cart .cart-collaterals .cart_totals {
	background: #FAFAF8;
	border: 1px solid #E5E1D6;
	border-radius: 8px;
	padding: 32px;
}

.woocommerce-checkout .woocommerce-form-coupon,
.woocommerce-account .woocommerce-form-login {
	background: #FEF2DC;
	border: 1px solid #E5E1D6;
	border-radius: 6px;
	padding: 24px;
}

.woocommerce-checkout .checkout_coupon .form-row {
	margin-bottom: 12px;
}