
.xt_woovs-archives-product{

	.woocommerce-variation-description,
	.woocommerce-variation-price {
		display: none!important;
	}

	&.xt_woovs-support {

		.button {
			float: none !important;
		}
		.single_variation_wrap {
			.xt_woovs-quantity-wrap{
				margin: 10px auto !important;

				&.xt_woovs-quantity-wrap-inline {
					display: inline-flex !important;
				}
				&.xt_woovs-quantity-wrap-block {
					display:block !important;
					width:100%;
				}
			}
		}
		.variations {
			margin-bottom: 0!important;
		}
	}
	.xt_woovs-swatches-wrap{

		padding:0;

		.variations {
			position: relative;
			border:none;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 0px;
			padding-right: 0px;

			td, th {
				display: list-item;
				padding: 0;
				list-style: none;
				background-color: transparent;
			}

			select {
				width: 100%;
			}
		}

		&.xt_woovs-align-left {
			.swatch {
				margin-right: var(--xt-woovs-archives-swatch-hgap) !important;
			}
		}
		&.xt_woovs-align-center{
			.xt_woovs-swatches:not(.xt_woovs-select-container){
				margin-right: calc(0px - var(--xt-woovs-archives-swatch-hgap))!important;
			}
			.swatch {
				margin-right: var(--xt-woovs-archives-swatch-hgap) !important;
			}
			.xt_woovs-quantity-wrap{
				text-align: center;
			}
		}
		&.xt_woovs-align-right {
			.swatch {
				margin-left: var(--xt-woovs-archives-swatch-hgap) !important;
			}
			.xt_woovs-quantity-wrap{
				text-align: right;
			}
		}

		.swatch {
			margin-bottom: var(--xt-woovs-archives-swatch-vgap) !important;
		}
	}

	.xt_woovs-swatches {

		padding-bottom: var(--xt-woovs-archives-vgap) !important;

		&:not(.xt_woovs-select-container) {
			margin-bottom: calc(0px - var(--xt-woovs-archives-swatch-vgap))!important;
		}

		&.xt_woovs-catalog-mode-hidden{
			opacity: 0!important;
			visibility: hidden!important;
			height: 0!important;
			overflow: hidden!important;
			padding: 0!important;
			margin: 0!important;
		}
	}

	.swatch {
		&.swatch-label {
			min-width: 25px;
			height: 20px;
			line-height: 20px;
			font-size: 10px;
			color: #666;
			background-color: #fff;
			box-shadow: inset 0 0 0 1px #eaeaea;

			&.xt_woovs-swatch-flex {
				flex: var(--xt-woovs-archives-label-flex) 0 calc((100% / var(--xt-woovs-archives-labels-per-row)) - var(--xt-woovs-archives-swatch-hgap));

				.xt_woovs-featured-2 & {
					flex: var(--xt-woovs-archives-label-flex) 0 calc((100% / calc(var(--xt-woovs-archives-labels-per-row) * 0.9)) - var(--xt-woovs-archives-swatch-hgap));
				}

				.xt_woovs-featured-3 & {
					flex: var(--xt-woovs-archives-label-flex) 0 calc((100% / calc(var(--xt-woovs-archives-labels-per-row) * 0.8)) - var(--xt-woovs-archives-swatch-hgap));
				}

				.xt_woovs-featured-4 & {
					flex: var(--xt-woovs-archives-label-flex) 0 calc((100% / calc(var(--xt-woovs-archives-labels-per-row) * 0.7)) - var(--xt-woovs-archives-swatch-hgap));
				}

				.xt_woovs-featured-5 & {
					flex: var(--xt-woovs-archives-label-flex) 0 calc((100% / calc(var(--xt-woovs-archives-labels-per-row) * 0.6)) - var(--xt-woovs-archives-swatch-hgap));
				}
			}

			.xtfw-no-touchevents &:not(.xt_woovs-selected):not(.xt_woovs-disabled):hover {
				color: #000;
				background-color: #c8c8c8;
			}
			&.xt_woovs-selected {
				color: #fff;
				background-color: #000000;
				box-shadow: inset 0 0 0 2px #000000;
			}
			.xtfw-no-touchevents &:not(.xt_woovs-selected):not(.xt_woovs-disabled):hover {
				box-shadow: inset 0 0 0 2px #c8c8c8;
			}
		}
		&.swatch-color {
			.swatch-inner {
				width: 40px;
				height: 40px;
				padding: 2px;
				box-shadow: inset 0 0 0 1px #eaeaea;
			}
			.xtfw-no-touchevents &:not(.xt_woovs-selected):not(.xt_woovs-disabled):hover .swatch-inner {
				box-shadow: inset 0 0 0 2px #c8c8c8;
			}
			&.xt_woovs-selected .swatch-inner {
				box-shadow: inset 0 0 0 2px #000000;
			}
		}
		&.swatch-image {
			width: 25px;
			height: auto;
			.swatch-inner {
				width: 25px;
				padding: 2px;
				box-shadow: inset 0 0 0 1px #eaeaea;
			}
			.xtfw-no-touchevents &:not(.xt_woovs-selected):not(.xt_woovs-disabled):hover .swatch-inner {
				box-shadow: inset 0 0 0 2px #c8c8c8;
			}
			&.xt_woovs-selected .swatch-inner {
				box-shadow: inset 0 0 0 2px #000000;
			}
		}
	}
}