/*
 * MANA Module: product-purchase
 *
 * זכויות יוצרים © MANA (mana.agency). כל הזכויות שמורות.
 * השימוש בקובץ כפוף לתנאי הרישיון של MANA (LICENSE.txt).
 *
 * MANA Builder – רכישת מוצר: מבנה בלבד. צבעים, פינות ומרווחים מהטוקנים של האתר.
 * הכפתורים מעוצבים ע״י מחלקות הכפתור של האתר (btn + מחלקת WooCommerce של האשף), השדות ע״י האשף.
 * משתנים לעקיפה ב־CSS של המסמך: --mana-swatch-size, --mana-swatch-image-w, --mana-swatch-image-h,
 * --mana-option-size, --mana-purchase-gap.
 */
.mb-root .mana-purchase { display: grid; gap: var(--mana-purchase-gap, var(--space-md, 20px)); min-width: 0; }
.mb-root .mana-purchase .single_variation_wrap,
.mb-root .mana-purchase .woocommerce-variation-add-to-cart { display: contents; }
.mb-root .mana-purchase .woocommerce-variation,
.mb-root .mana-purchase .wc-no-matching-variations,
.mb-root .mana-purchase .reset_variations { display: none !important; }
.mb-root .mana-purchase .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

/* וריאציות */
.mb-root .mana-purchase__variations { display: grid; gap: var(--space-md, 18px); margin: 0; padding: 0; }
.mb-root .mana-purchase__attribute { min-width: 0; margin: 0; padding: 0; border: 0; }
.mb-root .mana-purchase__attribute-title { margin: 0 0 var(--space-xs, 8px); padding: 0; color: var(--color-heading, inherit); }
.mb-root .mana-purchase__options { display: flex; flex-wrap: wrap; gap: var(--space-xs, 8px); }
.mb-root .mana-purchase__option-wrap { position: relative; display: inline-grid; }
/* ה־radio וה־select המקורי מוסתרים (גם מול העיצוב של האשף ל־radio, מוחרג ב־mb-native). */
.mb-root .mana-purchase .mana-purchase__choice,
.mb-root .mana-purchase .mana-purchase__native-select { position: absolute !important; width: 1px !important; height: 1px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; opacity: 0; }
.mb-root .mana-purchase__option {
	display: inline-grid;
	place-items: center;
	box-sizing: border-box;
	min-width: var(--mana-option-size, 2.75rem);
	min-height: var(--mana-option-size, 2.75rem);
	margin: 0;
	padding: var(--space-xs, 6px) var(--space-sm, 12px);
	border: 1px solid var(--color-border, #d5d5d5);
	border-radius: var(--radius-sm, 6px);
	background: var(--color-bg, transparent);
	color: var(--color-text, inherit);
	line-height: 1.2;
	cursor: pointer;
	transition: border-color .2s, box-shadow .2s, opacity .2s;
}
.mb-root .mana-purchase__option:hover { border-color: var(--color-primary, currentColor); }
.mb-root .mana-purchase__choice:checked + .mana-purchase__option { border-color: var(--color-primary, currentColor); box-shadow: 0 0 0 1px var(--color-primary, currentColor); }
.mb-root .mana-purchase__choice:focus-visible + .mana-purchase__option { outline: 2px solid var(--color-primary, currentColor); outline-offset: 2px; }
.mb-root .mana-purchase__choice:disabled + .mana-purchase__option { opacity: .35; cursor: not-allowed; }
.mb-root .mana-purchase__option[data-type="color"] { width: var(--mana-swatch-size, 2.5rem); height: var(--mana-swatch-size, 2.5rem); min-width: 0; min-height: 0; padding: 3px; border-radius: var(--mana-swatch-radius, 50%); }
.mb-root .mana-purchase__option[data-type="image"] { width: var(--mana-swatch-image-w, 3.5rem); height: var(--mana-swatch-image-h, 3.5rem); min-width: 0; min-height: 0; padding: 3px; overflow: hidden; }
.mb-root .mana-purchase__color { display: block; width: 100%; height: 100%; border-radius: inherit; background: var(--mana-swatch); }
.mb-root .mana-purchase__option img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: calc(var(--radius-sm, 6px) - 2px); }

/* כמות */
.mb-root .mana-purchase__quantity { display: flex; align-items: center; gap: var(--space-xs, 6px); width: fit-content; }
.mb-root .mana-purchase__quantity-button {
	display: grid;
	place-items: center;
	flex: none;
	box-sizing: border-box;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0;
	padding: 0;
	border: 1px solid var(--color-border, #d5d5d5);
	border-radius: var(--radius-sm, 6px);
	background: transparent;
	color: inherit;
	box-shadow: none;
	cursor: pointer;
}
.mb-root .mana-purchase__quantity-button:hover { border-color: var(--color-primary, currentColor); }
.mb-root .mana-purchase__quantity-button svg { width: 1em; height: 1em; fill: currentColor; }
/* השדה מעוצב ע״י האשף (מסגרת, רקע, פינות). כאן רק הרוחב והיישור – עם !important מול הספציפיות של האשף. */
.mb-root .mana-purchase .mana-purchase__quantity-input { box-sizing: border-box; width: 4rem !important; min-width: 0; padding-inline: var(--space-xs, 4px) !important; text-align: center; -moz-appearance: textfield; appearance: textfield; }
.mb-root .mana-purchase__quantity-input::-webkit-inner-spin-button,
.mb-root .mana-purchase__quantity-input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; appearance: none; }

/* סכום והודעה */
.mb-root .mana-purchase__total { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-sm, 12px); }
.mb-root .mana-purchase__message { margin: 0; font-size: var(--text-small, inherit); opacity: .8; }
.mb-root .mana-purchase__message:empty { display: none; }
.mb-root .mana-purchase__message > :last-child { margin-bottom: 0; }

/* כפתורים */
.mb-root .mana-purchase__actions { display: flex; flex-direction: var(--mana-actions-dir, row); flex-wrap: wrap; gap: var(--space-sm, 10px); }
.mb-root .mana-purchase--stretch .mana-purchase__actions > * { flex: 1 1 0; }
.mb-root .mana-purchase__cart:disabled,
.mb-root .mana-purchase__buy-now:disabled { opacity: .5; cursor: not-allowed; }
.mb-root .mana-purchase__out-of-stock { margin: 0; }