/**
 * כפתורי כמות – גלויים תמיד.
 * עיצוב Elementor (פלוני + מסגרת ירוקה + הסתרת ::before) רק מחוץ לעגלה/צ'קאאוט:
 * בעגלה הכפתורים ריקים ונשענים על content: '+'/'-' מ-qty-buttons.css של המודול.
 */

/* ── גלויות (ביטול hover-hide) – בכל מקום ── */
.qty-btns-wrap .qty-btns,
.qty-btns-wrap:not(:hover) .qty-btns,
.qty-btns-wrap:hover .qty-btns {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

/* ── תיבת הכמות: פלוני + מסגרת ירוקה מעוגלת (לא בעגלה/צ'קאאוט) ── */
body:not(.woocommerce-cart):not(.woocommerce-checkout) .qty-btns-wrap {
	position: relative;
	height: 100%;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .qty-btns-wrap .qty-input-mirror {
	box-sizing: border-box;
	height: 100%;
	min-height: 2.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-inline-start: 0.5em;
	padding-inline-end: 1.35em;
	font-family: var(--e-global-typography-be637dc-font-family), "ploni", sans-serif;
	font-size: var(--e-global-typography-be637dc-font-size, 1rem);
	font-weight: var(--e-global-typography-be637dc-font-weight, 400);
	letter-spacing: var(--e-global-typography-be637dc-letter-spacing, normal);
	border-style: solid;
	border-width: 1px;
	border-color: var(--e-global-color-b3fc43b);
	border-radius: 0 50px 50px 0;
	background-color: var(--e-global-color-accent);
	transition: all 0.2s;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .qty-btns-wrap .qty-input-mirror::before {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	min-width: 1.25em;
	text-align: center;
}

/* ── עמודת אייקונים – רווח קטן מהצד שצמוד לכפתור הירוק ── */
body:not(.woocommerce-cart):not(.woocommerce-checkout) .qty-btns-wrap .qty-btns {
	position: absolute;
	top: 0;
	bottom: 0;
	inset-inline-end: 0.35em;
	width: 0.95em;
	max-width: 0.95em;
	z-index: 1;
	flex-direction: column;
	justify-content: center;
	gap: 0.05em;
}

/*
 * רק אייקוני Elementor (קטנים) – בלי כפילות ::before.
 * לא בעגלה/צ'קאאוט: שם אין אייקונים מהווידג'ט, רק +/- מ-CSS של המודול.
 */
body:not(.woocommerce-cart):not(.woocommerce-checkout) .qty-btns-wrap .qty-input-button::before {
	content: none !important;
	display: none !important;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .qty-btns-wrap .qty-input-button svg,
body:not(.woocommerce-cart):not(.woocommerce-checkout) .qty-btns-wrap .qty-input-button i {
	display: block !important;
	width: 0.5em !important;
	height: 0.5em !important;
	max-width: 0.5em !important;
	max-height: 0.5em !important;
	margin: auto;
	opacity: 0.7;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .qty-btns-wrap .qty-input-button {
	color: var(--e-global-color-text, #2d1946);
	font-size: 0.75em;
}