/*
 * Shop search bar: stick to viewport top on mobile after scrolling past.
 * Apply class "sk-shop-search-sticky" to the search column in the block editor.
 */

@media screen and (max-width: 1000px) {
	.sk-shop-search-sticky__placeholder {
		width: 100%;
		height: 0;
		pointer-events: none;
	}

	.sk-shop-search-sticky {
		z-index: 999990;
		align-self: flex-start;
		flex-basis: 100% !important;
		width: 100%;
		box-sizing: border-box;
		padding-inline: 20px;
		background-color: #ffffff;
	}

	.sk-shop-search-sticky.is-stuck {
		position: fixed;
		top: 0;
		padding-inline: 0;
		box-shadow: 0 2px 8px rgba(26, 20, 16, 0.08);
	}

	.sk-shop-search-sticky .aws-container,
	.sk-shop-search-sticky .aws-search-form {
		width: 100%;
	}
}