/* =============================================
   Archive v3 — toolbar, chips, sheet, list view
   ============================================= */

.mb-archive-listings--v3 {
	padding-top: var(--mb-space-6);
	padding-bottom: var(--mb-space-section);
}

.mb-archive-listings--v3 .mb-archive-layout {
	grid-template-columns: 280px minmax(0, 1fr);
	gap: var(--mb-space-8);
	align-items: start;
}

/* —— Sticky toolbar —— */
.mb-archive-toolbar {
	position: sticky;
	top: calc(var(--mb-header-h) + 8px);
	z-index: var(--mb-z-sticky);
	background: rgba(248, 250, 252, 0.92);
	backdrop-filter: blur(10px);
	border: 1px solid var(--mb-border);
	border-radius: var(--mb-radius-lg);
	padding: var(--mb-space-4) var(--mb-space-5);
	margin-bottom: var(--mb-space-4);
	box-shadow: var(--mb-shadow);
}

.mb-archive-toolbar__row--primary {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--mb-space-4);
	flex-wrap: wrap;
	margin-bottom: var(--mb-space-3);
}

.mb-archive-toolbar__title {
	font-family: var(--mb-font-display);
	font-size: var(--mb-text-xl);
	font-weight: 800;
	margin: 0 0 2px;
	line-height: 1.2;
}

.mb-archive-toolbar__count {
	margin: 0;
	font-size: var(--mb-text-sm);
	color: var(--mb-text-muted);
}

.mb-archive-toolbar__count strong {
	color: var(--mb-brand);
	font-weight: 800;
}

.mb-archive-toolbar__actions {
	display: flex;
	align-items: center;
	gap: var(--mb-space-2);
	flex-wrap: wrap;
}

.mb-archive-sort__select {
	padding: 10px 36px 10px 14px;
	border: 1px solid var(--mb-border);
	border-radius: var(--mb-radius-sm);
	background: var(--mb-surface);
	font-size: var(--mb-text-sm);
	font-weight: 600;
	color: var(--mb-text);
	cursor: pointer;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	min-width: 160px;
}

.mb-archive-view-toggle {
	display: inline-flex;
	border: 1px solid var(--mb-border);
	border-radius: var(--mb-radius-sm);
	overflow: hidden;
	background: var(--mb-surface);
}

.mb-archive-view-toggle__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: none;
	background: transparent;
	color: var(--mb-text-muted);
	cursor: pointer;
	transition: background var(--mb-transition), color var(--mb-transition);
}

.mb-archive-view-toggle__btn.is-active {
	background: var(--mb-brand-muted);
	color: var(--mb-brand);
}

.mb-archive-toolbar__filter-btn {
	position: relative;
	gap: var(--mb-space-2);
}

.mb-archive-toolbar__filter-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: var(--mb-radius-full);
	background: var(--mb-brand);
	color: #fff;
	font-size: 10px;
	font-weight: 800;
}

.mb-archive-views--toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mb-space-2);
}

/* —— Filter chips —— */
.mb-archive-chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mb-space-2);
	margin-bottom: var(--mb-space-5);
}

.mb-archive-chip {
	display: inline-flex;
	align-items: center;
	gap: var(--mb-space-2);
	padding: 6px 12px;
	border-radius: var(--mb-radius-full);
	background: var(--mb-brand-muted);
	border: 1px solid rgba(var(--mb-primary-rgb), 0.2);
	color: var(--mb-brand-dark);
	font-size: var(--mb-text-sm);
	font-weight: 600;
	text-decoration: none;
	transition: background var(--mb-transition), border-color var(--mb-transition);
}

.mb-archive-chip:hover {
	background: rgba(var(--mb-primary-rgb), 0.16);
	border-color: var(--mb-brand);
}

.mb-archive-chip__remove {
	font-size: 1rem;
	line-height: 1;
	opacity: 0.7;
}

.mb-archive-chip--clear {
	background: transparent;
	border-color: var(--mb-border);
	color: var(--mb-text-muted);
}

/* —— Filter sheet (mobile) —— */
.mb-filter-sheet {
	position: relative;
}

.mb-filters__sheet-head {
	display: none;
}

.mb-filters__close {
	width: 40px;
	height: 40px;
	border: none;
	background: var(--mb-surface-muted);
	border-radius: var(--mb-radius-full);
	font-size: 1.5rem;
	line-height: 1;
	color: var(--mb-text-muted);
	cursor: pointer;
}

.mb-filters__actions {
	display: flex;
	flex-direction: column;
	gap: var(--mb-space-2);
}

.mb-filters__clear-mobile {
	display: none;
	text-align: center;
}

.mb-filter-sheet__backdrop {
	display: none;
}

/* Desktop sidebar */
@media (min-width: 1025px) {
	.mb-filter-sheet {
		display: block;
	}

	.mb-filter-sheet__backdrop,
	.mb-filters__sheet-head,
	.mb-filters__clear-mobile {
		display: none !important;
	}

	.mb-filters {
		display: block !important;
		position: sticky;
		top: calc(var(--mb-header-h) + 8px);
	}

	.mb-archive-toolbar__filter-btn {
		display: none;
	}
}

@media (max-width: 1024px) {
	.mb-archive-listings--v3 .mb-archive-layout {
		grid-template-columns: 1fr;
	}

	.mb-filters__header--desktop {
		display: none;
	}

	.mb-filters__sheet-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: var(--mb-space-4);
		padding-bottom: var(--mb-space-3);
		border-bottom: 1px solid var(--mb-border);
	}

	.mb-filters__sheet-head h3 {
		font-family: var(--mb-font-display);
		font-size: var(--mb-text-lg);
		font-weight: 800;
		margin: 0;
	}

	.mb-filter-sheet__backdrop {
		display: block;
		position: fixed;
		inset: 0;
		z-index: calc(var(--mb-z-overlay) - 1);
		border: none;
		padding: 0;
		background: rgba(15, 23, 42, 0.55);
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.25s ease, visibility 0.25s ease;
		cursor: pointer;
	}

	.mb-filter-sheet.is-open .mb-filter-sheet__backdrop {
		opacity: 1;
		visibility: visible;
	}

	.mb-filters {
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: var(--mb-z-overlay);
		max-height: 88vh;
		overflow-y: auto;
		border-radius: var(--mb-radius-xl) var(--mb-radius-xl) 0 0;
		padding: var(--mb-space-5) var(--mb-space-5) calc(var(--mb-space-6) + env(safe-area-inset-bottom));
		box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.2);
		transform: translateY(100%);
		transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
	}

	.mb-filter-sheet.is-open .mb-filters {
		display: block;
		transform: translateY(0);
	}

	.mb-filters__clear-mobile {
		display: flex;
	}

	body.mb-filter-sheet-open {
		overflow: hidden;
	}
}

/* —— List view —— */
.mb-listings__list--archive {
	display: flex;
	flex-direction: column;
	gap: var(--mb-space-3);
}

.mb-listing-row {
	background: var(--mb-surface);
	border: 1px solid var(--mb-border);
	border-radius: var(--mb-radius-md);
	overflow: hidden;
	transition: box-shadow var(--mb-transition), border-color var(--mb-transition);
}

.mb-listing-row:hover {
	box-shadow: var(--mb-shadow-md);
	border-color: rgba(var(--mb-primary-rgb), 0.25);
}

.mb-listing-row__link {
	display: grid;
	grid-template-columns: 120px 1fr auto;
	gap: var(--mb-space-4);
	padding: var(--mb-space-3);
	align-items: center;
	color: inherit;
	text-decoration: none;
}

.mb-listing-row__media {
	position: relative;
	aspect-ratio: 1;
	border-radius: var(--mb-radius-sm);
	overflow: hidden;
	background: var(--mb-surface-muted);
}

.mb-listing-row__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mb-listing-row__badge {
	position: absolute;
	top: 6px;
	left: 6px;
	font-size: 10px;
}

.mb-listing-row__title {
	font-size: var(--mb-text-md);
	font-weight: 700;
	margin: 0 0 var(--mb-space-1);
	line-height: 1.35;
}

.mb-listing-row__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mb-space-2) var(--mb-space-3);
	font-size: var(--mb-text-xs);
	color: var(--mb-text-muted);
	margin-bottom: var(--mb-space-2);
}

.mb-listing-row__seller {
	display: flex;
	align-items: center;
	gap: var(--mb-space-2);
	font-size: var(--mb-text-sm);
	color: var(--mb-text-muted);
}

.mb-listing-row__avatar {
	width: 22px;
	height: 22px;
	border-radius: var(--mb-radius-full);
	object-fit: cover;
}

.mb-listing-row__verified {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: var(--mb-radius-full);
	background: var(--mb-success);
	color: #fff;
	font-size: 9px;
	font-weight: 800;
}

.mb-listing-row__price-col {
	text-align: right;
	padding-right: var(--mb-space-2);
	min-width: 120px;
}

.mb-listing-row__price {
	font-family: var(--mb-font-display);
	font-size: var(--mb-text-xl);
	font-weight: 800;
	color: var(--mb-brand);
}

.mb-listing-row__old-price {
	display: block;
	font-size: var(--mb-text-xs);
	color: var(--mb-text-light);
	text-decoration: line-through;
}

.mb-listing-row__negotiable {
	display: inline-block;
	margin-top: 4px;
	font-size: 10px;
	font-weight: 700;
	color: var(--mb-accent);
	text-transform: uppercase;
}

/* Layout mode classes */
.mb-archive-results.is-list .mb-listings__grid--archive {
	display: none;
}

.mb-archive-results.is-list .mb-listings__list--archive {
	display: flex;
}

.mb-archive-results.is-grid .mb-listings__list--archive {
	display: none;
}

.mb-archive-results.is-loading {
	opacity: 0.55;
	pointer-events: none;
}

/* —— Load more —— */
.mb-archive-load-more {
	text-align: center;
	margin-top: var(--mb-space-8);
}

.mb-archive-load-more__hint {
	display: block;
	font-size: var(--mb-text-xs);
	font-weight: 500;
	color: var(--mb-text-muted);
	margin-top: 4px;
}

.mb-archive-load-more.is-hidden {
	display: none;
}

.mb-archive-load-more .mb-btn.is-loading {
	pointer-events: none;
	opacity: 0.7;
}

/* —— Responsive toolbar —— */
@media (max-width: 768px) {
	.mb-archive-toolbar {
		top: calc(var(--mb-header-h) + 4px);
		padding: var(--mb-space-3);
	}

	.mb-archive-toolbar__row--primary {
		flex-direction: column;
		align-items: stretch;
	}

	.mb-archive-toolbar__actions {
		width: 100%;
	}

	.mb-archive-sort {
		flex: 1;
	}

	.mb-archive-sort__select {
		width: 100%;
		min-width: 0;
	}

	.mb-listing-row__link {
		grid-template-columns: 96px 1fr;
		grid-template-rows: auto auto;
	}

	.mb-listing-row__price-col {
		grid-column: 1 / -1;
		text-align: left;
		padding: 0 var(--mb-space-1);
		display: flex;
		align-items: center;
		gap: var(--mb-space-3);
	}
}

@media (prefers-reduced-motion: reduce) {
	.mb-filters,
	.mb-filter-sheet__backdrop {
		transition: none;
	}
}

/* —— v1.31 extensions —— */
.mb-archive-results.is-loading {
	opacity: 0.6;
	pointer-events: none;
}

.mb-archive-sort__select.is-loading {
	opacity: 0.6;
}

.mb-author-listings__grid {
	margin-top: var(--mb-space-6);
}

.mb-seller-profile .mb-pagination {
	margin-top: var(--mb-space-8);
}

.mb-archive-views--toolbar {
	scrollbar-width: none;
}

.mb-archive-views--toolbar::-webkit-scrollbar {
	display: none;
}