/* Tom Select on WooCommerce variation dropdowns (single product page). */

.variations_form .ts-wrapper {
	min-width: 220px;
  width: 100%;
}

/* Match the native WooCommerce select footprint a little more closely. */
.variations_form .ts-control {
	min-height: 32px;
	padding: 6px 30px 6px 10px; /* room on the right for the caret */
  border-radius: 8px;
	position: relative;
}

.variations_form .ts-control[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}

/* Dropdown caret (missing when using the core, un-themed tom-select build). */
.variations_form .ts-wrapper.single .ts-control::after {
	content: " ";
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	width: 0;
	height: 0;
	margin-top: -3px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #555 transparent transparent transparent;
}

/* Flip the caret when the dropdown is open. */
.variations_form .ts-wrapper.single.dropdown-active .ts-control::after {
	margin-top: -3px;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #555 transparent;
}

.variations_form .ts-dropdown {
  border-radius: 0 0 8px 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  border-top: none;
  margin-top: 0;
}

.variations_form .ts-dropdown .ts-dropdown-content :last-child {
  border-radius: 0 0 8px 8px;
}

/* Options WooCommerce disabled for the current attribute combination. */
.variations_form .ts-dropdown .option.disabled {
	opacity: 0.4;
	pointer-events: none;
}

.variations_form .reset_variations {
  margin-left: 10px;
}

.variations_form .dupr-range {
  font-style: italic;
  color: rgba(159, 159, 159, 1);
}