/* Product archive sidebar: sticky positioning + internal filter scroll (tablet/desktop only) */

.archive-sidebar-search {
	display: none;
}

@media (min-width: 768px) {
	.row.product-listing > .archive-sidebar {
		position: sticky;
		top: 20px;
		align-self: flex-start;
		max-height: calc(100vh - 40px);
		display: flex;
		flex-direction: column;
	}

	.archive-sidebar .archive-sidebar-scroll {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto; 
	}

	.archive-sidebar .archive-sidebar-scroll::-webkit-scrollbar {
		width: 6px;
	}

	.archive-sidebar .archive-sidebar-scroll::-webkit-scrollbar-thumb {
		background-color: #d5dae3;
		border-radius: 3px;
	}

	.archive-sidebar-search {
		display: flex;
		align-items: center;
		flex: 0 0 auto;
		background-color: #fff;
		border: 1px solid #e2e5ec;
		border-radius: 5px;
		padding: 8px 12px;
		margin-bottom: 16px;
	}
}

.archive-sidebar-search::before {
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 8px;
	flex-shrink: 0;
	background: no-repeat center / contain url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322396a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
}

.archive-sidebar-search__input {
	border: none;
	outline: none;
	background: transparent;
	font-family: var(--font-family-lato), sans-serif;
	font-size: 14px;
	color: #22396a;
	width: 100%;
}

.archive-sidebar-search__input::placeholder {
	color: #a0aec0;
}