/**
 * eBay PLP — left filters + right 4-column product grid
 * Layout root: .plp-ebay-page
 */

.plp-ebay-page {
	background: #fff;
	min-height: 60vh;
}

.plp-ebay-active .site-main {
	padding-top: 0;
}

.plp-ebay-page__inner {
	display: grid;
	grid-template-columns: 272px minmax(0, 1fr);
	gap: 32px;
	align-items: start;
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 48px;
	box-sizing: border-box;
}

/* ---- Left sidebar ---- */
.plp-ebay-page__sidebar {
	position: sticky;
	top: calc(var(--header-height, 64px) + 12px);
	max-height: calc(100vh - var(--header-height, 64px) - 24px);
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	padding: 16px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background: var(--color-bg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.plp-ebay-page__sidebar .shop-filter-drawer-header {
	display: none;
}

/* Filter form enhancements */
.plp-filter-ebay {
	display: flex;
	flex-direction: column;
}

.plp-filter-search {
	position: relative;
	margin-bottom: 16px;
}

.plp-filter-search__icon {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--color-text-muted);
	pointer-events: none;
}

.plp-filter-search__input {
	width: 100%;
	padding: 10px 14px 10px 42px;
	border: 1px solid var(--color-border);
	border-radius: 10px;
	font-size: 14px;
	background: var(--color-bg);
	color: var(--color-text);
	box-sizing: border-box;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.plp-filter-search__input:focus {
	outline: none;
	border-color: var(--color-primary);
	box-shadow: 0 0 0 3px rgba(255, 90, 31, 0.12);
}

.plp-filter-results-count {
	margin: 0 0 16px;
	font-size: 12px;
	color: var(--color-text-muted);
	font-weight: 500;
}

.plp-filter-group {
	border-bottom: 1px solid var(--color-border);
	padding-bottom: 14px;
	margin-bottom: 14px;
}

.plp-filter-group:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.plp-filter-group__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px;
	font-weight: 700;
	color: var(--color-text);
	cursor: pointer;
	list-style: none;
	padding: 2px 0 10px;
}

.plp-filter-group__summary::-webkit-details-marker {
	display: none;
}

.plp-filter-chevron {
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--color-text-muted);
	border-bottom: 2px solid var(--color-text-muted);
	transform: rotate(-135deg);
	flex-shrink: 0;
}

.plp-filter-group:not([open]) .plp-filter-chevron {
	transform: rotate(45deg);
}

.plp-filter-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.plp-filter-pill {
	display: inline-flex;
	margin: 0;
	cursor: pointer;
}

.plp-filter-pill input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.plp-filter-pill span,
.plp-filter-pill--btn {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border: 1px solid var(--color-border);
	border-radius: 999px;
	background: var(--color-bg);
	font-size: 12px;
	font-weight: 500;
	color: var(--color-text);
	line-height: 1.2;
	transition: all 0.15s ease;
}

.plp-filter-pill--btn {
	cursor: pointer;
	font-family: inherit;
}

.plp-filter-pill:hover span,
.plp-filter-pill--btn:hover {
	border-color: var(--color-primary);
	color: var(--color-primary-dark);
}

.plp-filter-pill input:checked + span,
.plp-filter-pill.is-selected span,
.plp-filter-pill--btn.is-active {
	border-color: var(--color-primary);
	background: var(--color-primary-light);
	color: var(--color-primary-dark);
	font-weight: 600;
}

.plp-filter-custom-price {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
}

.plp-filter-price-field {
	flex: 1;
	min-width: 0;
	padding: 7px 10px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	font-size: 13px;
	background: var(--color-bg);
	color: var(--color-text);
}

.plp-filter-price-field:focus {
	outline: none;
	border-color: var(--color-primary);
	box-shadow: 0 0 0 2px rgba(255, 90, 31, 0.12);
}

.plp-filter-reset {
	background: none;
	border: none;
	padding: 0;
	font-size: 12px;
	font-weight: 600;
	color: var(--color-text-muted);
	cursor: pointer;
	text-decoration: underline;
}

.plp-filter-reset:hover {
	color: var(--color-primary-dark);
}

/* Dark theme for filter sidebar */
[data-theme="dark"] .plp-ebay-page__sidebar {
	background: #111827;
	border-color: #334155;
}

[data-theme="dark"] .plp-filter-search__input,
[data-theme="dark"] .plp-filter-price-field {
	background: #0f172a;
	color: #f1f5f9;
	border-color: #334155;
}

[data-theme="dark"] .plp-filter-pill span,
[data-theme="dark"] .plp-filter-pill--btn {
	background: #0f172a;
	border-color: #334155;
	color: #cbd5e1;
}

[data-theme="dark"] .plp-filter-pill input:checked + span,
[data-theme="dark"] .plp-filter-pill.is-selected span,
[data-theme="dark"] .plp-filter-pill--btn.is-active {
	border-color: var(--color-primary);
	background: var(--color-primary-light);
	color: var(--color-primary-dark);
}

/* ---- Product grid (4 columns) ---- */
.plp-ebay-active ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 24px 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	width: 100% !important;
}

.plp-ebay-active ul.products::before,
.plp-ebay-active ul.products::after {
	display: none !important;
	content: none !important;
}

.plp-ebay-active ul.products li.product {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.plp-ebay-page .marketplace-product-card .product-card-inner {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.plp-ebay-page .marketplace-product-card .product-card-media {
	border-radius: 12px;
	overflow: hidden;
	background: var(--color-bg-alt);
	aspect-ratio: 1 / 1;
	transition: transform 0.25s ease;
}

.plp-ebay-page .marketplace-product-card .product-card-media:hover {
	transform: scale(1.02);
}

.plp-ebay-page .marketplace-product-card .product-card-media img,
.plp-ebay-active ul.products li.product img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.plp-ebay-page .marketplace-product-card .product-card-body {
	padding: 0 !important;
}

.plp-ebay-page .marketplace-product-card .product-card-footer,
.plp-ebay-page .marketplace-product-card .product-card-actions,
.plp-ebay-page .marketplace-product-card .product-card-discount-badge,
.plp-ebay-page .stock-urgency-badge,
.plp-ebay-active ul.products li.product .button,
.plp-ebay-page .woocommerce span.onsale {
	display: none !important;
}

.plp-ebay-active ul.products li.product .woocommerce-loop-product__title,
.plp-ebay-page .marketplace-product-card .woocommerce-loop-product__title {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	color: var(--color-text) !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 0 !important;
}

.plp-ebay-active ul.products li.product .woocommerce-loop-product__title a {
	color: inherit !important;
	text-decoration: none !important;
	transition: color 0.15s ease;
}

.plp-ebay-active ul.products li.product .woocommerce-loop-product__title a:hover {
	color: var(--color-primary-dark) !important;
}

.plp-ebay-page .product-card-subtitle {
	margin: 0;
	font-size: 12px;
	color: var(--color-text-muted);
}

.plp-ebay-active ul.products li.product .price,
.plp-ebay-page .marketplace-product-card .price {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: var(--color-text) !important;
}

.plp-ebay-active ul.products li.product .price del {
	font-size: 13px !important;
	font-weight: 400 !important;
	color: var(--color-text-light) !important;
}

.plp-ebay-active ul.products li.product .price ins {
	text-decoration: none !important;
	font-weight: 700 !important;
	color: var(--color-primary) !important;
}

.plp-ebay-page .product-card-shipping {
	margin: 0;
	font-size: 12px;
	color: var(--color-text-muted);
}

.plp-ebay-active ul.products li.product.is-out-of-stock {
	opacity: 0.75;
}

.plp-ebay-page .marketplace-product-card .star-rating {
	display: none !important;
}

/* Dark theme for product cards */
[data-theme="dark"] .plp-ebay-page .marketplace-product-card .product-card-media {
	background: #1e293b;
}

[data-theme="dark"] .plp-ebay-active ul.products li.product .woocommerce-loop-product__title {
	color: #f1f5f9 !important;
}

[data-theme="dark"] .plp-ebay-active ul.products li.product .price {
	color: #f1f5f9 !important;
}

[data-theme="dark"] .plp-ebay-active ul.products li.product .price del {
	color: #64748b !important;
}

[data-theme="dark"] .plp-ebay-active ul.products li.product .price ins {
	color: var(--color-primary) !important;
}

.plp-ebay-page .shop-filter-load-more-wrap {
	margin-top: 24px;
	text-align: center;
}

/* ---- Toolbar styling ---- */
.plp-ebay-page__toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
	padding: 12px 16px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background: var(--color-bg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.plp-ebay-page__filter-toggle {
	display: none;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background: var(--color-bg);
	font-size: 13px;
	font-weight: 600;
	color: var(--color-text);
	cursor: pointer;
	transition: all 0.15s ease;
}

.plp-ebay-page__filter-toggle:hover {
	border-color: var(--color-primary);
	color: var(--color-primary-dark);
}

.plp-ebay-page__sort {
	margin-left: auto;
}

.plp-ebay-page__sort .woocommerce-ordering {
	margin: 0;
	float: none;
}

.plp-ebay-page__sort select {
	min-width: 190px;
	padding: 8px 12px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	font-size: 13px;
	font-weight: 500;
	background: var(--color-bg);
	color: var(--color-text);
	cursor: pointer;
	transition: border-color 0.15s ease;
}

.plp-ebay-page__sort select:hover {
	border-color: var(--color-primary);
}

.plp-ebay-page__sort select:focus {
	outline: none;
	border-color: var(--color-primary);
	box-shadow: 0 0 0 3px rgba(255, 90, 31, 0.12);
}

/* Dark theme for toolbar */
[data-theme="dark"] .plp-ebay-page__toolbar {
	background: #111827;
	border-color: #334155;
}

[data-theme="dark"] .plp-ebay-page__filter-toggle,
[data-theme="dark"] .plp-ebay-page__sort select {
	background: #0f172a;
	color: #cbd5e1;
	border-color: #334155;
}

/* Override legacy shop-layout grid (sidebar on wrong side) */
.plp-ebay-active .shop-layout.has-sidebar {
	display: block !important;
}

/* Beat mobile-enhancements drawer (slides from right) */
@media (min-width: 901px) {
	.plp-ebay-active .plp-ebay-page__sidebar.shop-sidebar {
		position: sticky !important;
		top: calc(var(--header-height, 64px) + 12px) !important;
		right: auto !important;
		left: auto !important;
		width: auto !important;
		transform: none !important;
		visibility: visible !important;
		box-shadow: none !important;
		border: none !important;
		padding: 0 4px 0 0 !important;
	}
}

@media (max-width: 900px) {
	.plp-ebay-active.yunfanzhi-has-shop-sidebar .plp-ebay-page__sidebar.shop-sidebar {
		right: auto !important;
		left: 0 !important;
		transform: translateX(-105%) !important;
		visibility: visible !important;
	}

	body.plp-ebay-active.filter-drawer-open .plp-ebay-page__sidebar.shop-sidebar {
		transform: translateX(0) !important;
	}

	.plp-ebay-active .shop-toolbar-mobile {
		display: none !important;
	}
}

/* Neutralize marketplace-ui bordered cards on eBay PLP */
.plp-ebay-active.plp-ebay-page-layout ul.products li.product,
.plp-ebay-active.plp-ebay-page-layout.marketplace-ui-active.is-marketplace-plp ul.products li.product {
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
}

/* Show PLP page header (was hidden) */
.plp-ebay-active.plp-ebay-page-layout .shop-plp-head {
	display: block !important;
	margin-bottom: 20px;
	padding: 24px 28px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background:
		linear-gradient(110deg, rgba(255, 247, 242, 0.98), rgba(255, 255, 255, 0.96) 58%, rgba(236, 253, 245, 0.96)),
		repeating-linear-gradient(90deg, rgba(255, 90, 31, 0.06) 0 1px, transparent 1px 92px) !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.plp-ebay-active.plp-ebay-page-layout .shop-plp-head-main {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.plp-ebay-active.plp-ebay-page-layout .shop-plp-kicker {
	margin: 0;
	color: var(--color-primary-dark);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.plp-ebay-active.plp-ebay-page-layout .shop-plp-title {
	margin: 0 !important;
	color: var(--color-text);
	font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
	font-weight: 900 !important;
	line-height: 1.08 !important;
}

.plp-ebay-active.plp-ebay-page-layout .shop-plp-head-meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.plp-ebay-active.plp-ebay-page-layout .shop-plp-head-meta span {
	padding: 7px 11px;
	border: 1px solid var(--color-border);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.76);
	color: var(--color-text-muted);
	font-size: 13px;
	font-weight: 800;
}

.plp-ebay-active.plp-ebay-page-layout .shop-plp-description {
	margin-top: 12px;
	color: var(--color-text-muted);
	font-size: 15px;
	line-height: 1.65;
}

/* Dark theme for PLP header */
[data-theme="dark"] .plp-ebay-active.plp-ebay-page-layout .shop-plp-head {
	background:
		linear-gradient(110deg, rgba(30, 41, 59, 0.98), rgba(17, 24, 39, 0.96) 58%, rgba(15, 23, 42, 0.96)),
		repeating-linear-gradient(90deg, rgba(255, 90, 31, 0.08) 0 1px, transparent 1px 92px) !important;
}

[data-theme="dark"] .plp-ebay-active.plp-ebay-page-layout .shop-plp-head-meta span {
	background: rgba(15, 23, 42, 0.7);
	color: #cbd5e1;
	border-color: #334155;
}

.plp-ebay-active.plp-ebay-page-layout .woocommerce-content,
.plp-ebay-active.plp-ebay-page-layout .shop-plp-shell {
	display: none !important;
}

.plp-ebay-page__backdrop {
	position: fixed;
	inset: 0;
	z-index: 10040;
	background: rgba(15, 23, 42, 0.45);
}

body:not(.filter-drawer-open) .plp-ebay-page__backdrop {
	display: none !important;
}

body.filter-drawer-open .plp-ebay-page__backdrop {
	display: block !important;
}

@media (min-width: 901px) {
	.plp-ebay-page__backdrop {
		display: none !important;
	}
}

/* Mobile: filter drawer */
@media (max-width: 900px) {
	.plp-ebay-page__inner {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.plp-ebay-page__filter-toggle {
		display: inline-flex;
	}

	.plp-ebay-page__toolbar {
		justify-content: space-between;
	}

	.plp-ebay-page__sidebar {
		position: fixed;
		inset: 0 auto 0 0;
		z-index: 10050;
		width: min(320px, 88vw);
		max-height: 100vh;
		background: var(--color-bg);
		padding: 20px 16px;
		transform: translateX(-105%);
		transition: transform 0.25s ease;
		box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15);
	}

	[data-theme="dark"] .plp-ebay-page__sidebar {
		background: #111827;
	}

	body.filter-drawer-open .plp-ebay-page__sidebar {
		transform: translateX(0);
	}

	.plp-ebay-page__sidebar .shop-filter-drawer-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 16px;
	}

	.plp-ebay-active ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 1100px) and (min-width: 901px) {
	.plp-ebay-active ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 480px) {
	.plp-ebay-active ul.products {
		grid-template-columns: 1fr !important;
	}
}