/* cart link basis */

.wk-cart-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #2b2d3a;
	line-height: 1;
	vertical-align: middle;
}

.wk-cart-link:visited {
	color: #2b2d3a;
	text-decoration: none;
}

/* icon container */

.wk-cart-icon-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 36px;
	height: 36px;

	border-radius: 10px;

	background: transparent;

	transition: 
	background-color .18s ease,
	color .18s ease,
	transform .15s ease;
}

/* svg icon */

.wk-cart-svg {
	display: block;
	width: 20px;
	height: 20px;
	color: #2b2d3a;

	transition: color .18s ease;
}

/* badge */

.wk-cart-count {
	position: absolute;

	top: -6px;
	right: -6px;

	min-width: 18px;
	height: 18px;

	padding: 0 4px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	border-radius: 999px;

	background: #e07f2e;
	color: #ffffff;

	font-size: 10px;
	font-weight: 700;

	line-height: 1;

	border: 2px solid #ffffff;

	box-sizing: border-box;

	z-index: 2;
}

/* hover state */

.wk-cart-link:hover,
.wk-cart-link:focus,
.wk-cart-link:active {
	text-decoration: none;
	color: #2b2d3a;
}

/* hover button background */

.wk-cart-link:hover .wk-cart-icon-wrap,
.wk-cart-link:focus .wk-cart-icon-wrap {
	background: #e07f2e;
}

/* hover icon color */

.wk-cart-link:hover .wk-cart-svg,
.wk-cart-link:focus .wk-cart-svg {
	color: #ffffff;
}

/* small hover animation */

.wk-cart-link:hover .wk-cart-icon-wrap {
	transform: translateY(-1px);
}

/* elementor fixes */

.elementor-widget-shortcode .elementor-widget-container {
	line-height: 1;
}

.elementor-widget-shortcode .wk-cart-link {
	display: inline-flex;
}

/* prevent theme hover overrides */

.elementor a.wk-cart-link:hover,
.elementor a.wk-cart-link:focus,
.elementor a.wk-cart-link:active {
	color: #2b2d3a !important;
	background: transparent !important;
}