.woocommerce-ordering select {
	cursor: pointer;
}

.woocommerce-ordering.wd-style-underline select {
	padding-top: 5px;
	padding-bottom: 5px;
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-radius: 0;
	background-color: unset;
	background-position: right 0 top 50%;
	color: var(--color-gray-900);
	font-weight: 600;
	font-size: inherit;
	line-height: 1.2;
	padding-inline-start: 2px;
	padding-inline-end: 20px;
}

.woocommerce-ordering.wd-style-underline select:focus {
	border-color: var(--wd-primary-color);
}

@media (max-width: 768.98px) {

	.woocommerce-ordering.wd-ordering-mb-icon {
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 40px;
	}

	.woocommerce-ordering.wd-ordering-mb-icon select {
		position: absolute;
		inset: 0;
		padding: 0;
		height: inherit;
		border: none;
		background: none;
		color: transparent !important;
		font-weight: 400;
		font-size: 16px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.woocommerce-ordering.wd-ordering-mb-icon select option {
		font-size: 14px;
	}

	.woocommerce-ordering.wd-ordering-mb-icon:after {
		content: "";
		position: relative;
		z-index: 2;
		pointer-events: none;
		width: 24px;
		height: 24px;
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 4V16M7 16L4 13M7 16L10 13' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 5H20' stroke='%23222222' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M13 9H18' stroke='%23222222' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M13 13H16' stroke='%23222222' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	}

}