/*
 * MANA Module: product-purchase
 *
 * זכויות יוצרים © MANA (mana.agency). כל הזכויות שמורות.
 * השימוש בקובץ כפוף לתנאי הרישיון של MANA (LICENSE.txt).
 */
.mana-purchase {
	--mana-purchase-gap: 20px;
	--mana-actions-gap: 10px;
	display: grid;
	gap: var(--mana-purchase-gap);
}

.mana-purchase__variations { display: grid; margin: 0; padding: 0; }
.mana-purchase__attribute { min-width: 0; margin: 0; padding: 0; border: 0; }
.mana-purchase__attribute-title { margin: 0 0 10px; padding: 0; }
.mana-purchase__options { display: flex; flex-wrap: wrap; }
.mana-purchase__option-wrap { display: inline-grid; }
.mana-purchase__choice { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.mana-purchase__native-select { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.mana-purchase__option {
	display: inline-grid;
	place-items: center;
	padding: 8px 14px;
	border: 1px solid #c8c8c8;
	background: transparent;
	color: inherit;
	box-shadow: none;
	cursor: pointer;
	transition: color .2s, background-color .2s, border-color .2s, opacity .2s;
}
.mana-purchase__choice:checked + .mana-purchase__option { border-color: currentColor; outline: 2px solid currentColor; outline-offset: 1px; }
.mana-purchase__choice:focus-visible + .mana-purchase__option { outline: 2px solid currentColor; outline-offset: 2px; }
.mana-purchase__choice:disabled + .mana-purchase__option { cursor: not-allowed; }
.mana-purchase__option[data-type="color"] { padding: 4px; }
.mana-purchase__color { width: 100%; height: 100%; min-width: 32px; min-height: 32px; border-radius: inherit; background: var(--mana-swatch); }
.mana-purchase__option[data-type="image"] { padding: 3px; overflow: hidden; }
.mana-purchase__option[data-type="image"] img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }

.mana-purchase .single_variation_wrap,
.mana-purchase .woocommerce-variation-add-to-cart { display: contents; }
.mana-purchase .woocommerce-variation,
.mana-purchase .wc-no-matching-variations,
.mana-purchase .reset_variations { display: none !important; }
.mana-purchase__quantity { display: flex; align-items: center; width: fit-content; }
.mana-purchase__quantity-button {
	display: grid;
	place-items: center;
	box-sizing: border-box;
	flex: 0 0 auto;
	aspect-ratio: 1;
	padding: 0;
	border: 1px solid #ddd;
	background: transparent;
	color: inherit;
	box-shadow: none;
	cursor: pointer;
}
.mana-purchase__quantity-button svg { width: 1em; height: 1em; fill: currentColor; }
.mana-purchase__quantity-button i { font-size: 1em; line-height: 1; }
.mana-purchase__quantity-input {
	box-sizing: border-box;
	width: 54px;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	text-align: center;
	-moz-appearance: textfield;
}
.mana-purchase__quantity-input::-webkit-inner-spin-button,
.mana-purchase__quantity-input::-webkit-outer-spin-button { margin: 0; appearance: none; }
.mana-purchase__total { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.mana-purchase__message { margin: 0; }
.mana-purchase__message > :last-child { margin-bottom: 0; }
.mana-purchase__message:empty { display: none; }
.mana-purchase__actions { display: flex; gap: var(--mana-actions-gap); }
.mana-purchase__cart,
.mana-purchase__buy-now { display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; cursor: pointer; }
.mana-purchase__cart:disabled,
.mana-purchase__buy-now:disabled { cursor: not-allowed; }
.mana-purchase__out-of-stock { margin: 0; }
.mana-purchase-notice { padding: 12px; border: 1px dashed #bbb; font-size: 14px; }