/**
 * Quantity selectors — product page + cart
 * Keep +/- from inheriting solid black .button styles
 */

body.dd-shell .quantity,
body.dd-theme .quantity {
	display: inline-flex !important;
	align-items: stretch !important;
	border: 1px solid var(--dd-line, rgba(20, 18, 16, 0.12)) !important;
	background: #fff !important;
	margin: 0.75rem 0 !important;
	width: auto !important;
	max-width: 100% !important;
	overflow: hidden;
}

body.dd-shell .quantity .minus,
body.dd-shell .quantity .plus,
body.dd-shell .quantity input.minus,
body.dd-shell .quantity input.plus,
body.dd-shell .quantity button.minus,
body.dd-shell .quantity button.plus,
body.dd-shell .quantity .button.minus,
body.dd-shell .quantity .button.plus,
body.dd-theme .quantity .minus,
body.dd-theme .quantity .plus,
body.dd-theme .quantity .button.minus,
body.dd-theme .quantity .button.plus,
body.dd-theme .quantity button.minus,
body.dd-theme .quantity button.plus {
	width: 42px !important;
	min-width: 42px !important;
	max-width: 42px !important;
	height: 42px !important;
	min-height: 42px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: var(--dd-ink, #141210) !important;
	box-shadow: none !important;
	font-size: 1rem !important;
	font-weight: 500 !important;
	line-height: 42px !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-align: center !important;
	cursor: pointer !important;
	transform: none !important;
}

body.dd-shell .quantity .minus:hover,
body.dd-shell .quantity .plus:hover,
body.dd-shell .quantity .button.minus:hover,
body.dd-shell .quantity .button.plus:hover,
body.dd-theme .quantity .minus:hover,
body.dd-theme .quantity .plus:hover,
body.dd-theme .quantity .button.minus:hover,
body.dd-theme .quantity .button.plus:hover {
	background: var(--dd-porcelain, #f8f4ef) !important;
	color: var(--dd-ink, #141210) !important;
	border-color: transparent !important;
	transform: none !important;
}

body.dd-shell .quantity .qty,
body.dd-shell .quantity input.qty,
body.dd-theme .quantity .qty,
body.dd-theme .quantity input.qty {
	width: 52px !important;
	min-width: 52px !important;
	max-width: 52px !important;
	height: 42px !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-left: 1px solid var(--dd-line, rgba(20, 18, 16, 0.12)) !important;
	border-right: 1px solid var(--dd-line, rgba(20, 18, 16, 0.12)) !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: var(--dd-ink, #141210) !important;
	text-align: center !important;
	font-size: 0.9rem !important;
	font-weight: 500 !important;
	box-shadow: none !important;
	-moz-appearance: textfield;
}

body.dd-shell .quantity .qty::-webkit-outer-spin-button,
body.dd-shell .quantity .qty::-webkit-inner-spin-button,
body.dd-theme .quantity .qty::-webkit-outer-spin-button,
body.dd-theme .quantity .qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Product page cart form: qty left, full-width add button below */
.dd-pdp-cart .quantity {
	margin: 0.85rem 0 0.75rem !important;
}

.dd-pdp-cart .single_add_to_cart_button {
	display: block !important;
}

/* Cart table quantity */
body.dd-shell.woocommerce-cart .quantity,
body.dd-theme.woocommerce-cart .quantity {
	margin: 0 !important;
}

body.dd-shell.woocommerce-cart table.cart td,
body.dd-theme.woocommerce-cart table.cart td {
	vertical-align: middle !important;
}

body.dd-shell.woocommerce-cart .product-remove a,
body.dd-theme.woocommerce-cart .product-remove a {
	margin-right: 0.65rem !important;
}

body.dd-shell.woocommerce-cart .product-thumbnail img,
body.dd-theme.woocommerce-cart .product-thumbnail img {
	width: 72px !important;
	height: auto !important;
	margin-right: 0.75rem;
}

body.dd-shell.woocommerce-cart .product-name,
body.dd-theme.woocommerce-cart .product-name {
	padding-left: 0.25rem !important;
}
