/* ==========================================================================
   SHOP UI (site-wide) — cart flyout, accent buttons, checkout steps
   Charcoal #212121 + gold #b89d6b. Replaces WoodMart green accent #83b735.
   ========================================================================== */

:root {
	--pulse-ink: #212121;
	--pulse-gold: #b89d6b;
	--pulse-text: #3b3f44;
	--pulse-muted: #6b7280;
	--pulse-line: #e6e0d6;
	--pulse-bg: #faf8f5;
}

/* —— Cart flyout / mini-cart —— */
.cart-widget-side,
.wd-side-hidden.cart-widget-side,
.widget_shopping_cart,
body .cart-widget-side {
	--btn-accented-bgcolor: var(--pulse-gold, #b89d6b) !important;
	--btn-accented-bgcolor-hover: var(--pulse-ink, #212121) !important;
	--btn-color: #fff !important;
}

body .cart-widget-side .woocommerce-mini-cart__buttons a.button.checkout,
body .cart-widget-side .woocommerce-mini-cart__buttons a.checkout,
body .cart-widget-side a.button.checkout.wc-forward,
body .cart-widget-side a.checkout.wc-forward,
body .widget_shopping_cart .buttons a.checkout,
body .widget_shopping_cart a.checkout,
body .woocommerce-mini-cart__buttons a.checkout,
body.woocommerce .cart-widget-side a.button.checkout {
	border: 0 !important;
	border-radius: 4px !important;
	background: #b89d6b !important;
	background-color: #b89d6b !important;
	background-image: none !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

body .cart-widget-side .woocommerce-mini-cart__buttons a.button.checkout:hover,
body .cart-widget-side a.button.checkout:hover,
body .cart-widget-side a.checkout.wc-forward:hover,
body .widget_shopping_cart a.checkout:hover,
body .woocommerce-mini-cart__buttons a.checkout:hover {
	background: #212121 !important;
	background-color: #212121 !important;
	color: #fff !important;
}

body .cart-widget-side .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout),
body .cart-widget-side a.button.btn-cart,
body .widget_shopping_cart .buttons a.wc-forward:not(.checkout) {
	border: 0 !important;
	border-radius: 4px !important;
	background: #212121 !important;
	background-color: #212121 !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

body .cart-widget-side .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover {
	background: #b89d6b !important;
	color: #fff !important;
}

body .cart-widget-side .woocommerce-Price-amount,
body .cart-widget-side .amount {
	color: #b89d6b !important;
}

/* —— Woo accent / green buttons → gold (shop surfaces) —— */
body.woocommerce .button.btn-accent,
body.woocommerce button.btn-accent,
body.woocommerce .button.alt,
body.woocommerce button.button.alt,
body.woocommerce a.button.alt,
body.woocommerce-cart .coupon .button,
body.woocommerce-cart button[name="apply_coupon"],
body.woocommerce-checkout .checkout_coupon .button,
body.woocommerce-checkout button[name="apply_coupon"],
body.woocommerce-checkout .woocommerce-form-coupon .button {
	border: 0 !important;
	border-radius: 4px !important;
	background: var(--pulse-gold, #b89d6b) !important;
	background-color: var(--pulse-gold, #b89d6b) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

body.woocommerce .button.btn-accent:hover,
body.woocommerce button.btn-accent:hover,
body.woocommerce .button.alt:hover,
body.woocommerce button.button.alt:hover,
body.woocommerce a.button.alt:hover,
body.woocommerce-cart .coupon .button:hover,
body.woocommerce-cart button[name="apply_coupon"]:hover,
body.woocommerce-checkout .checkout_coupon .button:hover,
body.woocommerce-checkout button[name="apply_coupon"]:hover {
	background: var(--pulse-ink, #212121) !important;
	background-color: var(--pulse-ink, #212121) !important;
	color: #fff !important;
}

/* Keep charcoal for primary place-order / proceed when already ink */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-checkout #payment #place_order {
	background: var(--pulse-ink, #212121) !important;
	background-color: var(--pulse-ink, #212121) !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-checkout #payment #place_order:hover {
	background: var(--pulse-gold, #b89d6b) !important;
	background-color: var(--pulse-gold, #b89d6b) !important;
}

/* —— Checkout steps / page title (cart, checkout, thank you) —— */
/* Header row border reads as a light line against the dark steps bar */
body.woocommerce-cart .whb-general-header,
body.woocommerce-checkout .whb-general-header,
body.woocommerce-order-received .whb-general-header {
	border-bottom-color: transparent !important;
	border-bottom-width: 0 !important;
}

body.woocommerce-cart .wd-content-layout,
body.woocommerce-checkout .wd-content-layout,
body.woocommerce-order-received .wd-content-layout {
	padding-top: 0 !important;
}

body.woocommerce-cart .wd-page-title-el,
body.woocommerce-checkout .wd-page-title-el,
body.woocommerce-order-received .wd-page-title-el {
	margin-top: 0 !important;
	margin-bottom: 28px !important;
	padding: 0 !important;
}

/* Cart: dark polished title bar */
body.woocommerce-cart .wd-page-title,
body.woocommerce-cart .wd-page-title.color-scheme-light {
	background: #212121 !important;
	background-color: #212121 !important;
	background-image: none !important;
	border: 0 !important;
	color: #fff !important;
	text-align: center !important;
	padding: 22px 16px !important;
	min-height: 0 !important;
}

body.woocommerce-checkout .wd-page-title,
body.woocommerce-checkout .wd-page-title.color-scheme-light,
body.woocommerce-order-received .wd-page-title,
body.woocommerce-order-received .wd-page-title.color-scheme-light {
	background: var(--pulse-bg, #faf8f5) !important;
	background-color: var(--pulse-bg, #faf8f5) !important;
	background-image: none !important;
	border: 0 !important;
	color: var(--pulse-ink, #212121) !important;
	text-align: center !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

body.woocommerce-cart .wd-checkout-steps,
body.woocommerce-checkout .wd-checkout-steps,
body.woocommerce-order-received .wd-checkout-steps {
	display: flex !important;
	flex-wrap: nowrap;
	justify-content: center !important;
	align-items: center;
	gap: 0;
	margin: 0 auto !important;
	padding: 0 !important;
	text-align: center !important;
	line-height: 1.3 !important;
}

body.woocommerce-cart .wd-checkout-steps li,
body.woocommerce-checkout .wd-checkout-steps li,
body.woocommerce-order-received .wd-checkout-steps li {
	display: inline-flex !important;
	align-items: center;
	float: none !important;
	margin: 0 !important;
	padding: 0 8px !important;
	line-height: 1.3 !important;
	position: relative;
}

/* Hide WoodMart default separators so we don't double-up arrows */
body.woocommerce-cart .wd-checkout-steps li::before,
body.woocommerce-cart .wd-checkout-steps li::after,
body.woocommerce-cart .wd-checkout-steps a::before,
body.woocommerce-cart .wd-checkout-steps a::after,
body.woocommerce-cart .wd-checkout-steps span::before,
body.woocommerce-cart .wd-checkout-steps span::after,
body.woocommerce-checkout .wd-checkout-steps li::before,
body.woocommerce-checkout .wd-checkout-steps li::after,
body.woocommerce-checkout .wd-checkout-steps a::before,
body.woocommerce-checkout .wd-checkout-steps a::after,
body.woocommerce-order-received .wd-checkout-steps li::before,
body.woocommerce-order-received .wd-checkout-steps li::after,
body.woocommerce-order-received .wd-checkout-steps a::before,
body.woocommerce-order-received .wd-checkout-steps a::after {
	display: none !important;
	content: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

body.woocommerce-cart .wd-checkout-steps {
	gap: 4px 18px !important;
}

body.woocommerce-cart .wd-checkout-steps li + li::before,
body.woocommerce-checkout .wd-checkout-steps li + li::before,
body.woocommerce-order-received .wd-checkout-steps li + li::before {
	content: "→" !important;
	display: inline-block !important;
	position: absolute;
	left: -14px;
	top: 50%;
	transform: translateY(-50%);
	width: auto !important;
	height: auto !important;
	color: rgba(255, 255, 255, 0.45);
	font-size: 11px;
	line-height: 1;
	font-family: inherit !important;
}

body.woocommerce-checkout .wd-checkout-steps li + li::before,
body.woocommerce-order-received .wd-checkout-steps li + li::before {
	color: var(--pulse-muted, #6b7280);
}

body.woocommerce-cart .wd-checkout-steps a,
body.woocommerce-cart .wd-checkout-steps span,
body.woocommerce-checkout .wd-checkout-steps a,
body.woocommerce-checkout .wd-checkout-steps span,
body.woocommerce-order-received .wd-checkout-steps a,
body.woocommerce-order-received .wd-checkout-steps span {
	display: inline-block !important;
	color: rgba(255, 255, 255, 0.65) !important;
	font-family: var(--wd-title-font), Georgia, "Times New Roman", serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0.06em;
	line-height: 1.3 !important;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: 1 !important;
}

body.woocommerce-checkout .wd-checkout-steps a,
body.woocommerce-checkout .wd-checkout-steps span,
body.woocommerce-order-received .wd-checkout-steps a,
body.woocommerce-order-received .wd-checkout-steps span {
	color: var(--pulse-muted, #6b7280) !important;
}

body.woocommerce-cart .wd-checkout-steps .step-active a,
body.woocommerce-cart .wd-checkout-steps .step-active span {
	color: #fff !important;
	border-bottom: 1px solid var(--pulse-gold, #b89d6b) !important;
	padding-bottom: 2px;
}

body.woocommerce-checkout .wd-checkout-steps .step-active a,
body.woocommerce-checkout .wd-checkout-steps .step-active span,
body.woocommerce-order-received .wd-checkout-steps .step-active a,
body.woocommerce-order-received .wd-checkout-steps .step-active span {
	color: var(--pulse-ink, #212121) !important;
	border-bottom: 1px solid var(--pulse-gold, #b89d6b) !important;
	padding-bottom: 2px;
}

body.woocommerce-cart .wd-checkout-steps a:hover {
	color: var(--pulse-gold, #b89d6b) !important;
}

body.woocommerce-checkout .wd-checkout-steps a:hover {
	color: var(--pulse-gold, #b89d6b) !important;
}

@media (max-width: 575px) {
	body.woocommerce-cart .wd-checkout-steps a,
	body.woocommerce-cart .wd-checkout-steps span,
	body.woocommerce-checkout .wd-checkout-steps a,
	body.woocommerce-checkout .wd-checkout-steps span,
	body.woocommerce-order-received .wd-checkout-steps a,
	body.woocommerce-order-received .wd-checkout-steps span {
		font-size: 11px !important;
		letter-spacing: 0.04em;
	}

	body.woocommerce-cart .wd-checkout-steps li,
	body.woocommerce-checkout .wd-checkout-steps li,
	body.woocommerce-order-received .wd-checkout-steps li {
		padding: 0 8px !important;
	}
}

/* —— Payment methods strip (logo-only) —— */
.pulse-pay-strip {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

/* Equal white chips; logos are tightly cropped SVGs so they fill the chip */
.pulse-pay-strip__logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.pulse-pay-strip__logo {
	display: inline-flex !important;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 42px;
	margin: 0 !important;
	padding: 6px 8px !important;
	box-sizing: border-box;
	border: 1px solid var(--pulse-line, #e6e0d6);
	border-radius: 4px;
	background: #fff;
	line-height: 0;
	list-style: none !important;
}

.pulse-pay-strip__logo::before,
.pulse-pay-strip__logo::marker {
	content: none !important;
	display: none !important;
}

.pulse-pay-strip__logo img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: contain;
	filter: none !important;
	opacity: 1 !important;
}

.pulse-pay-strip__logo--apple-pay,
.pulse-pay-strip__logo--visa {
	padding: 9px 8px !important;
}

.pulse-pay-strip__logo--samsung-pay,
.pulse-pay-strip__logo--mastercard {
	padding: 5px 8px !important;
}

/* Footer: sits under Kenridge contact block */
.pulse-pay-strip--footer {
	display: none;
	margin: 18px 0 0;
}

.pulse-pay-strip--footer.is-placed {
	display: block;
}

.pulse-pay-strip--footer .pulse-pay-strip__logo {
	border-color: #fff;
}

/* PDP: below wishlist */
.pulse-pay-strip--pdp {
	margin: 16px 0 0;
	padding: 16px 0 0;
	border-top: 1px solid var(--pulse-line, #e6e0d6);
}

/* Brands — also in shop-ui so it wins over el-brand.min.css load order */
body.woocommerce-shop .wd-brands .wd-brand-item a,
body.woocommerce-shop .wd-brands a,
body.post-type-archive-product .wd-brands .wd-brand-item a,
.pulse-shop .wd-brands .wd-brand-item a,
.pulse-shop .wd-brands a,
.wp-block-wd-off-sidebar .wd-brands .wd-brand-item a,
.wp-block-wd-off-sidebar .wd-brands a {
	display: block !important;
	width: 100% !important;
	padding: 10px 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid #e6e0d6 !important;
	background: transparent !important;
	color: #3b3f44 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	text-align: left !important;
	text-decoration: none !important;
	opacity: 1 !important;
}

body.woocommerce-shop .wd-brands .wd-brand-item a:hover,
.pulse-shop .wd-brands a:hover,
.wp-block-wd-off-sidebar .wd-brands a:hover {
	color: #b89d6b !important;
}

body.woocommerce-shop .wd-brands [class*="wd-grid"],
.pulse-shop .wd-brands [class*="wd-grid"],
.wp-block-wd-off-sidebar .wd-brands [class*="wd-grid"] {
	display: block !important;
	gap: 0 !important;
	row-gap: 0 !important;
}