/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* [wsv_show_variations] variations table */
.wsv-variations-table {
	width: 100%;
}

.wsv-variations-table td,
.wsv-variations-table th {
	vertical-align: middle;
}

.wsv-variations-table .wsv-col-image {
	width: 60px;
}

.wsv-variations-table .wsv-col-image img {
	max-width: 48px;
	height: auto;
	border-radius: 4px;
	display: block;
}

.wsv-variations-table .wsv-variation-name {
	display: block;
	font-weight: 600;
}

.wsv-variations-table .wsv-variation-sku {
	display: block;
	font-size: 0.85em;
	color: #777;
}

.wsv-variations-table .wsv-in-stock {
	color: #1a7f37;
	font-weight: 600;
}

.wsv-variations-table .wsv-out-of-stock {
	color: #b32d2e;
	font-weight: 600;
}

.wsv-variations-table .wsv-add-to-cart {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
}

.wsv-variations-table .wsv-qty {
	width: 56px;
	padding: 4px;
}