/**
 * assets/css/qty-spinner.css
 * Minimal, theme-neutral spinner styling. Uses currentColor so it inherits
 * whatever text color the theme applies.
 */

.wcyqc-qty-spinner {
	display: inline-flex;
	align-items: stretch;
  border: 1px solid #ccc;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	max-width: 200px;
}

.wcyqc-qty-spinner input[type="number"],
.wcyqc-qty-spinner .qty {
	border: 0 !important;
	background: transparent !important;
	text-align: center;
	width: 60px;
	padding: 8px 4px !important;
	margin: 0 !important;
	font-size: 15px;
	appearance: textfield;
}

/* Hide native browser spinners since we're providing our own. */
.wcyqc-qty-spinner input[type="number"]::-webkit-outer-spin-button,
.wcyqc-qty-spinner input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.wcyqc-qty-btn {
	background: #f5f5f5;
	border: 0;
	padding: 0 14px;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	color: inherit;
	transition: background 120ms ease;
	user-select: none;
	min-width: 40px;
}

.wcyqc-qty-btn:hover,
.wcyqc-qty-btn:focus {
	background: #e8e8e8;
	outline: none;
}

.wcyqc-qty-btn:active {
	background: #d8d8d8;
}

button.wcyqc-qty-btn.wcyqc-qty-minus {
    background-color: #00000012;
    border: 0px solid #c36;
    border-radius: 3px;
}

button.wcyqc-qty-btn.wcyqc-qty-plus {
    background-color: #00000012;
    border: 0px solid #c36;
    border-radius: 3px;
}

button.wcyqc-qty-btn {
    color: #646464;
}
button.wcyqc-qty-btn:hover {
    color: #646464;
}