/* ==========================================================================
   Mamento Toolkit – Quantity Increment (+/- Buttons)
   Horizontal layout: [ − ]  Menge  [ + ]
   Designed to match the Messervertrieb-Rottner minimalist shop style.
   ========================================================================== */

/* ── Container ──────────────────────────────────────────────────────────── */

.woocommerce .quantity.buttons_added,
.woocommerce-page .quantity.buttons_added {
	display: inline-flex !important;
	align-items: center;
	overflow: visible !important;
	padding: 0 !important;
}

/* DO NOT force display on variation quantity — let WooCommerce control visibility */
.woocommerce .variations_form .quantity:not(.buttons_added) {
	display: none !important;
}

/* ── Input ──────────────────────────────────────────────────────────────── */

.woocommerce .quantity.buttons_added input.qty,
.woocommerce-page .quantity.buttons_added input.qty {
	display: block !important;
	float: none !important;
	width: 40px !important;
	height: auto !important;
	padding: 4px 0 !important;
	margin: 0 !important;
	text-align: center;
	font-size: 15px !important;
	font-weight: 400 !important;
	color: #202020 !important;
	background: none !important;
	border: none !important;
	border-bottom: 1px solid #5a5a5a !important;
	border-radius: 0 !important;
	-moz-appearance: textfield;
	-webkit-appearance: none;
	appearance: none;
}

.woocommerce .quantity.buttons_added input.qty::-webkit-outer-spin-button,
.woocommerce .quantity.buttons_added input.qty::-webkit-inner-spin-button,
.woocommerce-page .quantity.buttons_added input.qty::-webkit-outer-spin-button,
.woocommerce-page .quantity.buttons_added input.qty::-webkit-inner-spin-button {
	display: none;
	-webkit-appearance: none;
	margin: 0;
}

/* ── Buttons (shared) ───────────────────────────────────────────────────── */

.woocommerce .quantity.buttons_added > button.plus,
.woocommerce .quantity.buttons_added > button.minus,
.woocommerce-page .quantity.buttons_added > button.plus,
.woocommerce-page .quantity.buttons_added > button.minus {
	display: flex !important;
	align-items: center;
	justify-content: center;
	position: static !important;
	width: 32px !important;
	height: 32px !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
	color: #202020 !important;
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	transition: color 0.15s, opacity 0.15s;
	-webkit-appearance: none;
	appearance: none;
}

.woocommerce .quantity.buttons_added > button.plus:hover,
.woocommerce .quantity.buttons_added > button.minus:hover,
.woocommerce-page .quantity.buttons_added > button.plus:hover,
.woocommerce-page .quantity.buttons_added > button.minus:hover {
	color: #000 !important;
}

/* Disabled state (at min/max) */
.woocommerce .quantity.buttons_added > button:disabled,
.woocommerce-page .quantity.buttons_added > button:disabled {
	opacity: 0.3 !important;
	cursor: default;
}

/* Minus: left side */
.woocommerce .quantity.buttons_added > button.minus,
.woocommerce-page .quantity.buttons_added > button.minus {
	order: -1;
}

/* Plus: right side */
.woocommerce .quantity.buttons_added > button.plus,
.woocommerce-page .quantity.buttons_added > button.plus {
	order: 1;
}

/* ── Product Summary (desktop) ──────────────────────────────────────────── */

.summary .quantity.buttons_added {
	display: inline-flex !important;
}

/* ── Mobile (≤ 980px) ───────────────────────────────────────────────────── */

@media (max-width: 980px) {
	.woocommerce .quantity.buttons_added > button.plus,
	.woocommerce .quantity.buttons_added > button.minus,
	.woocommerce-page .quantity.buttons_added > button.plus,
	.woocommerce-page .quantity.buttons_added > button.minus {
		width: 48px !important;
		height: 48px !important;
		font-size: 22px;
	}

	.woocommerce .quantity.buttons_added input.qty,
	.woocommerce-page .quantity.buttons_added input.qty {
		width: 48px !important;
		font-size: 17px !important;
		border-bottom: none !important;
	}

	/* Product summary: reset child-theme absolute position, full width centered */
	.summary .quantity.buttons_added {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		display: flex !important;
		width: 100% !important;
		justify-content: center;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: 5px 0 !important;
		margin: 15px 0 !important;
	}
}

/* ── Cart page (smaller) ────────────────────────────────────────────────── */

.woocommerce .cart_item .quantity.buttons_added {
	display: inline-flex !important;
}

.woocommerce .cart_item .quantity.buttons_added > button.plus,
.woocommerce .cart_item .quantity.buttons_added > button.minus {
	width: 28px !important;
	height: 28px !important;
	font-size: 16px;
}

.woocommerce .cart_item .quantity.buttons_added input.qty {
	width: 36px !important;
	font-size: 14px !important;
}