/**
 * استایل متغیر ناموجود و انتخاب‌شده — سواچ‌های صفحهٔ محصول و فروشگاه.
 */

.iddd-swatch-oos--cross .rey-swatchList-item.--disabled,
.iddd-swatch-oos--cross .rey-swatchList-item.--out-of-stock,
.iddd-swatch-oos--strike .rey-swatchList-item.--disabled,
.iddd-swatch-oos--strike .rey-swatchList-item.--out-of-stock,
.iddd-swatch-oos--blur .rey-swatchList-item.--disabled,
.iddd-swatch-oos--blur .rey-swatchList-item.--out-of-stock,
.iddd-swatch-oos--dim .rey-swatchList-item.--disabled,
.iddd-swatch-oos--dim .rey-swatchList-item.--out-of-stock {
	pointer-events: none;
	position: relative;
}

.iddd-swatch-oos--hide .rey-swatchList-item.--disabled,
.iddd-swatch-oos--hide .rey-swatchList-item.--out-of-stock {
	display: none !important;
}

.iddd-swatch-oos--dim .rey-swatchList-item.--disabled .__content,
.iddd-swatch-oos--dim .rey-swatchList-item.--disabled .__swatch,
.iddd-swatch-oos--dim .rey-swatchList-item.--disabled .rey-swatchList-itemContent,
.iddd-swatch-oos--dim .rey-swatchList-item.--out-of-stock .__content,
.iddd-swatch-oos--dim .rey-swatchList-item.--out-of-stock .__swatch,
.iddd-swatch-oos--dim .rey-swatchList-item.--out-of-stock .rey-swatchList-itemContent {
	opacity: 0.28;
}

.iddd-swatch-oos--blur .rey-swatchList-item.--disabled,
.iddd-swatch-oos--blur .rey-swatchList-item.--out-of-stock {
	filter: blur(0.8px);
	opacity: 0.88;
}

.iddd-swatch-oos--strike .rey-swatchList-item.--disabled,
.iddd-swatch-oos--strike .rey-swatchList-item.--out-of-stock,
.iddd-swatch-oos--cross .rey-swatchList-item.--disabled,
.iddd-swatch-oos--cross .rey-swatchList-item.--out-of-stock {
	overflow: hidden;
}

.iddd-swatch-oos--fill.iddd-swatch-oos--strike .rey-swatchList-item.--disabled,
.iddd-swatch-oos--fill.iddd-swatch-oos--strike .rey-swatchList-item.--out-of-stock,
.iddd-swatch-oos--fill.iddd-swatch-oos--cross .rey-swatchList-item.--disabled,
.iddd-swatch-oos--fill.iddd-swatch-oos--cross .rey-swatchList-item.--out-of-stock {
	background-color: var(--iddd-swatch-oos-bg) !important;
}

.iddd-swatch-oos--recolor.iddd-swatch-oos--strike .rey-swatchList-item.--disabled,
.iddd-swatch-oos--recolor.iddd-swatch-oos--strike .rey-swatchList-item.--out-of-stock,
.iddd-swatch-oos--recolor.iddd-swatch-oos--cross .rey-swatchList-item.--disabled,
.iddd-swatch-oos--recolor.iddd-swatch-oos--cross .rey-swatchList-item.--out-of-stock,
.iddd-swatch-oos--recolor.iddd-swatch-oos--strike .rey-swatchList-item.--disabled .rey-swatchList-itemContent,
.iddd-swatch-oos--recolor.iddd-swatch-oos--strike .rey-swatchList-item.--out-of-stock .rey-swatchList-itemContent,
.iddd-swatch-oos--recolor.iddd-swatch-oos--cross .rey-swatchList-item.--disabled .rey-swatchList-itemContent,
.iddd-swatch-oos--recolor.iddd-swatch-oos--cross .rey-swatchList-item.--out-of-stock .rey-swatchList-itemContent {
	color: var(--iddd-swatch-oos-text) !important;
}

.iddd-swatch-oos--strike .rey-swatchList-item.--disabled::before,
.iddd-swatch-oos--strike .rey-swatchList-item.--out-of-stock::before,
.iddd-swatch-oos--cross .rey-swatchList-item.--disabled::before,
.iddd-swatch-oos--cross .rey-swatchList-item.--out-of-stock::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	border-radius: inherit;
	background: linear-gradient(
		to top left,
		transparent calc(50% - (var(--iddd-swatch-oos-line-width, 2px) / 2)),
		var(--iddd-swatch-oos-line, #111) calc(50% - (var(--iddd-swatch-oos-line-width, 2px) / 2)),
		var(--iddd-swatch-oos-line, #111) calc(50% + (var(--iddd-swatch-oos-line-width, 2px) / 2)),
		transparent calc(50% + (var(--iddd-swatch-oos-line-width, 2px) / 2))
	);
}

.iddd-swatch-oos--cross .rey-swatchList-item.--disabled::before,
.iddd-swatch-oos--cross .rey-swatchList-item.--out-of-stock::before {
	background:
		linear-gradient(
			to top left,
			transparent calc(50% - (var(--iddd-swatch-oos-line-width, 2px) / 2)),
			var(--iddd-swatch-oos-line, #111) calc(50% - (var(--iddd-swatch-oos-line-width, 2px) / 2)),
			var(--iddd-swatch-oos-line, #111) calc(50% + (var(--iddd-swatch-oos-line-width, 2px) / 2)),
			transparent calc(50% + (var(--iddd-swatch-oos-line-width, 2px) / 2))
		),
		linear-gradient(
			to top right,
			transparent calc(50% - (var(--iddd-swatch-oos-line-width, 2px) / 2)),
			var(--iddd-swatch-oos-line, #111) calc(50% - (var(--iddd-swatch-oos-line-width, 2px) / 2)),
			var(--iddd-swatch-oos-line, #111) calc(50% + (var(--iddd-swatch-oos-line-width, 2px) / 2)),
			transparent calc(50% + (var(--iddd-swatch-oos-line-width, 2px) / 2))
		);
}

@keyframes iddd-swatch-border-in {
	from {
		box-shadow: 0 0 0 0 var(--iddd-swatch-selected-bg, #111);
	}
	to {
		box-shadow: 0 0 0 var(--iddd-swatch-selected-border-width, 2px) var(--iddd-swatch-selected-bg, #111);
	}
}

@keyframes iddd-swatch-check-in {
	from {
		transform: scale(0.4);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

.iddd-swatch-selected--border .rey-swatchList-item.--selected,
.iddd-swatch-selected--border_check .rey-swatchList-item.--selected,
.iddd-swatch-selected--full .rey-swatchList-item.--selected {
	position: relative;
	box-shadow: 0 0 0 var(--iddd-swatch-selected-border-width, 2px) var(--iddd-swatch-selected-bg, #111) !important;
	animation: iddd-swatch-border-in 280ms ease-out;
}

.iddd-swatch-selected--fill .rey-swatchList-item.--selected:not(.--type-color):not(.--type-image),
.iddd-swatch-selected--full .rey-swatchList-item.--selected:not(.--type-color):not(.--type-image) {
	background-color: var(--iddd-swatch-selected-bg, #111) !important;
	color: var(--iddd-swatch-selected-text, #fff) !important;
}

.iddd-swatch-selected--fill .rey-swatchList-item.--selected:not(.--type-color):not(.--type-image) .rey-swatchList-itemContent,
.iddd-swatch-selected--full .rey-swatchList-item.--selected:not(.--type-color):not(.--type-image) .rey-swatchList-itemContent {
	color: var(--iddd-swatch-selected-text, #fff) !important;
}

.iddd-swatch-selected--check .rey-swatchList-item.--selected,
.iddd-swatch-selected--border_check .rey-swatchList-item.--selected,
.iddd-swatch-selected--full .rey-swatchList-item.--selected {
	position: relative;
}

.iddd-swatch-selected--check .rey-swatchList-item.--selected::after,
.iddd-swatch-selected--border_check .rey-swatchList-item.--selected::after,
.iddd-swatch-selected--full .rey-swatchList-item.--selected::after {
	content: "";
	position: absolute;
	top: -5px;
	right: -5px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: var(--iddd-swatch-selected-bg, #111);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px 10px;
	box-shadow: 0 0 0 2px #fff;
	z-index: 4;
	pointer-events: none;
	animation: iddd-swatch-check-in 220ms ease-out;
}