/*
* WCEX SKU Select Style for Plugin
*/

@charset "utf-8";

/* --------------------------------------------------------------
Item Single

-------------------------------------------------------------- */
/* Common
-------------------------------------------------------------- */
.item-sku select {
	width: 100%;
	height: auto;
	padding: 0.357em 2.142em 0.357em 0.357em;
	line-height: 1.3;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	border: solid 1px #ddd;
	font-size: 100%;
	background: #fff url(assets/images/angle-right-solid.svg) no-repeat right center;
}
.wcss_loading {
	display: none;
}

/* List
-------------------------------------------------------------- */
dl.item-sku {
	display: block;
	padding: 0 0 1.428em;
	border-width: 1px 0;
	border: none;
}
dl.item-sku dt,
dl.item-sku dd {
	display: block;
	padding: 0;
	width: auto;
	background: none;
	border: none;
}
dl.item-sku dt {
	margin-bottom: 0.357em;
}
dl.item-sku dd {
	margin-bottom: 0.714em;
	position: relative;
	display: inline-block;
}
dl.item-sku dd label {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px; 
	border-radius: 3px;
	color: #ddd;
	padding: 0.357em 0.714em;
	line-height: 1.5;
	min-height: 2rem;
}
dl.item-sku dd input[type=radio]:checked + label,
dl.item-sku dd label:hover {
	border: 2px solid #aaa;
	color: #aaa;
	background-color: #fff;
	padding: 0.357em 0.714em;
}

/* Table
-------------------------------------------------------------- */
table.item-sku {
	border: none;
	margin-bottom: 0.714em;
}
table.item-sku th {
	font-weight: normal;
}

/* --------------------------------------------------------------

Media Query | Tablet Small 740px

-------------------------------------------------------------- */
@media screen and (min-width: 46.25em) {
	/* Table
	---------------------------------------------------------- */
	table.item-sku {
		width: 100%;
	}
	.item-info .item-sku th,
	.item-info .item-sku tbody tr th,
	.item-info .item-sku th:last-child,
	.item-info .item-sku td,
	.item-info .item-sku td:last-child {
		border-width: 1px;
		border-style: solid;
	}

	/* =WCEX Auto Delivery
	-------------------------------------------------------------- */
	#wc_regular dl.item-sku dt,
	#wc_regular dl.item-sku dd {
		float: none;
	}
}


/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {
	.item-sku select {
		width: auto;
		min-width: 5em;
	}
}