/* Product Search Overlay Styles */
.brxe-product-search {
	position: relative;
	z-index: 1010;
}

.brxe-product-search .toggle {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	color: inherit;
}

/* Overlay */
.product-search-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--primary-l-5);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1010 !important;
	opacity: 0;
}

.product-search-overlay.show {
	display: flex;
	opacity: 1;
}

/* Inner container */
.product-search-inner {
	width: 90%;
	max-width: 800px;
	padding: 2rem;
}

.product-search-form {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
}

.product-search-form .input {
	flex: 0 1 auto;
	line-height: 1;
}

.product-search-form .btn {
	padding: var(--space-s);
}

/* Close button - pushed to far right with stretchable space */
.product-search-form .close {
	background: transparent;
	border: none;
	color: var(--dark);
	font-size: 2rem;
	cursor: pointer;
	padding: 0 1rem;
	line-height: 1;
	transition: opacity 0.2s ease;
	flex: 0 0 auto;
	margin-left: auto;
}

.product-search-form .close:hover {
	opacity: 0.7;
}

/* Screen reader text */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Responsive */
@media (max-width: 768px) {
	.product-search-inner {
		width: 95%;
		padding: 1.5rem;
	}

	.product-search-form {
		flex-wrap: nowrap;
	}

	.product-search-form .input {
		flex: 1 1 100%;
		max-width: 100%;
	}

	.product-search-form .btn {
		margin-right: 1em;
	}

	.product-search-form .close {
		flex: 0 0 auto;
		padding: 0;
		margin-left: auto;
	}
}