/* WooCommerce Product Search Widget Styles */

.wps-1878-container {
	width: 100%;
}

.wps-1878-form {
	width: 100%;
	margin: 0;
}

.wps-1878-input-wrapper {
	display: flex;
	width: 100%;
	position: relative;
}

.wps-1878-search-field {
	flex-grow: 1;
	width: 100%;
	min-width: 0;
	margin: 0;
	border: 1px solid #ccc;
	padding: 10px 15px;
	border-radius: 3px 0 0 3px;
	box-sizing: border-box;
}

.wps-1878-search-field:focus {
	outline: none;
}

.wps-1878-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	border: 1px solid #ccc;
	border-left: none;
	background-color: #f1f1f1;
	color: #333;
	padding: 10px 20px;
	cursor: pointer;
	border-radius: 0 3px 3px 0;
	transition: all 0.3s ease;
	white-space: nowrap;
}

.wps-1878-submit:hover {
	background-color: #e2e2e2;
}

.wps-1878-icon {
	display: flex;
	align-items: center;
}

.wps-1878-icon i {
	font-size: 16px;
}

.wps-1878-icon svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

/* Screen reader text - standard WP class */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}