// WooCommerce Instant Product Search plugin
.product-search-form {
	position: relative;
}

.product-search {
	.product-search-results {
		position: absolute;
		background: white;
		border: 1px solid $colorGrey;
	}

	.search-results {
		tr {
			height: $globalMargin;
			background-color: $colorGreyDarkX;

			&:hover {
				background-color: black;
			}

			.product-info {
				padding: 5px 10px;
				vertical-align: middle;

				@include responsive('>', 769px, (
					padding: 5px 10px 5px 65px
				));

				span {
					font-size: 1.2em;
					color: white;
				}
			}
		}
	}

	input[type='text'] {
		&.product-search-field {
			width: calc(100% - 40px) !important;
			height: $inputHeightS;
			background: white;

			@include responsive('>', 769px, (
				width: calc(100% - 61px) !important,
				height: $inputHeightL
			));
		}
	}

	button[type=submit] {
		@extend .btn-submit;

		margin-left: -4px;
		position: static !important;
		vertical-align: top;
		font-size: 0;

		@include responsive('>', 769px, (
				width: $inputHeightL,
				height: $inputHeightL
		));
	}
}