/**
 * BIDFUL — Shop / WooCommerce
 */

/* Button accents (moved out of global style.css critical path) */
.woocommerce .bidful-btn--primary,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background: var(--bidful-accent);
	color: #fff;
	border: none;
	border-radius: var(--bidful-radius-md);
	padding: 0.75em 1.5em;
	font-weight: 600;
}

.woocommerce .bidful-btn--primary:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background: var(--bidful-accent-hover);
	color: #fff;
}

.woocommerce ul.products li.product .price {
	color: var(--bidful-accent);
	font-weight: 600;
}

/* Shop product cards — micro-motion (respect prefers-reduced-motion below) */
@keyframes bidful-shop-cta-shine {
	0% {
		transform: translateX(-120%) skewX(-12deg);
		opacity: 0;
	}
	15% {
		opacity: 1;
	}
	100% {
		transform: translateX(220%) skewX(-12deg);
		opacity: 0;
	}
}

/* ==========================================================================
   Shop feature strip — "what every PRO plan unlocks" (below the products)
   ========================================================================== */
.bidful-shop-features-pointer {
	text-align: center;
	font-size: 0.9375rem;
	color: var(--bidful-text);
	margin: 0 0 var(--bidful-space-md);
}

.bidful-shop-features-pointer__arrow {
	display: inline-block;
	margin-left: 0.25em;
	color: var(--bidful-accent-hover, #1f8a65);
	font-weight: 700;
}

.bidful-shop-compare {
	padding: clamp(var(--bidful-space-xl), 5vw, var(--bidful-space-2xl)) 0;
	margin-top: var(--bidful-space-xl);
	background: var(--bidful-bg-muted);
	border-top: 1px solid var(--bidful-border-strong);
	border-bottom: 1px solid var(--bidful-border-strong);
}

.bidful-shop-compare__title {
	text-align: center;
	font-size: clamp(1.25rem, 3vw, 1.75rem);
	margin: 0 0 0.5em;
	color: var(--bidful-text);
}

.bidful-shop-compare__intro {
	text-align: center;
	max-width: 640px;
	margin: 0 auto 1.75em;
	color: var(--bidful-text);
}

/* Comparison table — 3 columns: feature | Free | PRO. PRO column is bigger + highlighted. */
.bidful-shop-compare__table {
	max-width: 760px;
	margin: 0 auto;
	background: var(--bidful-bg-elevated);
	border: 1.5px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-xl, 16px);
	overflow: hidden;
	box-shadow: var(--bidful-shadow-md);
	display: grid;
	grid-template-columns: 1.5fr 1fr 1.35fr;
}

.bidful-shop-compare__rowgroup,
.bidful-shop-compare__head,
.bidful-shop-compare__row {
	display: contents;
}

.bidful-shop-compare__head > [role="columnheader"],
.bidful-shop-compare__row > [role="rowheader"],
.bidful-shop-compare__row > [role="cell"] {
	padding: 0.85em 1em;
	border-bottom: 1px solid var(--bidful-border);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.bidful-shop-compare__row:last-child > * {
	border-bottom: none;
}

/* Feature label column — left aligned */
.bidful-shop-compare__feat-col {
	justify-content: flex-start;
	text-align: left;
	font-weight: 600;
	color: var(--bidful-text);
	font-size: 0.9375rem;
}

/* Header row */
.bidful-shop-compare__head .bidful-shop-compare__feat-col {
	background: var(--bidful-bg-muted);
}
.bidful-shop-compare__head .bidful-shop-compare__free-col {
	background: var(--bidful-bg-muted);
	flex-direction: column;
	gap: 0.1em;
}
.bidful-shop-compare__head .bidful-shop-compare__pro-col {
	background: linear-gradient(180deg, var(--bidful-accent-light, #e6f4ee) 0%, rgba(31, 138, 101, 0.08) 100%);
	flex-direction: column;
	gap: 0.1em;
	border-left: 2px solid var(--bidful-accent, #1f8a65);
	border-right: 2px solid var(--bidful-accent, #1f8a65);
}

.bidful-shop-compare__col-title {
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0.02em;
}
.bidful-shop-compare__head .bidful-shop-compare__pro-col .bidful-shop-compare__col-title {
	color: var(--bidful-accent-hover, #1f8a65);
}
.bidful-shop-compare__col-sub {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--bidful-text-subtle);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* PRO column body cells — subtle accent wash */
.bidful-shop-compare__row .bidful-shop-compare__pro-col {
	background: rgba(31, 138, 101, 0.04);
	font-weight: 700;
	color: var(--bidful-text);
}
.bidful-shop-compare__row .bidful-shop-compare__free-col {
	color: var(--bidful-text);
	font-weight: 600;
}

/* Cells that hold literal text (e.g. "1", "Unlimited", "Up to 100") */
.bidful-shop-compare__row .bidful-shop-compare__free-col,
.bidful-shop-compare__row .bidful-shop-compare__pro-col {
	font-size: 0.9375rem;
	font-variant-numeric: tabular-nums;
}

/* Check / cross icons */
.bidful-shop-compare__yes,
.bidful-shop-compare__no {
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	border-radius: 50%;
	position: relative;
	flex-shrink: 0;
}
.bidful-shop-compare__yes {
	background: var(--bidful-accent-hover, #1f8a65);
}
.bidful-shop-compare__yes::after {
	content: "";
	position: absolute;
	left: 0.36em;
	top: 0.22em;
	width: 0.32em;
	height: 0.6em;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.bidful-shop-compare__no {
	background: transparent;
	border: 1.5px solid var(--bidful-border);
}
.bidful-shop-compare__no::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0.55em;
	height: 1.5px;
	background: var(--bidful-text-muted);
	transform: translate(-50%, -50%) rotate(-0deg);
	border-radius: 2px;
}

/* PRO column gets the accent check; free "no" stays muted */
.bidful-shop-compare__row .bidful-shop-compare__pro-col .bidful-shop-compare__yes {
	box-shadow: 0 1px 6px rgba(31, 138, 101, 0.3);
}

@media (max-width: 599px) {
	.bidful-shop-compare__table {
		grid-template-columns: 1.3fr 1fr 1.2fr;
	}
	.bidful-shop-compare__head > [role="columnheader"],
	.bidful-shop-compare__row > [role="rowheader"],
	.bidful-shop-compare__row > [role="cell"] {
		padding: 0.7em 0.55em;
	}
	.bidful-shop-compare__feat-col {
		font-size: 0.875rem;
	}
	.bidful-shop-compare__col-sub {
		font-size: 0.65rem;
	}
}

/* ==========================================================================
   Progress bar & Checkout steps
   ========================================================================== */

.bidful-progress {
	width: 100%;
	height: 6px;
	background: var(--bidful-bg-muted);
	border-radius: var(--bidful-radius-full);
	overflow: hidden;
}

.bidful-progress__fill {
	height: 100%;
	background: var(--bidful-accent);
	border-radius: var(--bidful-radius-full);
	transition: width var(--bidful-transition-slow);
}

.bidful-checkout-progress {
	margin-bottom: var(--bidful-space-xl);
	padding: var(--bidful-space-xl);
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	box-shadow: var(--bidful-shadow-md);
}

.bidful-checkout-progress__steps {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--bidful-space-sm);
	list-style: none;
	margin: 0;
	padding: 0;
}

.bidful-checkout-progress__steps > li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bidful-checkout-progress__step {
	display: flex;
	align-items: center;
	gap: var(--bidful-space-xs);
	font-size: 0.875rem;
	color: var(--bidful-text-subtle);
}

.bidful-checkout-progress__step.active {
	color: var(--bidful-accent);
	font-weight: 600;
}

.bidful-checkout-progress__step.done {
	color: var(--bidful-accent);
}

.bidful-checkout-progress__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	font-size: 0.75rem;
	font-weight: 700;
	border-radius: var(--bidful-radius-full);
	background: var(--bidful-bg-muted);
	color: var(--bidful-text-subtle);
}

.bidful-checkout-progress__step.active .bidful-checkout-progress__num,
.bidful-checkout-progress__step.done .bidful-checkout-progress__num {
	background: var(--bidful-accent);
	color: #fff;
}

.bidful-checkout-progress__line {
	width: 24px;
	height: 2px;
	background: var(--bidful-border);
}

.bidful-checkout-progress__line.done {
	background: var(--bidful-accent);
}

/* Product specs (label + value) */
.bidful-product-specs {
	margin-top: var(--bidful-space-xl);
	padding: var(--bidful-space-lg);
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	box-shadow: var(--bidful-shadow-md);
	border-radius: var(--bidful-radius-lg);
}

.bidful-product-specs__title {
	margin-bottom: var(--bidful-space-md);
	font-size: 1rem;
}

.bidful-product-specs__list {
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr auto;
	column-gap: var(--bidful-space-md);
}

.bidful-product-specs__list dt,
.bidful-product-specs__list dd {
	margin: 0;
	padding: var(--bidful-space-sm) 0;
	border-bottom: 1px solid var(--bidful-border);
}

.bidful-product-specs__list > *:nth-last-child(-n+2) {
	border-bottom: none;
}

.bidful-product-specs__label {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bidful-text-subtle);
}

.bidful-product-specs__value {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--bidful-text);
}

/* ==========================================================================
   WooCommerce — layout resets & base
   ========================================================================== */

/* Reset WooCommerce default layouts that can conflict with theme */
.woocommerce,
.woocommerce-page {
	box-sizing: border-box;
}

.woocommerce *,
.woocommerce-page * {
	box-sizing: inherit;
}

/* Ensure WooCommerce pages use full width of container */
.bidful-woocommerce .woocommerce,
.bidful-woocommerce .bidful-container {
	width: 100%;
}

/* Break out of prose/entry constraints for all WooCommerce page types */
.bidful-prose .bidful-cart-layout,
.bidful-prose .bidful-checkout-layout,
.bidful-prose .bidful-thankyou-layout,
.bidful-prose .bidful-account-page,
.bidful-page-content .bidful-cart-layout,
.bidful-page-content .bidful-checkout-layout,
.bidful-page-content .bidful-account-page,
.entry-content .bidful-cart-layout,
.entry-content .bidful-checkout-layout,
.entry-content .bidful-account-page {
	max-width: none;
	width: 100%;
}

/* ==========================================================================
   WooCommerce — notices & page structure
   ========================================================================== */

/* Non–inner-page WooCommerce shells only — inner pages use .bidful-inner-page padding */
.bidful-woocommerce:not(.bidful-inner-page) {
	padding: var(--bidful-space-2xl) 0;
}

/* WooCommerce notices — success, error, info */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	padding: var(--bidful-space-md) var(--bidful-space-lg);
	margin-bottom: var(--bidful-space-lg);
	border-radius: var(--bidful-radius-md);
	border-left: 4px solid;
	list-style: none;
	margin-left: 0;
}

.woocommerce-message {
	background: var(--bidful-success-bg);
	border-left-color: var(--bidful-success);
	color: var(--bidful-text);
}

.woocommerce-info {
	background: var(--bidful-accent-bg);
	border-left-color: var(--bidful-accent);
	color: var(--bidful-text);
}

.woocommerce-error {
	background: var(--bidful-danger-bg);
	border-left-color: var(--bidful-danger);
	color: var(--bidful-text);
}

.woocommerce-error li {
	margin: 0.25em 0 0;
}

.woocommerce-error li:first-child {
	margin-top: 0;
}

/* Cart/checkout — hide duplicate page content (blocks before shortcode) */
.woocommerce-cart .bidful-container.woocommerce > p,
.woocommerce-checkout .bidful-container.woocommerce > p,
.woocommerce-cart .bidful-container.woocommerce > h1,
.woocommerce-checkout .bidful-container.woocommerce > h1,
.woocommerce-cart .bidful-container.woocommerce .entry-content > :is(h1, h2, .wp-block-post-title),
.woocommerce-checkout .bidful-container.woocommerce .entry-content > :is(h1, h2, .wp-block-post-title) {
	display: none;
}

/* Override plugin notices with inline styles — match theme */
.bidful-woocommerce div[style*="padding:15px"][style*="background:#f0f9ff"],
.bidful-woocommerce div[style*="border-left:4px solid #0073aa"] {
	background: var(--bidful-accent-bg) !important;
	border-left: 4px solid var(--bidful-accent) !important;
	color: var(--bidful-text) !important;
	padding: var(--bidful-space-md) var(--bidful-space-lg) !important;
	margin-bottom: var(--bidful-space-lg) !important;
	border-radius: var(--bidful-radius-md);
	font-size: 1rem !important;
	font-weight: 600 !important;
}

.bidful-woocommerce div[style*="padding:15px"] svg {
	fill: var(--bidful-accent) !important;
}

/* Page title on WooCommerce pages — hero-style presence */
.bidful-woocommerce .entry-title,
.bidful-woocommerce .page-title,
.bidful-woocommerce__page-title {
	font-size: clamp(1.5rem, 3.5vw, 1.875rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--bidful-text);
	margin: 0 0 var(--bidful-space-lg) 0;
	line-height: 1.2;
}

/* Shop archive — breadcrumb, result count, sorting */
.bidful-woocommerce .woocommerce-breadcrumb {
	margin-bottom: var(--bidful-space-md);
	font-size: 0.875rem;
	color: var(--bidful-text-subtle);
}

.bidful-woocommerce .woocommerce-breadcrumb a {
	color: var(--bidful-accent);
	text-decoration: none;
}

.bidful-woocommerce .woocommerce-breadcrumb a:hover {
	text-decoration: underline;
}

/* Result count + ordering row — aligned like PRO themes */
.bidful-woocommerce .woocommerce-result-count,
.bidful-woocommerce .woocommerce-ordering {
	margin-bottom: var(--bidful-space-md);
}

.bidful-woocommerce .woocommerce-ordering select {
	padding: 0.5em 2em 0.5em 0.75em;
	border: 1px solid var(--bidful-border);
	border-radius: var(--bidful-radius-md);
	background: var(--bidful-bg-card);
	color: var(--bidful-text);
	font-size: 0.9375rem;
}

/* Shop loop header — PRO toolbar */
.bidful-shop-loop-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--bidful-space-md);
	margin-bottom: var(--bidful-space-lg);
	padding: var(--bidful-space-md) var(--bidful-space-lg);
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	box-shadow: var(--bidful-shadow-md);
}

.bidful-shop-loop-header .woocommerce-result-count {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--bidful-text);
}

.bidful-shop-loop-header .woocommerce-ordering {
	margin: 0;
}

.bidful-shop-loop-header .woocommerce-ordering select {
	border-radius: var(--bidful-radius-md);
	font-weight: 500;
	border-color: var(--bidful-border-strong);
	min-height: 44px;
	padding: 0.5em 2.25em 0.5em 0.875em;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	transition: border-color var(--bidful-transition), box-shadow var(--bidful-transition);
}

.bidful-shop-loop-header .woocommerce-ordering select:hover {
	border-color: var(--bidful-accent);
}

.bidful-shop-loop-header .woocommerce-ordering select:focus {
	outline: none;
	border-color: var(--bidful-accent);
	box-shadow: 0 0 0 3px var(--bidful-accent-muted);
}

/* Product grid — shop archive container */
.bidful-woocommerce .bidful-container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	box-sizing: border-box;
}

.bidful-products-grid {
	width: 100%;
	max-width: 100%;
	margin-top: var(--bidful-space-md);
}

/* Shop grid — max 3 columns */
.woocommerce ul.products,
.bidful-woocommerce ul.products,
.bidful-products-grid ul.products {
	display: grid !important;
	grid-template-columns: 1fr;
	gap: var(--bidful-space-md) !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

@media (min-width: 1200px) {
	.woocommerce ul.products,
	.bidful-woocommerce ul.products,
	.bidful-products-grid ul.products {
		gap: var(--bidful-space-lg) !important;
	}
}

.woocommerce ul.products li.product,
.woocommerce ul.products li.bidful-product-card,
.bidful-woocommerce ul.products li.product,
.bidful-products-grid ul.products li.product {
	width: auto !important;
	min-width: 0 !important;
	float: none !important;
}

/* Product cards — PRO: elevated surface, accent rail, refined motion */
.woocommerce ul.products li.product,
.woocommerce ul.products li.bidful-product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	isolation: isolate;
	background: var(--bidful-bg-elevated);
	background-image: linear-gradient(180deg, #ffffff 0%, var(--bidful-bg-elevated) 100%);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-xl);
	overflow: hidden;
	padding: 0;
	box-shadow:
		var(--bidful-shadow-md),
		0 0 0 1px rgba(255, 255, 255, 0.6) inset;
	transition:
		box-shadow var(--bidful-transition-bounce),
		border-color var(--bidful-transition),
		transform var(--bidful-transition-bounce);
}

.woocommerce ul.products li.product::before,
.woocommerce ul.products li.bidful-product-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--bidful-accent) 0%, var(--bidful-accent-light) 55%, #34d399 100%);
	opacity: 0;
	transition: opacity var(--bidful-transition-slow);
	z-index: 2;
	pointer-events: none;
	border-radius: var(--bidful-radius-xl) var(--bidful-radius-xl) 0 0;
}

.woocommerce ul.products li.product:hover::before,
.woocommerce ul.products li.bidful-product-card:hover::before {
	opacity: 1;
}

.woocommerce ul.products li.product:hover,
.woocommerce ul.products li.bidful-product-card:hover {
	box-shadow:
		var(--bidful-shadow-lg),
		var(--bidful-shadow-glow);
	border-color: rgba(31, 138, 101, 0.28);
	transform: translateY(-6px) scale(1.012);
}

.bidful-product-card__badge {
	position: absolute;
	top: var(--bidful-space-sm);
	right: var(--bidful-space-sm);
	padding: 5px 10px;
	font-size: 0.625rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	border-radius: var(--bidful-radius-full);
	background: linear-gradient(135deg, var(--bidful-accent) 0%, var(--bidful-accent-hover) 100%);
	color: #fff;
	z-index: 3;
	box-shadow: 0 2px 8px rgba(31, 138, 101, 0.35);
	transition: transform var(--bidful-transition-bounce), box-shadow var(--bidful-transition);
}

.woocommerce ul.products li.product:hover .bidful-product-card__badge,
.woocommerce ul.products li.bidful-product-card:hover .bidful-product-card__badge {
	transform: scale(1.06);
	box-shadow: 0 4px 14px rgba(31, 138, 101, 0.45);
}

/* "Most popular" badge — distinct, prominent, top-left ribbon */
.bidful-product-card__badge--popular {
	top: var(--bidful-space-sm);
	right: auto;
	left: var(--bidful-space-sm);
	background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
	box-shadow: 0 2px 10px rgba(217, 119, 6, 0.4);
}

.woocommerce ul.products li.product:hover .bidful-product-card__badge--popular,
.woocommerce ul.products li.bidful-product-card:hover .bidful-product-card__badge--popular {
	box-shadow: 0 4px 16px rgba(217, 119, 6, 0.5);
}

/* Quick-batch tagline (day-pass card) — small, muted, sits under the title */
.bidful-product-card__tagline {
	margin: 0.25em 0 0.5em;
	font-size: 0.8125rem;
	font-style: italic;
	color: var(--bidful-text);
}

/* Product card title link — imageless pricing tiles */
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.woocommerce ul.products li.bidful-product-card .woocommerce-loop-product__title a {
	color: inherit;
	text-decoration: none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a:focus-visible,
.woocommerce ul.products li.bidful-product-card .woocommerce-loop-product__title a:focus-visible {
	outline: none;
	border-radius: var(--bidful-radius-sm);
	box-shadow: 0 0 0 3px var(--bidful-accent-muted);
}

/* Product body — compact, still balanced */
.bidful-product-card__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	/* Top padding clears the absolutely-positioned badge; no image above anymore. */
	padding: 2.75rem var(--bidful-space-md) var(--bidful-space-md);
	gap: 0.4em;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	background: linear-gradient(180deg, rgba(248, 250, 252, 0.65) 0%, var(--bidful-bg-card) 40%);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.0625rem;
	font-weight: 700;
	margin: 0;
	color: var(--bidful-text);
	line-height: 1.28;
	letter-spacing: -0.025em;
	word-wrap: break-word;
	overflow-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	border-radius: var(--bidful-radius-sm);
	background-image: linear-gradient(var(--bidful-accent), var(--bidful-accent));
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 0% 2px;
	transition:
		color var(--bidful-transition),
		background-size 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover {
	color: var(--bidful-accent);
	background-size: 100% 2px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a:focus-visible {
	outline: 2px solid var(--bidful-accent);
	outline-offset: 2px;
}

.woocommerce ul.products li.product .price {
	color: var(--bidful-accent);
	font-weight: 800;
	font-size: 1.125rem;
	margin: 0.25em 0 0 0;
	letter-spacing: -0.03em;
	font-variant-numeric: tabular-nums;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
}

.woocommerce ul.products li.product .price del {
	color: var(--bidful-text-subtle);
	font-weight: 600;
	font-size: 0.9375rem;
	opacity: 1;
}

.woocommerce ul.products li.product .price ins {
	text-decoration: none;
}

/* Primary CTA — high-intent add to cart */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.bidful-product-card .button {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-top: auto;
	margin-bottom: 0;
	text-align: center;
	padding: 0.65em 1rem;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	border-radius: var(--bidful-radius-md);
	border: none;
	cursor: pointer;
	background: linear-gradient(180deg, var(--bidful-accent-light) 0%, var(--bidful-accent) 38%, var(--bidful-accent-hover) 100%);
	color: #fff !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.2) inset,
		0 2px 6px rgba(31, 138, 101, 0.25);
	transition:
		transform var(--bidful-transition),
		box-shadow var(--bidful-transition),
		filter var(--bidful-transition),
		background var(--bidful-transition);
}

.woocommerce ul.products li.product .button::after,
.woocommerce ul.products li.bidful-product-card .button::after {
	content: '';
	position: absolute;
	inset: 0;
	left: -40%;
	width: 45%;
	background: linear-gradient(
		105deg,
		transparent 0%,
		rgba(255, 255, 255, 0.22) 45%,
		rgba(255, 255, 255, 0.55) 50%,
		rgba(255, 255, 255, 0.22) 55%,
		transparent 100%
	);
	transform: translateX(-100%) skewX(-14deg);
	opacity: 0;
	pointer-events: none;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.bidful-product-card .button:hover {
	filter: brightness(1.06);
	transform: translateY(-3px) scale(1.02);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.28) inset,
		0 4px 14px rgba(31, 138, 101, 0.35),
		0 0 0 1px rgba(255, 255, 255, 0.12) inset;
	color: #fff !important;
}

.woocommerce ul.products li.product .button:hover::after,
.woocommerce ul.products li.bidful-product-card .button:hover::after {
	animation: bidful-shop-cta-shine 0.75s ease-out;
}

.woocommerce ul.products li.product .button:focus-visible,
.woocommerce ul.products li.bidful-product-card .button:focus-visible {
	outline: 2px solid var(--bidful-accent);
	outline-offset: 3px;
}

.woocommerce ul.products li.product .button:active,
.woocommerce ul.products li.bidful-product-card .button:active {
	transform: translateY(0) scale(1);
	filter: brightness(0.98);
}

/* Buy Now link (loop) — ensure it behaves as a full-width block button even
   though WooCommerce core styles are disabled by the theme. */
.woocommerce ul.products li.bidful-product-card .bidful-buy-now-btn {
	display: block;
	text-decoration: none;
}

/* Shop cards — dark mode (hardcoded light gradients replaced with token-driven surfaces) */
body.bidful-dark-mode .woocommerce ul.products li.product,
body.bidful-dark-mode .woocommerce ul.products li.bidful-product-card {
	background-image: none;
	background: var(--bidful-bg-card);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 12px 36px rgba(0, 0, 0, 0.35);
}

body.bidful-dark-mode .woocommerce ul.products li.product:hover,
body.bidful-dark-mode .woocommerce ul.products li.bidful-product-card:hover {
	box-shadow: 0 0 0 1px rgba(102, 187, 133, 0.28), 0 18px 44px rgba(0, 0, 0, 0.45);
}

body.bidful-dark-mode .bidful-product-card__body {
	background: rgba(15, 23, 42, 0.35);
	border-top-color: var(--bidful-border);
}

body.bidful-dark-mode .woocommerce ul.products li.product .price {
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

body.bidful-dark-mode .bidful-shop-loop-header {
	background: var(--bidful-bg-card);
	border-color: var(--bidful-border);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
}

/* ==========================================================================
   WooCommerce My Account — premium layout
   ========================================================================== */

.entry-content .woocommerce-MyAccount-content,
.entry-content .bidful-account-content-inner,
.entry-content .bidful-account-content {
	max-width: none;
}

/* Main grid: sidebar (left) + content (right) */
.bidful-account-page .bidful-account-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--bidful-space-xl);
	align-items: start;
	width: 100%;
}

@media (min-width: 768px) {
	.bidful-account-page .bidful-account-grid {
		grid-template-columns: 260px 1fr;
	}
}

/* When our template is used, .woocommerce wraps .bidful-account-page — do NOT grid it
   (that would squeeze the whole page into 260px). The grid lives inside .bidful-account-grid. */
.woocommerce-account .woocommerce:has(.bidful-account-page) {
	display: block;
	width: 100%;
}

/* Sidebar — nav card */
.bidful-account-sidebar,
.woocommerce-MyAccount-navigation {
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	padding: var(--bidful-space-lg);
	box-shadow: var(--bidful-shadow-md);
}

.bidful-account-nav__list,
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bidful-account-nav__item,
.woocommerce-MyAccount-navigation li {
	margin: 0;
	border-bottom: 1px solid var(--bidful-border);
}

.bidful-account-nav__item:last-child,
.woocommerce-MyAccount-navigation li:last-child {
	border-bottom: none;
}

.bidful-account-nav__link,
.woocommerce-MyAccount-navigation a {
	display: block;
	padding: 0.75em 0;
	color: var(--bidful-text);
	text-decoration: none;
	font-weight: 500;
	transition: color var(--bidful-transition);
}

.bidful-account-nav__link:hover,
.woocommerce-MyAccount-navigation a:hover {
	color: var(--bidful-accent);
}

.bidful-account-nav__item.is-active .bidful-account-nav__link,
.woocommerce-MyAccount-navigation .is-active a {
	color: var(--bidful-accent);
	font-weight: 600;
}

/* Log out — distinct styling (last nav item) */
.bidful-account-nav__item.customer-logout,
.woocommerce-MyAccount-navigation li.customer-logout {
	border-top: 1px solid var(--bidful-border);
	margin-top: var(--bidful-space-sm);
	padding-top: var(--bidful-space-sm);
}

.bidful-account-nav__item.customer-logout .bidful-account-nav__link,
.woocommerce-MyAccount-navigation li.customer-logout a {
	color: var(--bidful-text-subtle);
	font-weight: 500;
}

.bidful-account-nav__item.customer-logout .bidful-account-nav__link:hover,
.woocommerce-MyAccount-navigation li.customer-logout a:hover {
	color: var(--bidful-accent);
}

/* Content area — main card (right column), fluid width fills grid cell */
.bidful-account-page .woocommerce-MyAccount-content,
.bidful-account-page .bidful-account-content-inner,
.woocommerce-MyAccount-content,
.bidful-account-content-inner {
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	padding: var(--bidful-space-xl);
	box-shadow: var(--bidful-shadow-md);
	min-width: 0;
	width: 100%;
	max-width: 100%;
	overflow: visible;
	box-sizing: border-box;
}

/* Ensure account content main takes full width */
.bidful-account-page .bidful-account-content,
.woocommerce-MyAccount-content .bidful-account-content,
#bidful-account-main {
	min-width: 0;
	width: 100%;
	max-width: 100%;
	overflow: visible;
	box-sizing: border-box;
}

.woocommerce-MyAccount-content > p,
.bidful-account-content > p {
	margin-bottom: var(--bidful-space-md);
	color: var(--bidful-text);
}

.bidful-account-dashboard__greeting,
.bidful-account-dashboard__desc {
	margin-bottom: var(--bidful-space-md);
	color: var(--bidful-text);
}

.bidful-account-dashboard__desc a {
	color: var(--bidful-accent);
	text-decoration: none;
}

.bidful-account-dashboard__desc a:hover {
	text-decoration: underline;
}

.woocommerce-MyAccount-content .woocommerce-info {
	padding: var(--bidful-space-md);
	background: var(--bidful-bg-muted);
	border-left: 4px solid var(--bidful-accent);
	border-radius: var(--bidful-radius-md);
	margin-bottom: var(--bidful-space-lg);
}

/* Orders table — fluid width, fills available space */
.woocommerce-MyAccount-content table.woocommerce-orders-table,
.woocommerce-MyAccount-content .woocommerce-orders-table,
.bidful-account-orders .bidful-orders-table,
.bidful-account-section .woocommerce-orders-table,
.bidful-account-section table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.woocommerce-MyAccount-content table.woocommerce-orders-table th,
.woocommerce-MyAccount-content table.woocommerce-orders-table td,
.bidful-account-orders .bidful-orders-table th,
.bidful-account-orders .bidful-orders-table td,
.bidful-account-section .woocommerce-orders-table th,
.bidful-account-section .woocommerce-orders-table td {
	padding: var(--bidful-space-sm) var(--bidful-space-md);
	border-bottom: 1px solid var(--bidful-border);
	text-align: left;
}

/* Order actions — flex layout with gap, no squeezing */
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions,
.woocommerce-MyAccount-content td.woocommerce-orders-table__cell-order-actions {
	white-space: nowrap;
}

.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.button,
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button {
	display: inline-block;
	margin: 0 var(--bidful-space-xs) 0 0;
	padding: 0.4em 0.75em;
	font-size: 0.8125rem;
	font-weight: 600;
	text-decoration: none;
	border-radius: var(--bidful-radius-sm);
	background: var(--bidful-accent);
	color: #fff !important;
	transition: background var(--bidful-transition);
}

.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.button:last-child,
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button:last-child {
	margin-right: 0;
}

.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button:hover {
	background: var(--bidful-accent-hover);
}

.bidful-account-pagination {
	display: flex;
	gap: var(--bidful-space-md);
	margin-top: var(--bidful-space-lg);
	justify-content: center;
}

/* Section titles — all endpoints */
.bidful-account-section__title {
	margin: 0 0 var(--bidful-space-lg) 0;
	padding-bottom: var(--bidful-space-md);
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--bidful-text);
	border-bottom: 1px solid var(--bidful-border-strong);
}

.bidful-account-dashboard .bidful-account-section__title {
	margin-bottom: var(--bidful-space-md);
	padding-bottom: var(--bidful-space-sm);
}

/* Downloads section */
.bidful-account-downloads .woocommerce-order-downloads,
.bidful-downloads-list .woocommerce-order-downloads {
	margin: 0;
	border: none;
}

.bidful-account-downloads .woocommerce-table--order-downloads,
.bidful-downloads-list .woocommerce-table--order-downloads {
	width: 100%;
	border-collapse: collapse;
}

.bidful-account-downloads .woocommerce-table--order-downloads th,
.bidful-account-downloads .woocommerce-table--order-downloads td,
.bidful-downloads-list .woocommerce-table--order-downloads th,
.bidful-downloads-list .woocommerce-table--order-downloads td {
	padding: var(--bidful-space-sm) var(--bidful-space-md);
	border-bottom: 1px solid var(--bidful-border);
	text-align: left;
}

.bidful-account-downloads .woocommerce-MyAccount-downloads-file,
.bidful-downloads-list .woocommerce-MyAccount-downloads-file {
	display: inline-block;
	padding: 0.5em 1em;
	background: var(--bidful-accent);
	color: #fff;
	border-radius: var(--bidful-radius-md);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.875rem;
	transition: background var(--bidful-transition), transform var(--bidful-transition);
}

.bidful-account-downloads .woocommerce-MyAccount-downloads-file:hover,
.bidful-downloads-list .woocommerce-MyAccount-downloads-file:hover {
	background: var(--bidful-accent-hover, var(--bidful-accent));
	transform: translateY(-1px);
}

/* Addresses & Account details — form styling */
.bidful-account-form .woocommerce-EditAccountForm,
.bidful-account-address form {
	max-width: 600px;
}

.bidful-account-form fieldset,
.bidful-account-address fieldset {
	margin: var(--bidful-space-lg) 0;
	padding: var(--bidful-space-lg);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-md);
	background: var(--bidful-bg-elevated);
	box-shadow: var(--bidful-shadow-sm);
}

.bidful-account-form fieldset legend,
.bidful-account-address fieldset legend {
	padding: 0 var(--bidful-space-sm);
	font-weight: 600;
	color: var(--bidful-text);
}

.bidful-account-form .form-row,
.bidful-account-address .form-row {
	margin-bottom: var(--bidful-space-md);
}

.bidful-account-form .form-row-first,
.bidful-account-address .form-row-first,
.bidful-account-form .form-row-last,
.bidful-account-address .form-row-last {
	width: 100%;
}

@media (min-width: 480px) {
	.bidful-account-form .form-row-first,
	.bidful-account-address .form-row-first {
		width: 48%;
		float: left;
		margin-right: 4%;
	}
	.bidful-account-form .form-row-last,
	.bidful-account-address .form-row-last {
		width: 48%;
		float: right;
		margin-right: 0;
	}
}

.bidful-account-form .button[type="submit"],
.bidful-account-address .button[type="submit"] {
	margin-top: var(--bidful-space-md);
	padding: 0.75em 1.5em;
	font-weight: 600;
	border-radius: var(--bidful-radius-md);
	background: var(--bidful-accent);
	color: #fff;
	border: none;
	transition: background var(--bidful-transition), transform var(--bidful-transition);
}

.bidful-account-form .button[type="submit"]:hover,
.bidful-account-address .button[type="submit"]:hover {
	background: var(--bidful-accent-hover, var(--bidful-accent));
	transform: translateY(-1px);
}

/* Account sections — full width, no squeezing */
.bidful-account-section {
	width: 100%;
	min-width: 0;
}

/* Addresses list (my-address) */
.bidful-addresses-grid,
.woocommerce-MyAccount-content .addresses.col2-set {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--bidful-space-lg);
	margin-top: var(--bidful-space-lg);
	width: 100%;
	min-width: 0;
}

@media (min-width: 600px) {
	.bidful-addresses-grid,
	.woocommerce-MyAccount-content .addresses.col2-set {
		grid-template-columns: 1fr 1fr;
	}
}

.bidful-address-card,
.woocommerce-MyAccount-content .woocommerce-Address {
	padding: var(--bidful-space-lg);
	background: var(--bidful-accent-bg);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-md);
	box-shadow: none;
	min-width: 0;
}

/* Override any WooCommerce float/width on address columns */
.woocommerce-MyAccount-content .addresses .u-column1,
.woocommerce-MyAccount-content .addresses .u-column2 {
	float: none !important;
	width: auto !important;
}

.woocommerce-MyAccount-content .woocommerce-Address-title,
.bidful-address-card .woocommerce-Address-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--bidful-space-sm);
	margin-bottom: var(--bidful-space-sm);
}

.bidful-address-card__title {
	margin: 0;
	font-size: 1rem;
	font-weight: 600;
	color: var(--bidful-text);
}

.bidful-address-card__edit {
	color: var(--bidful-accent);
	text-decoration: none;
	font-weight: 500;
	font-size: 0.875rem;
}

.bidful-address-card__edit:hover {
	text-decoration: underline;
}

.bidful-address-card__content,
.woocommerce-MyAccount-content .woocommerce-Address address {
	margin: var(--bidful-space-md) 0 0 0;
	font-style: normal;
	line-height: 1.6;
	color: var(--bidful-text);
}

.bidful-addresses-desc {
	margin-bottom: var(--bidful-space-lg);
	color: var(--bidful-text);
}

/* Payment methods section */
.bidful-account-payment-methods .woocommerce-PaymentMethod {
	padding: var(--bidful-space-md);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-md);
	margin-bottom: var(--bidful-space-md);
	background: var(--bidful-bg-elevated);
	box-shadow: var(--bidful-shadow-sm);
}

/* Order status badges */
.woocommerce-orders-table__row--status-completed .order-status,
.woocommerce-orders-table__row--status-processing .order-status {
	color: var(--bidful-accent);
}

.woocommerce-orders-table__row--status-pending .order-status {
	color: var(--bidful-warning-contrast);
}

/* Responsive — single column on mobile, nav stacks above content */
@media (max-width: 767px) {
	.bidful-account-page .bidful-account-grid {
		grid-template-columns: 1fr;
	}
}

/* Product grid inside My Account — same column rhythm as shop */
.woocommerce-MyAccount-content .woocommerce ul.products,
.woocommerce-account .woocommerce ul.products {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--bidful-space-md);
	list-style: none;
	margin: var(--bidful-space-md) 0 0 0;
	padding: 0;
}

/* ==========================================================================
   WooCommerce — Login / Register (My Account when logged out)
   ========================================================================== */

.woocommerce-account .bidful-login-register,
.woocommerce-account .col2-set#customer_login {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--bidful-space-xl);
	margin-top: var(--bidful-space-lg);
}

@media (min-width: 600px) {
	.woocommerce-account .bidful-login-register,
	.woocommerce-account .col2-set#customer_login {
		grid-template-columns: 1fr 1fr;
	}
}

/* Login only (no registration) — single column, centered card */
.woocommerce-account .bidful-login-only {
	max-width: 420px;
	margin-top: var(--bidful-space-lg);
	padding: var(--bidful-space-xl);
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	box-shadow: var(--bidful-shadow-md);
}

.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2 {
	padding: var(--bidful-space-xl);
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	box-shadow: var(--bidful-shadow-md);
}

.woocommerce-account .col2-set h2 {
	margin: 0 0 var(--bidful-space-lg) 0;
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--bidful-text);
}

.woocommerce-account .woocommerce-form-login .lost_password {
	margin-top: var(--bidful-space-md);
}

.woocommerce-account .woocommerce-form-login .lost_password a {
	color: var(--bidful-accent);
	text-decoration: none;
}

.woocommerce-account .woocommerce-form-login .lost_password a:hover {
	text-decoration: underline;
}

/* Lost password & reset password forms */
.woocommerce-account form.lost_reset_password,
.woocommerce-account form.woocommerce-ResetPassword {
	max-width: 480px;
	margin-top: var(--bidful-space-lg);
	padding: var(--bidful-space-xl);
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	box-shadow: var(--bidful-shadow-md);
}

.woocommerce-account form.lost_reset_password p:first-of-type,
.woocommerce-account form.woocommerce-ResetPassword p:first-of-type {
	margin-bottom: var(--bidful-space-md);
	color: var(--bidful-text);
}

/* ==========================================================================
   WooCommerce — View Order & Order Details
   ========================================================================== */

.bidful-view-order-details,
.bidful-view-order {
	margin-top: var(--bidful-space-lg);
}

.bidful-view-order__status {
	margin-bottom: var(--bidful-space-lg);
	padding: var(--bidful-space-md) var(--bidful-space-lg);
	background: var(--bidful-accent-bg);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-md);
	box-shadow: none;
}

.bidful-view-order__status mark {
	background: var(--bidful-accent-muted);
	color: var(--bidful-accent);
	padding: 0.15em 0.4em;
	border-radius: var(--bidful-radius-sm);
	font-weight: 600;
}

.woocommerce-order-details,
.woocommerce-order-downloads {
	margin-top: var(--bidful-space-xl);
}

.woocommerce-order-details__title,
.woocommerce-order-downloads__title {
	margin: 0 0 var(--bidful-space-md) 0;
	font-size: 1rem;
	font-weight: 700;
	color: var(--bidful-text);
}

.woocommerce-OrderUpdates.notes {
	list-style: none;
	margin: var(--bidful-space-lg) 0 0 0;
	padding: 0;
}

.woocommerce-OrderUpdate {
	padding: var(--bidful-space-md) var(--bidful-space-lg);
	background: var(--bidful-accent-bg);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-md);
	margin-bottom: var(--bidful-space-md);
	box-shadow: none;
}

.woocommerce-OrderUpdate-meta {
	font-size: 0.875rem;
	color: var(--bidful-text-subtle);
	margin-bottom: var(--bidful-space-sm);
}

.woocommerce-OrderUpdate-description,
.woocommerce-OrderUpdate-description p {
	color: var(--bidful-text);
}

/* Password visibility toggle — theme disables WC styles, so we style it */
.woocommerce form .form-row {
	position: relative;
}

.woocommerce form .show-password-input,
.woocommerce button.show-password-input {
	position: absolute;
	right: 0.75em;
	top: 50%;
	transform: translateY(-50%);
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	border-radius: var(--bidful-radius-sm);
	cursor: pointer;
	color: var(--bidful-text-subtle);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: color var(--bidful-transition), background var(--bidful-transition);
}

.woocommerce form .show-password-input:hover,
.woocommerce button.show-password-input:hover {
	color: var(--bidful-accent);
	background: var(--bidful-bg-muted);
}

.woocommerce form .show-password-input:focus,
.woocommerce button.show-password-input:focus {
	outline: 2px solid var(--bidful-accent);
	outline-offset: 2px;
}

/* Eye icon via CSS when WooCommerce doesn't provide one */
.woocommerce form .show-password-input::before,
.woocommerce button.show-password-input::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: currentColor;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
}

.woocommerce form .show-password-input.display-password::before,
.woocommerce button.show-password-input.display-password::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");
}

/* Ensure password input has padding for the button */
.woocommerce form .form-row.password-input .input-text,
.woocommerce form input[type="password"] {
	padding-right: 3rem;
}

/* Payment methods table (My Account) */
.bidful-account-payment-methods .woocommerce-MyAccount-paymentMethods,
.bidful-account-payment-methods .account-payment-methods-table {
	width: 100%;
	border-collapse: collapse;
}

.bidful-account-payment-methods .woocommerce-MyAccount-paymentMethods th,
.bidful-account-payment-methods .woocommerce-MyAccount-paymentMethods td,
.bidful-account-payment-methods .account-payment-methods-table th,
.bidful-account-payment-methods .account-payment-methods-table td {
	padding: var(--bidful-space-sm) var(--bidful-space-md);
	border-bottom: 1px solid var(--bidful-border);
	text-align: left;
}

.bidful-account-payment-methods .woocommerce-MyAccount-paymentMethods thead th,
.bidful-account-payment-methods .account-payment-methods-table thead th {
	background: var(--bidful-bg-muted);
	font-weight: 600;
}

.bidful-account-payment-methods .button {
	margin-top: var(--bidful-space-md);
}

/* Thank you / Order received page — surface styles in Reading surfaces section above */
.bidful-thankyou-layout .woocommerce-order-details {
	margin-top: var(--bidful-space-xl);
}

/* ==========================================================================
   WooCommerce Cart & Checkout
   ========================================================================== */

/* Cart page — title lives inside .bidful-woocommerce-header panel */
.woocommerce-cart .bidful-woocommerce-header .bidful-woocommerce__page-title,
.woocommerce-checkout .bidful-woocommerce-header .bidful-woocommerce__page-title,
.woocommerce-order-pay .bidful-woocommerce-header .bidful-woocommerce__page-title {
	font-size: clamp(1.5rem, 3.5vw, 1.875rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--bidful-text);
	line-height: 1.2;
}

/* Progress bar — clean layout */
.bidful-checkout-progress__step {
	flex-direction: row;
}

.bidful-checkout-progress__num {
	flex-shrink: 0;
}

.bidful-checkout-progress__label {
	white-space: nowrap;
}

/* Cart layout — table + totals side-by-side on desktop */
.bidful-cart-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--bidful-space-xl);
	margin-top: var(--bidful-space-lg);
}

@media (min-width: 768px) {
	.bidful-cart-layout {
		grid-template-columns: 1fr minmax(320px, 380px);
		align-items: start;
	}
}

/* Cart table — premium card styling */
.bidful-cart-table-wrap {
	width: 100%;
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	overflow: hidden;
	box-shadow: var(--bidful-shadow-md);
	transition: box-shadow var(--bidful-transition);
}

.bidful-cart-table-wrap:hover {
	box-shadow: var(--bidful-shadow-md);
}

/* Table fills full width of its container (bidful-cart-table-wrap) */
.bidful-cart-table-wrap .shop_table,
.bidful-cart-table-wrap table.woocommerce-cart-form__contents {
	width: 100%;
	table-layout: fixed;
}

/* Cart table — product rows */
.woocommerce-cart-form .cart_item {
	transition: background var(--bidful-transition);
}

.woocommerce-cart-form .cart_item:hover {
	background: var(--bidful-bg-muted);
}

.woocommerce-cart-form .product-thumbnail a {
	display: block;
	width: 80px;
	min-width: 80px;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: var(--bidful-radius-md);
	background: var(--bidful-bg-muted);
}

.woocommerce-cart-form .product-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--bidful-radius-md);
}

.woocommerce-cart-form .product-name a {
	color: var(--bidful-text);
	font-weight: 600;
	text-decoration: none;
	transition: color var(--bidful-transition);
}

.woocommerce-cart-form .product-name a:hover {
	color: var(--bidful-accent);
}

.woocommerce-cart-form .product-price .amount,
.woocommerce-cart-form .product-subtotal .amount {
	font-weight: 600;
	color: var(--bidful-text);
}

.woocommerce-cart-form .product-remove .remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	font-size: 1.25rem;
	line-height: 1;
	color: var(--bidful-text-subtle);
	text-decoration: none;
	border-radius: var(--bidful-radius-full);
	transition: color var(--bidful-transition), background var(--bidful-transition);
}

.woocommerce-cart-form .product-remove .remove:hover {
	color: var(--bidful-danger);
	background: var(--bidful-warning-bg);
}

/* Coupon + actions row */
.woocommerce-cart-form .actions {
	padding: var(--bidful-space-lg) var(--bidful-space-xl);
	background: var(--bidful-bg-muted);
	border-top: 1px solid var(--bidful-border);
}

.woocommerce-cart-form .coupon {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--bidful-space-sm);
	margin-bottom: var(--bidful-space-md);
}

.woocommerce-cart-form .coupon .input-text {
	flex: 1;
	min-width: 140px;
	max-width: 200px;
	padding: 0.6em 1em;
	border: 1px solid var(--bidful-border);
	border-radius: var(--bidful-radius-md);
	font-size: 0.9375rem;
}

.woocommerce-cart-form .coupon .button {
	padding: 0.6em 1.25em;
	font-weight: 600;
	border-radius: var(--bidful-radius-md);
	background: var(--bidful-bg-card);
	border: 1px solid var(--bidful-border);
	color: var(--bidful-text);
	transition: border-color var(--bidful-transition), color var(--bidful-transition);
}

.woocommerce-cart-form .coupon .button:hover {
	border-color: var(--bidful-accent);
	color: var(--bidful-accent);
}

.woocommerce-cart-form .actions .button[name="update_cart"] {
	padding: 0.6em 1.25em;
	font-weight: 500;
	border-radius: var(--bidful-radius-md);
	background: var(--bidful-bg-card);
	border: 1px solid var(--bidful-border);
	color: var(--bidful-text);
}

.woocommerce-cart-form .actions .button[name="update_cart"]:not(:disabled):hover {
	border-color: var(--bidful-accent);
	color: var(--bidful-accent);
}

.woocommerce-cart-form .actions p {
	margin: 0;
}

/* Cart totals — premium card */
.woocommerce .cart_totals,
.woocommerce .cart-collaterals .cart_totals {
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	padding: var(--bidful-space-xl);
	box-shadow: var(--bidful-shadow-md);
	transition: box-shadow var(--bidful-transition);
}

.woocommerce .cart_totals:hover {
	box-shadow: var(--bidful-shadow-md);
}

.woocommerce .cart_totals h2 {
	font-size: 0.9375rem;
	font-weight: 700;
	margin: 0 0 var(--bidful-space-lg) 0;
	padding-bottom: var(--bidful-space-md);
	border-bottom: 1px solid var(--bidful-border);
	color: var(--bidful-text);
}

/* Proceed to checkout — primary CTA */
.woocommerce .wc-proceed-to-checkout {
	margin-top: var(--bidful-space-lg);
	padding-top: var(--bidful-space-lg);
	border-top: 1px solid var(--bidful-border);
}

.woocommerce .wc-proceed-to-checkout p {
	margin: 0;
}

.woocommerce .wc-proceed-to-checkout .button,
.woocommerce .checkout-button {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 1em 1.5em;
	font-size: 0.9375rem;
	font-weight: 600;
	border-radius: var(--bidful-radius-md);
	background: var(--bidful-accent);
	color: #fff !important;
	border: none;
	text-decoration: none;
	transition: background var(--bidful-transition), transform var(--bidful-transition), box-shadow var(--bidful-transition);
}

.woocommerce .wc-proceed-to-checkout .button:hover,
.woocommerce .checkout-button:hover {
	background: var(--bidful-accent-hover, var(--bidful-accent));
	transform: translateY(-2px);
	box-shadow: var(--bidful-shadow-md);
	color: #fff !important;
}

.woocommerce .wc-proceed-to-checkout .button br {
	display: none;
}

/* Hide stray empty p in cart */
.woocommerce-cart .bidful-container p:empty,
.woocommerce-cart .cart_totals p:empty {
	display: none;
}

/* Cart table — responsive: compact product row on small screens */
@media (max-width: 767px) {
	.woocommerce-cart-form .product-thumbnail a {
		width: 64px;
		min-width: 64px;
	}

	.woocommerce-cart-form .actions {
		padding: var(--bidful-space-md) var(--bidful-space-lg);
	}

	.woocommerce-cart-form .coupon {
		flex-direction: column;
		align-items: stretch;
	}

	.woocommerce-cart-form .coupon .input-text {
		max-width: none;
	}
}

/* Checkout layout — two columns: customer details (left) | order review (right) */
/* Checkout — vertical rhythm & section spacing */
.woocommerce-checkout .bidful-container.woocommerce {
	display: flex;
	flex-direction: column;
	gap: var(--bidful-space-lg);
}

.woocommerce-checkout .bidful-woocommerce-header {
	margin-bottom: 0;
}

/* Plugin notice — perfect alignment, icon + text */
.woocommerce-checkout .bidful-woocommerce div[style*="padding:15px"][style*="display:flex"] {
	display: flex !important;
	align-items: center !important;
	gap: var(--bidful-space-md) !important;
	margin-bottom: var(--bidful-space-lg) !important;
	font-size: 0.9375rem !important;
}

.woocommerce-checkout .bidful-woocommerce div[style*="padding:15px"] svg {
	flex-shrink: 0 !important;
	align-self: center;
}

/* Coupon toggle — aligned with theme */
.woocommerce-checkout .woocommerce-form-coupon-toggle {
	margin-bottom: var(--bidful-space-lg);
}

.woocommerce-checkout .woocommerce-info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.35em;
	margin: 0 0 var(--bidful-space-lg) 0;
}

.woocommerce-checkout .woocommerce-info a.showcoupon {
	font-weight: 600;
	color: var(--bidful-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.woocommerce-checkout .woocommerce-info a.showcoupon:hover {
	color: var(--bidful-accent-hover);
}

/* Coupon form — inline layout */
.woocommerce-checkout .checkout_coupon {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: var(--bidful-space-sm);
	margin-bottom: var(--bidful-space-lg);
	padding: var(--bidful-space-lg);
	background: var(--bidful-bg-muted);
	border-radius: var(--bidful-radius-md);
	border: 1px solid var(--bidful-border);
}

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

.woocommerce-checkout .checkout_coupon .form-row-first {
	flex: 1;
	min-width: 160px;
}

.woocommerce-checkout .checkout_coupon .form-row-last {
	flex-shrink: 0;
}

.bidful-checkout-layout {
	margin-top: 0;
}

.bidful-checkout-layout .woocommerce-checkout,
.bidful-checkout-layout form.checkout {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--bidful-space-xl);
}

/* Order review — one card on all breakpoints (heading + review + payment) */
.bidful-checkout-layout .bidful-order-review-card {
	display: flex;
	flex-direction: column;
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	box-shadow: var(--bidful-shadow-md);
	overflow: hidden;
}

.bidful-checkout-layout .bidful-order-review-card #order_review_heading {
	margin: 0;
	padding: var(--bidful-space-lg) var(--bidful-space-xl);
	font-size: 1rem;
	font-weight: 700;
	color: var(--bidful-text);
	flex-shrink: 0;
}

.bidful-checkout-layout .bidful-order-review-card #order_review,
.bidful-checkout-layout .bidful-order-review-card .woocommerce-checkout-review-order {
	margin: 0;
	padding: 0 var(--bidful-space-xl) var(--bidful-space-xl);
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	flex: 1;
}

@media (min-width: 992px) {
	.bidful-checkout-layout .woocommerce-checkout,
	.bidful-checkout-layout form.checkout {
		grid-template-columns: 1fr minmax(340px, 420px);
		align-items: start;
		column-gap: var(--bidful-space-2xl);
		row-gap: 0;
	}

	.bidful-checkout-layout #customer_details {
		grid-column: 1;
		grid-row: 1;
	}

	.bidful-checkout-layout .bidful-order-review-card {
		grid-column: 2;
		grid-row: 1;
	}
}

/* Your order section — tight spacing, consistent alignment */
.bidful-order-review-card .woocommerce-checkout-review-order-table {
	margin: 0 0 var(--bidful-space-md) 0;
}

.bidful-order-review-card .woocommerce-checkout-review-order .shop_table {
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.bidful-order-review-card .woocommerce-checkout-review-order .shop_table th,
.bidful-order-review-card .woocommerce-checkout-review-order .shop_table td {
	padding: 0.5em 0;
	border-color: var(--bidful-border);
}

.bidful-order-review-card .woocommerce-checkout-review-order .shop_table td {
	text-align: center;
}

.bidful-order-review-card .woocommerce-checkout-review-order .shop_table thead th {
	padding-top: 0;
	padding-bottom: 0.5em;
}

.bidful-order-review-card #payment {
	padding: 0;
	margin: 0;
}

.bidful-order-review-card .wc_payment_methods {
	margin: 0 0 var(--bidful-space-sm) 0 !important;
}

.bidful-order-review-card .wc_payment_method {
	margin-bottom: var(--bidful-space-sm) !important;
	padding: var(--bidful-space-sm) 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0;
	border-bottom: 1px solid var(--bidful-border) !important;
}

.bidful-order-review-card .wc_payment_method:last-of-type {
	border-bottom: none !important;
}

.bidful-order-review-card .payment_box {
	margin: var(--bidful-space-sm) 0 0 0 !important;
	padding: var(--bidful-space-sm) 0 !important;
	background: transparent !important;
	font-size: 0.875rem;
	line-height: 1.5;
}

.bidful-order-review-card .payment_box p {
	margin: 0 0 0.25em 0;
}

.bidful-order-review-card .payment_box p:last-child {
	margin-bottom: 0;
}

.bidful-order-review-card .payment_box p[style*="margin-top"] {
	margin: 0 !important;
}

.bidful-order-review-card .place-order {
	margin-top: var(--bidful-space-sm) !important;
	padding-top: var(--bidful-space-sm) !important;
	border-top: 1px solid var(--bidful-border);
}

.bidful-order-review-card .woocommerce-terms-and-conditions-wrapper {
	margin-bottom: var(--bidful-space-sm) !important;
}

.bidful-order-review-card .woocommerce-privacy-policy-text {
	margin-bottom: var(--bidful-space-sm);
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--bidful-text);
}

.bidful-order-review-card .woocommerce-privacy-policy-text p {
	margin: 0 0 var(--bidful-space-sm) 0;
}

/* Payment logos — horizontal row */
.bidful-order-review-card .wc_payment_method label .clear,
.bidful-order-review-card .wc_payment_method label .clear-fix {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 6px;
	clear: none !important;
}

.bidful-order-review-card .wc_payment_method label .clear img,
.bidful-order-review-card .wc_payment_method label .clear-fix img {
	float: none !important;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	max-width: 33px;
	width: auto;
	height: auto;
}

/* ==========================================================================
   Order-pay page (Pay for order) — form-pay.php override
   Premium styling aligned with cart/checkout
   ========================================================================== */

/* Order-pay layout — single column, centered on large screens */
.bidful-checkout-layout .bidful-order-pay {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.bidful-order-pay {
	padding: var(--bidful-space-xl);
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	box-shadow: var(--bidful-shadow-md);
	transition: box-shadow var(--bidful-transition);
}

.bidful-order-pay:hover {
	box-shadow: var(--bidful-shadow-lg);
}

/* Order table — premium styling */
.bidful-order-pay__table {
	width: 100%;
	margin: 0 0 var(--bidful-space-xl) 0;
	border-collapse: collapse;
}

.bidful-order-pay__table thead th {
	padding: var(--bidful-space-md) 0;
	font-size: 0.8125rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--bidful-text-subtle);
	border-bottom: 1px solid var(--bidful-border);
	text-align: left;
}

.bidful-order-pay__table thead th.product-quantity,
.bidful-order-pay__table thead th.product-total {
	text-align: center;
}

.bidful-order-pay__table tbody td {
	padding: var(--bidful-space-md) 0;
	border-bottom: 1px solid var(--bidful-border);
	color: var(--bidful-text);
}

.bidful-order-pay__table tbody td.product-name {
	font-weight: 500;
}

.bidful-order-pay__table tbody td.product-quantity,
.bidful-order-pay__table tbody td.product-subtotal {
	text-align: center;
}

.bidful-order-pay__table tbody td .amount {
	font-weight: 600;
	color: var(--bidful-text);
}

.bidful-order-pay__table tfoot th,
.bidful-order-pay__table tfoot td {
	padding: var(--bidful-space-md) 0;
	border-bottom: none;
	font-weight: 600;
	color: var(--bidful-text);
}

.bidful-order-pay__table tfoot tr:last-child th,
.bidful-order-pay__table tfoot tr:last-child td {
	padding-top: var(--bidful-space-lg);
	border-top: 1px solid var(--bidful-border);
	font-size: 1rem;
}

.bidful-order-pay__table tfoot th {
	text-align: left;
}

.bidful-order-pay__table tfoot td {
	text-align: right;
}

/* Payment section */
.bidful-order-pay__payment {
	margin-top: var(--bidful-space-xl);
	padding-top: var(--bidful-space-xl);
	border-top: 1px solid var(--bidful-border);
}

.bidful-order-pay__payment-title {
	margin: 0 0 var(--bidful-space-lg) 0;
	font-size: 1rem;
	font-weight: 700;
	color: var(--bidful-text);
}

.bidful-order-pay .wc_payment_methods {
	margin: 0 0 var(--bidful-space-md) 0 !important;
	padding: 0;
	list-style: none;
}

.bidful-order-pay .wc_payment_method {
	margin-bottom: var(--bidful-space-md) !important;
	padding: var(--bidful-space-md) !important;
	background: var(--bidful-bg-muted);
	border: 1px solid var(--bidful-border);
	border-radius: var(--bidful-radius-md);
	transition: border-color var(--bidful-transition), box-shadow var(--bidful-transition);
}

.bidful-order-pay .wc_payment_method:hover {
	border-color: var(--bidful-accent);
	color: var(--bidful-text);
}

.bidful-order-pay .wc_payment_method:last-of-type {
	margin-bottom: 0 !important;
}

.bidful-order-pay .wc_payment_method label {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--bidful-space-sm);
	cursor: pointer;
	font-weight: 500;
	color: var(--bidful-text);
}

.bidful-order-pay .wc_payment_method label .clear,
.bidful-order-pay .wc_payment_method label .clear-fix {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 6px;
	clear: none !important;
}

.bidful-order-pay .wc_payment_method label img,
.bidful-order-pay .wc_payment_method label .clear img,
.bidful-order-pay .wc_payment_method label .clear-fix img {
	float: none !important;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	max-width: 33px;
	width: auto;
	height: auto;
}

/* Payment box — gateway fields (PesaPal iframe, etc.) */
.bidful-order-pay .payment_box,
.woocommerce-checkout .payment_box {
	margin: var(--bidful-space-md) 0 0 0 !important;
	padding: var(--bidful-space-md) !important;
	background: var(--bidful-bg-muted);
	border-radius: var(--bidful-radius-sm);
	font-size: 0.9375rem;
	line-height: 1.5;
}

.bidful-order-pay .payment_box p,
.woocommerce-checkout .payment_box p {
	margin: 0 0 0.25em 0;
}

.bidful-order-pay .payment_box p:last-child,
.woocommerce-checkout .payment_box p:last-child {
	margin-bottom: 0;
}

.bidful-order-pay .payment_box iframe,
.woocommerce-checkout .payment_box iframe,
#pesapal-iframe-holder iframe {
	width: 100%;
	border: none;
	border-radius: var(--bidful-radius-sm);
}

/* Submit row — place order button */
.bidful-order-pay__submit-row {
	margin-top: var(--bidful-space-xl);
	padding-top: var(--bidful-space-xl);
	border-top: 1px solid var(--bidful-border);
}

.bidful-order-pay__submit-row .woocommerce-terms-and-conditions-wrapper {
	margin-bottom: var(--bidful-space-md);
}

.bidful-order-pay__submit-row .woocommerce-privacy-policy-text {
	margin-bottom: var(--bidful-space-sm);
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--bidful-text);
}

.bidful-order-pay__submit-row #place_order,
.bidful-order-pay__submit-row .button.alt {
	display: block;
	width: 100%;
	text-align: center;
	padding: 1em 1.5em;
	font-size: 0.9375rem;
	font-weight: 600;
	border-radius: var(--bidful-radius-md);
	background: var(--bidful-accent);
	color: #fff !important;
	border: none;
	transition: background var(--bidful-transition), transform var(--bidful-transition), box-shadow var(--bidful-transition);
}

.bidful-order-pay__submit-row #place_order:hover,
.bidful-order-pay__submit-row .button.alt:hover {
	background: var(--bidful-accent-hover, var(--bidful-accent));
	transform: translateY(-2px);
	box-shadow: var(--bidful-shadow-md);
	color: #fff !important;
}

/* Order-pay responsive */
@media (max-width: 767px) {
	.bidful-order-pay {
		padding: var(--bidful-space-lg);
	}

	.bidful-order-pay__table thead th.product-name,
	.bidful-order-pay__table tbody td.product-name {
		padding-right: var(--bidful-space-sm);
	}

	.bidful-order-pay__table thead th.product-quantity,
	.bidful-order-pay__table thead th.product-total {
		width: 4rem;
	}

	.bidful-order-pay .payment_box,
	.bidful-order-pay .payment_box iframe,
	#pesapal-iframe-holder iframe {
		min-height: 450px;
	}
}

/* Checkout billing + additional — equal height cards */
.woocommerce-checkout #customer_details.col2-set {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--bidful-space-xl);
	align-items: stretch;
}

@media (min-width: 600px) {
	.woocommerce-checkout #customer_details.col2-set {
		grid-template-columns: 1fr 1fr;
	}
}

.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
	padding: var(--bidful-space-xl);
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	box-shadow: var(--bidful-shadow-md);
	display: flex;
	flex-direction: column;
}

.woocommerce-checkout #customer_details h3,
.woocommerce-checkout #customer_details .bidful-order-summary-title {
	margin: 0 0 var(--bidful-space-lg) 0;
	padding-bottom: var(--bidful-space-sm);
	font-size: 1rem;
	font-weight: 700;
	color: var(--bidful-text);
	flex-shrink: 0;
}

/* Order summary table in col-2 (replaces Additional information) */
.woocommerce-checkout #customer_details .woocommerce-checkout-review-order-table {
	margin: 0;
}

.woocommerce-checkout #customer_details .woocommerce-checkout-review-order-table th,
.woocommerce-checkout #customer_details .woocommerce-checkout-review-order-table td {
	padding: 0.5em 0;
}

.woocommerce-checkout #customer_details .woocommerce-checkout-review-order-table td {
	text-align: center;
}

/* Billing & additional — form rows flex layout */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: var(--bidful-space-md);
	flex: 1;
}

.woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-additional-fields__field-wrapper .form-row {
	margin-bottom: 0;
	flex: 1 1 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.woocommerce-billing-fields__field-wrapper .form-row.form-row-first,
.woocommerce-billing-fields__field-wrapper .form-row.form-row-last,
.woocommerce-additional-fields__field-wrapper .form-row.form-row-first,
.woocommerce-additional-fields__field-wrapper .form-row.form-row-last {
	flex: 1 1 calc(50% - var(--bidful-space-md) / 2);
	min-width: 140px;
}

@media (max-width: 599px) {
	.woocommerce-billing-fields__field-wrapper .form-row.form-row-first,
	.woocommerce-billing-fields__field-wrapper .form-row.form-row-last,
	.woocommerce-additional-fields__field-wrapper .form-row.form-row-first,
	.woocommerce-additional-fields__field-wrapper .form-row.form-row-last {
		flex: 1 1 100%;
	}
}

.woocommerce form .form-row label {
	display: block;
	margin-bottom: 0.35em;
}

/* Order review heading — base (no margin; grid/layout controls spacing) */
#order_review_heading {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	color: var(--bidful-text);
}

/* Order review — unified card (border connects to heading on desktop) */

/* Payment methods — clean alignment */
.woocommerce-checkout-payment .wc_payment_methods {
	list-style: none;
	margin: 0 0 var(--bidful-space-lg) 0;
	padding: 0;
}

.woocommerce-checkout-payment .wc_payment_method {
	margin-bottom: var(--bidful-space-md);
	padding: var(--bidful-space-md);
	background: var(--bidful-bg-muted);
	border-radius: var(--bidful-radius-md);
	border: 1px solid var(--bidful-border);
}

.woocommerce-checkout-payment .wc_payment_method label {
	align-items: center;
	flex-wrap: wrap;
	gap: var(--bidful-space-sm);
	cursor: pointer;
}

.woocommerce-checkout-payment .wc_payment_method label img {
	float: none !important;
	max-height: 28px;
	width: auto;
	vertical-align: middle;
}

.woocommerce-checkout-payment .wc_payment_method label .clear {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--bidful-space-xs);
}

.woocommerce-checkout-payment .wc_payment_method label .clear img {
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-checkout-payment .payment_box {
	margin: var(--bidful-space-md) 0 0 0;
	padding: var(--bidful-space-md);
	background: var(--bidful-bg-muted);
	border-radius: var(--bidful-radius-sm);
	font-size: 0.9375rem;
	line-height: 1.5;
}

/* Place order — full width CTA */
.woocommerce-checkout-payment .place-order {
	margin-top: var(--bidful-space-xl);
	padding-top: var(--bidful-space-lg);
	border-top: 1px solid var(--bidful-border);
}

.woocommerce-checkout-payment .place-order .button {
	width: 100%;
	padding: 1em 1.5em;
	font-size: 0.9375rem;
	font-weight: 600;
	border-radius: var(--bidful-radius-md);
	background: var(--bidful-accent);
	color: #fff !important;
	border: none;
	transition: background var(--bidful-transition), transform var(--bidful-transition);
}

.woocommerce-checkout-payment .place-order .button:hover {
	background: var(--bidful-accent-hover);
	transform: translateY(-2px);
}

/* Terms checkbox alignment */
.woocommerce-terms-and-conditions-wrapper {
	margin-bottom: var(--bidful-space-md);
}

.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label {
	display: flex;
	align-items: flex-start;
	gap: var(--bidful-space-sm);
}

.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label .input-checkbox {
	margin-top: 0.25em;
	flex-shrink: 0;
}

/* No products found — shop empty state */
.bidful-no-products {
	text-align: center;
	padding: var(--bidful-space-2xl);
	margin-top: var(--bidful-space-lg);
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	box-shadow: var(--bidful-shadow-md);
}

.bidful-no-products__title {
	margin-bottom: 0.5em;
	font-size: clamp(1.0625rem, 2vw, 1.25rem);
	font-weight: 800;
	letter-spacing: -0.02em;
}

.bidful-no-products__text {
	margin-bottom: 1.5em;
	color: var(--bidful-text);
	font-size: 0.9375rem;
	line-height: 1.6;
}

.woocommerce-cart-form .product-thumbnail img,
.woocommerce-checkout-review-order .product-thumbnail img {
	border-radius: var(--bidful-radius-md);
}

.woocommerce table.shop_table {
	border-radius: var(--bidful-radius-lg);
	overflow: hidden;
	border: 1px solid var(--bidful-border-strong);
	box-shadow: var(--bidful-shadow-md);
}

/* Tables inside already-elevated cards — avoid double borders */
.bidful-cart-table-wrap .shop_table,
.bidful-cart-table-wrap table.woocommerce-cart-form__contents,
.woocommerce-MyAccount-content table.shop_table,
.bidful-thankyou-layout table.shop_table,
.bidful-order-review-card table.shop_table,
.bidful-order-pay table.shop_table {
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	padding: 1em 1.25em;
	border-color: var(--bidful-border);
}

.woocommerce table.shop_table thead th {
	background: var(--bidful-bg-muted);
	font-weight: 600;
	color: var(--bidful-text);
}

/* Cart totals & checkout order review — card styling */
.woocommerce-checkout-review-order {
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	padding: var(--bidful-space-xl);
	box-shadow: var(--bidful-shadow-md);
}

.bidful-order-review-card .woocommerce-checkout-review-order {
	background: transparent;
	border: none;
	box-shadow: none;
	padding: 0;
}

.woocommerce .cart_totals h2,
.woocommerce-checkout-review-order h3 {
	font-size: 0.9375rem;
	font-weight: 700;
	margin: 0 0 var(--bidful-space-lg) 0;
	padding-bottom: var(--bidful-space-md);
	border-bottom: 1px solid var(--bidful-border-strong);
}

/* Empty cart — card styling */
.bidful-cart-empty {
	text-align: center;
	padding: var(--bidful-space-2xl);
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	box-shadow: var(--bidful-shadow-md);
}

.bidful-cart-empty .return-to-shop {
	margin: var(--bidful-space-lg) 0 0 0;
}

.bidful-cart-empty .return-to-shop .button {
	padding: 0.75em 1.5em;
	font-weight: 600;
	border-radius: var(--bidful-radius-md);
	background: var(--bidful-accent);
	color: #fff;
	text-decoration: none;
	display: inline-block;
	transition: background var(--bidful-transition), transform var(--bidful-transition);
}

.bidful-cart-empty .return-to-shop .button:hover {
	background: var(--bidful-accent-hover, var(--bidful-accent));
	transform: translateY(-1px);
}

/* Empty cart message (when inside cart form) */
.woocommerce-cart-form .cart-empty,
.woocommerce-info:empty + .cart-empty {
	text-align: center;
	padding: var(--bidful-space-2xl);
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	box-shadow: var(--bidful-shadow-md);
	color: var(--bidful-text);
}

.woocommerce .return-to-shop a {
	display: inline-block;
	margin-top: var(--bidful-space-md);
}

.woocommerce .cart_totals .order-total th,
.woocommerce .cart_totals .order-total td {
	font-size: 1rem;
	font-weight: 700;
}

/* Cart/checkout form fields — polished inputs */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	padding: 0.75em 1em;
	border: 1px solid var(--bidful-border);
	border-radius: var(--bidful-radius-md);
	width: 100%;
	background: var(--bidful-bg-card);
	color: var(--bidful-text);
	font-size: 1rem;
	transition: border-color var(--bidful-transition), box-shadow var(--bidful-transition);
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	outline: none;
	border-color: var(--bidful-accent);
	box-shadow: 0 0 0 3px var(--bidful-accent-muted);
}

.woocommerce form .form-row label {
	font-weight: 600;
	margin-bottom: 0.35em;
	color: var(--bidful-text);
}

/* Proceed to checkout button */
.woocommerce .wc-proceed-to-checkout .button {
	padding: 1em 1.5em;
	font-size: 0.9375rem;
	font-weight: 600;
	border-radius: var(--bidful-radius-md);
	transition: transform var(--bidful-transition), box-shadow var(--bidful-transition);
}

.woocommerce .wc-proceed-to-checkout .button:hover {
	transform: translateY(-2px);
	box-shadow: var(--bidful-shadow-md);
}

/* ==========================================================================
   WooCommerce Single Product
   ========================================================================== */

/* Two-column layout: gallery | summary */
.single-product .product {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--bidful-space-xl);
	margin-bottom: var(--bidful-space-2xl);
	background: var(--bidful-bg-elevated);
	border: 1px solid var(--bidful-border-strong);
	border-radius: var(--bidful-radius-lg);
	box-shadow: var(--bidful-shadow-md);
	padding: clamp(1.25rem, 3.5vw, 2rem);
}

@media (min-width: 768px) {
	.single-product .product {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1024px) {
	.single-product .product {
		grid-template-columns: 1.2fr 1fr;
	}
}

.single-product .summary {
	padding: var(--bidful-space-lg) 0;
}

.single-product .summary .price {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--bidful-accent);
	margin-bottom: var(--bidful-space-lg);
}

.single-product .woocommerce-product-gallery {
	margin-bottom: 0;
	border-radius: var(--bidful-radius-lg);
	overflow: hidden;
	box-shadow: var(--bidful-shadow-md);
}

/* Product tabs — description, reviews, additional info (panel styles in Reading surfaces) */
.woocommerce-tabs.wc-tabs-wrapper {
	margin-top: var(--bidful-space-2xl);
}

.woocommerce-tabs .wc-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: var(--bidful-space-md);
	list-style: none;
	margin: 0 0 var(--bidful-space-lg) 0;
	padding: 0;
	border-bottom: 1px solid var(--bidful-border);
}

.woocommerce-tabs .wc-tabs li a {
	display: block;
	padding: 0.75em 0;
	font-weight: 600;
	color: var(--bidful-text-subtle);
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	transition: color var(--bidful-transition), border-color var(--bidful-transition);
}

.woocommerce-tabs .wc-tabs li.active a,
.woocommerce-tabs .wc-tabs li a:hover {
	color: var(--bidful-accent);
	border-bottom-color: var(--bidful-accent);
}

.woocommerce-tabs .wc-tab {
	padding: var(--bidful-space-lg) 0 0;
}

.woocommerce-tabs .wc-tab h2 {
	font-size: 1rem;
	margin: 0 0 var(--bidful-space-md) 0;
}

/* Related products & upsells — reuse product grid */
.related.products,
.upsells.products {
	margin-top: var(--bidful-space-xl);
	padding-top: var(--bidful-space-lg);
	border-top: 1px solid var(--bidful-border);
}

.related.products h2,
.upsells.products h2 {
	font-size: 0.9375rem;
	margin: 0 0 var(--bidful-space-lg) 0;
	color: var(--bidful-text);
}

.related.products ul.products,
.upsells.products ul.products {
	margin-top: var(--bidful-space-md);
}

/* Product loop columns + reduced-motion (kept out of base.css critical path) */
@media (max-width: 767px) {
	.woocommerce ul.products,
	.bidful-products-grid ul.products,
	.woocommerce-MyAccount-content .woocommerce ul.products,
	.woocommerce-account .woocommerce ul.products {
		grid-template-columns: 1fr;
	}

	.bidful-checkout-progress__steps {
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: var(--bidful-space-xs);
	}

	.bidful-checkout-progress__step {
		font-size: 0.75rem;
	}

	.bidful-product-specs__list dt,
	.bidful-product-specs__list dd {
		padding: var(--bidful-space-xs) 0;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.woocommerce ul.products,
	.bidful-products-grid ul.products,
	.woocommerce-MyAccount-content .woocommerce ul.products,
	.woocommerce-account .woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.woocommerce ul.products,
	.bidful-products-grid ul.products,
	.woocommerce-MyAccount-content .woocommerce ul.products,
	.woocommerce-account .woocommerce ul.products {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.woocommerce ul.products li.product,
	.woocommerce ul.products li.bidful-product-card {
		transition: none;
	}

	.woocommerce ul.products li.product::before,
	.woocommerce ul.products li.bidful-product-card::before {
		transition: none;
		opacity: 0.45;
	}

	.woocommerce ul.products li.product:hover,
	.woocommerce ul.products li.bidful-product-card:hover {
		transform: none;
	}

	.woocommerce ul.products li.product .button:hover,
	.woocommerce ul.products li.bidful-product-card .button:hover {
		transform: none;
		filter: none;
	}

	.woocommerce ul.products li.product .button::after,
	.woocommerce ul.products li.bidful-product-card .button::after {
		animation: none;
	}

	.woocommerce ul.products li.product:hover .bidful-product-card__badge,
	.woocommerce ul.products li.bidful-product-card:hover .bidful-product-card__badge {
		transform: none;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title a {
		transition: color var(--bidful-transition);
		background: none;
	}
}