/* Farook shop filter — mobile-first, RTL-safe (logical properties). */

.bikeparts-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.5rem;
	margin-block-end: 1.25rem;
	width: 100%;
}

.bikeparts-filter__group {
	position: relative;
	flex: 0 0 auto;
}

.bikeparts-filter__group summary {
	cursor: pointer;
	list-style: none;
	padding: 0.35rem 0.85rem;
	border: 1px solid var(--bp-color-border, #e5e7eb);
	border-radius: 999px;
	background: var(--bp-color-bg-soft, #f9fafb);
	font-size: 0.9rem;
	font-weight: 500;
	user-select: none;
	white-space: nowrap;
}

.bikeparts-filter__group summary::-webkit-details-marker { display: none; }

.bikeparts-filter__group summary::after {
	content: ' ▾';
	font-size: 0.75em;
	color: var(--bp-color-muted, #6b7280);
}

.bikeparts-filter__group[open] summary {
	border-color: var(--bp-color-primary, #1d4ed8);
	color: var(--bp-color-primary, #1d4ed8);
}

.bikeparts-filter__options {
	border: 1px solid var(--bp-color-border, #e5e7eb);
	border-radius: var(--bp-radius, 10px);
	background: var(--bp-color-bg, #fff);
	box-shadow: var(--bp-shadow-hover, 0 4px 14px rgba(0, 0, 0, 0.12));
	padding: 0.75rem;
	margin-block-start: 0.35rem;
	max-height: 16rem;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	position: absolute;
	inset-inline-start: 0;
	min-width: 100%;
	z-index: 30;
}

.bikeparts-filter__options label {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	cursor: pointer;
	white-space: nowrap;
	font-size: 0.95rem;
}

.bikeparts-filter__options small {
	color: var(--bp-color-muted, #6b7280);
}

.bikeparts-filter__clear {
	background: none;
	border: none;
	color: var(--bp-color-primary, #1d4ed8);
	cursor: pointer;
	padding: 0.5rem 0.6rem;
	font-weight: 500;
}

/* icon-only load-more */
.bikeparts-filter__more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	padding: 0 !important;
	margin: 1.5rem auto;
	border-radius: 50% !important;
	border: 1px solid var(--bp-color-primary, #1d4ed8) !important;
	background: var(--bp-color-bg, #fff) !important;
	color: var(--bp-color-primary, #1d4ed8) !important;
	box-shadow: var(--bp-shadow, 0 1px 3px rgba(0, 0, 0, 0.08));
	cursor: pointer;
}

.bikeparts-filter__more:hover {
	background: var(--bp-color-primary, #1d4ed8) !important;
	color: #fff !important;
}

.bikeparts-filter__more svg { width: 1.4rem; height: 1.4rem; }

.bikeparts-filter__empty {
	width: 100%;
	text-align: center;
	padding: 2.5rem 1rem;
	color: var(--bp-color-muted, #6b7280);
	list-style: none;
}

ul.products.bikeparts-filter--loading {
	opacity: 0.45;
	pointer-events: none;
	transition: opacity 0.15s ease;
}

/* Phones: stack the groups, panels open inline instead of floating */
@media (max-width: 600px) {
	.bikeparts-filter { gap: 0.4rem; }
	.bikeparts-filter__group { flex: 0 0 auto; }
	.bikeparts-filter__options {
		position: static;
		box-shadow: none;
	}
}