/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Nav Cart
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 
 
.vb-nav-cart,
.vb-side-cart {
	--vb-sub-box-pd: 20px;
	--vb-sub-box-wt: 350px;
	--vb-tl-fn-wt: 500;
}

.vb-cart-wrap {
	float: inline-start;
	position: relative;
	width: 100%;
}

.vb-cart-data {
	display: none !important;
}

.vb-count {
	font-size: 10px !important;
	background: var(--menu-primary-bg) !important;
	position: absolute;
	color: var(--menu-primary-cr) !important;
	width: 18px !important;
	height: 18px !important;
	border-radius: 50px !important;
	line-height: 18px;
	display: inline-block;
	font-weight: 400 !important;
	vertical-align: middle;
	inset-inline-start: 0px!important;
	top: var(--menu-tags-top)!important;
	transform: translate(-50%, 0px )!important;
	text-align: center;
	z-index: 1;
}
.rtl .vb-count{
		transform: translate(50%, 0px )!important;
}
.vb-cart-wrap .vb-item-wrapper {
	overflow: hidden !important;
}

.vb-cart-wrap  .vb-item-scroll {
	margin: 0px 0 0px 0px !important;
	float: inline-start;
	width: 100%;
	height: auto;
	vertical-align: top;
	gap: 0 !important;
	overflow-Y: auto;
	scrollbar-width: thin;
	max-height:400px;
}

.vb-cart-wrap .vb-item-scroll::-webkit-scrollbar {
	width: 10px;
	padding-inline-start: 20px;
	background: rgba(138,148,158,0.1);
}

.vb-cart-wrap .vb-item-scroll::-webkit-scrollbar-thumb {
	background: rgba(138,148,158,0.1);
	-webkit-box-shadow: rgba(138,148,158,0.1);
}
.vb-nav-cart,
.vb-side-cart{
	--vb-tl-fn-sz:13px;
	--vb-tl-fn-wt:400;
	--vb-price-fn-sz:14px;
	--vb-img-mx-wt:60px;
		--vb-gap: 15px;
		--vb-bw-gap: 2;
	--vb-bw-br-wt: 1px;
	--vb-bw-br-st: dashed;
}
.vb-cart-wrap .vb-post-product .vb-tl-title {
	--tl-fn-sz: var(--vb-tl-fn-sz,15px)!important;
	--tl-fn-wt: var(--vb-tl-fn-wt,400)!important;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Cart Price
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.vb-cart-wrap .vb-quantity-price {
	float: inline-start;
	margin-top: var(--vb-price-sp,var(--vb-sp-m));
	width: 100%;
	line-height: 1.5em!important;
	display: inline-flex;
	justify-content: start;
	gap: 5px;
	align-items: center stretch;
}

.vb-cart-wrap .vb-txt-quantity {
	--txt-cr: var(--vb-qty-cr,var(--vb-global-hl-cr));
	--txt-bg-img: initial;
	--txt-bg-clip: initial;
	--txt-txt-fl: initial;
	--txt-txt-st: none;
	--txt-txt-sd: none;
	display: inline-block !important;
	--txt-fn-fm: var(--vb-qty-fn-fm,inherit);
	--txt-fn-sz: var(--vb-qty-fn-sz,var(--vb-h3-fn-sz));
	--txt-fn-wt: var(--vb-qty-fn-wt,400);
	--txt-li-ht: var(--vb-qty-li-ht,var(--vb-h3-li-ht));
	--txt-txt-dec: var(--vb-qty-txt-dec,none);
	--txt-txt-tf: var(--vb-qty-txt-tf,none);
	--txt-lt-sp: var(--vb-qty-lt-sp,none);
	--txt-wd-sp: var(--vb-qty-wd-sp,none);
	--txt-fn-st: var(--vb-qty-fn-st,none);
}

.vb-cart-wrap .vb-txt-price {
	float: inline-start;
	display: inline-block !important;
	--txt-cr: var(--vb-price-cr,var(--vb-global-hl-cr));
	--txt-bg-img: initial;
	--txt-bg-clip: initial;
	--txt-txt-fl: initial;
	--txt-txt-st: none;
	--txt-txt-sd: none;
	--txt-fn-fm: var(--vb-price-fn-fm,inherit);
	--txt-fn-sz: var(--vb-price-fn-sz,var(--vb-h3-fn-sz));
	--txt-fn-wt: var(--vb-price-fn-wt,500);
	--txt-li-ht: var(--vb-price-li-ht,var(--vb-h3-li-ht));
	--txt-txt-dec: var(--vb-price-txt-dec,none);
	--txt-txt-tf: var(--vb-price-txt-tf,none);
	--txt-lt-sp: var(--vb-price-lt-sp,none);
	--txt-wd-sp: var(--vb-price-wd-sp,none);
	--txt-fn-st: var(--vb-price-fn-st,none);
	--vb-price-sp:0px;
}

body:is(body) .vb-cart-wrap .vb-txt-price * ,
body:is(body) .vb-cart-wrap .vb-cart-total > .vb-txt-subtotal-price  *{
	color: inherit !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	text-decoration: inherit !important;
	text-transform: inherit !important;
	letter-spacing: inherit !important;
	word-spacing: inherit !important;
	font-style: inherit !important;
	margin:0px !important;
	padding:0px !important;
}

.vb-cart-wrap .woocommerce-mini-cart-item   a.remove {
	position: relative!important;
	inset-inline-end: 0px;
	line-height: 1.1em !important;
	height: 1em;
	color: var(--vb-remove-cr,red)  !important;
	width: 1em;
	top: 0px !important;
	bottom: 0px !important;
	text-align: center;
	font-size: var(--vb-remove-sz,var(--vb-h1-fn-sz)) !important;
}

.vb-cart-list .variation {
	display: none;
}

body .vb-cart-wrap .woocommerce-mini-cart-item   a.remove:hover {
	color: var(--vb-remove-hv-cr, var(--vb-global-lk-cr)) !important;
	background: none !important;
	  opacity: .7;
} 
 
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Cart total
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.vb-cart-total {
	width: 100%;
	float: inline-start;
	display: flex;
	flex-wrap: nowrap;
	justify-content: var(--vb-total-ag,space-between);
	align-items: center;
	padding: var(--vb-total-pd,10px 0px 0px 0px) !important;
	margin: var(--vb-total-mg,20px) 0px 0px 0px!important;
	border-width: var(--vb-total-br-wt,1px 0px 0px 0px);
	border-style: var(--vb-total-br-st,solid);
	border-color: var(--vb-total-br-cr,var(--vb-global-br-cr));
	gap: 5px;
}

.vb-cart-total > .vb-txt-subtotal {
	--txt-cr: var(--vb-total-cr,var(--vb-global-lk-cr));
	--txt-fn-fm: var(--vb-total-fn-fm,inherit);
	--txt-fn-sz: var(--vb-total-fn-sz,var(--vb-h4-fn-sz));
	--txt-fn-wt: var(--vb-total-fn-wt,500);
	--txt-li-ht: var(--vb-total-li-ht,var(--vb-h4-li-ht));
	--txt-txt-dec: var(--vb-total-txt-dec,none);
	--txt-txt-tf: var(--vb-total-txt-tf,none);
	--txt-lt-sp: var(--vb-total-lt-sp,none);
	--txt-wd-sp: var(--vb-total-wd-sp,none);
	--txt-fn-st: var(--vb-total-fn-st,none);
}

.vb-cart-total > .vb-txt-subtotal-price {
	--txt-cr: var(--vb-total-price-cr,var(--vb-global-hl-cr));
	--txt-fn-fm: var(--vb-total-price-fn-fm,inherit);
	--txt-fn-sz: var(--vb-total-price-fn-sz,var(--vb-h4-fn-sz));
	--txt-fn-wt: var(--vb-total-price-fn-wt,700);
	--txt-li-ht: var(--vb-total-price-li-ht,var(--vb-h4-li-ht));
	--txt-txt-dec: var(--vb-total-price-txt-dec,none);
	--txt-txt-tf: var(--vb-total-price-txt-tf,none);
	--txt-lt-sp: var(--vb-total-price-lt-sp,none);
	--txt-wd-sp: var(--vb-total-price-wd-sp,none);
	--txt-fn-st: var(--vb-total-price-fn-st,none);
}

body .vb-cart-total >  span:last-child {
	float: inline-end !important;
}
 
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Cart total
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.vb-cart-buttons {
	width: 100%;
	text-align: center;
	display: flex;
	margin: var(--vb-cart-btn-sp,20px) 0px 0px 0px !important;
	gap: var(--vb-cart-btn-gap,10px);
	flex-direction: var(--vb-cart-btn-dir,row);
	float: inline-start;
}

.vb-cart-buttons  .vb-button {
	margin: 0px  !important;
	width: auto !important;
	display: inline-block !important;
}

.vb-cart-buttons:not(.vb-cart-buttons-auto) .vb-button {
	padding-inline-end: 0px !important;
	padding-inline-start: 0px !important;
	flex-grow: 1 !important;
}

.vb-cart-buttons-auto {
	justify-content: var(--vb-cart-btn-ag,center);
	align-items: var(--vb-cart-btn-ag,center);
}

.vb-cart-buttons-auto  [class*="vb-btn-"] {
	flex-grow: initial !important;
}

.vb-cart-buttons:not(.vb-cart-buttons-auto) [class*="vb-btn-"] {
	flex-grow: 1 !important;
}

.vb-btn-checkout,
.vb-btn-viewcart {
	--btn-pd: var(--vb-cart-btn-pd,var(--vb-global-btn-pd));
	--btn-fn-fm: var(--vb-cart-btn-fn-fm,inherit);
	--btn-fn-sz: var(--vb-cart-btn-fn-sz,var(--vb-global-btn-fn-sz));
	--btn-fn-wt: var(--vb-cart-btn-fn-wt,var(--vb-global-btn-fn-wt));
	--btn-li-ht:  var(--vb-cart-btn-li-ht,var(--vb-global-btn-li-ht));
	--btn-txt-dec: var(--vb-cart-btn-txt-dec,var(--vb-global-btn-txt-dec));
	--btn-txt-tf: var(--vb-cart-btn-txt-tf,var(--vb-global-btn-txt-tf));
	--btn-lt-sp: var(--vb-cart-btn-lt-sp,var(--vb-global-btn-lt-sp));
	--btn-wd-sp: var(--vb-cart-btn-wd-sp,var(--vb-global-btn-wd-sp));
	--btn-fn-st: var(--vb-cart-btn-fn-st,var(--vb-global-btn-fn-st));
	--btn-rd: var(--vb-cart-btn-rd,var(--vb-global-btn-rd));
}

.vb-btn-viewcart {
	--btn-cr: var(--vb-viewcart-cr,var(--vb-global-lk-cr));
	--btn-hv-cr: var(--vb-viewcart-hv-cr,var(--vb-global-primary-hv-cr));
	--btn-bg: var(--vb-viewcart-bg,transparent);
	--btn-br-wt: var(--vb-viewcart-br-wt,1px);
	--btn-br-cr: var(--vb-viewcart-br-cr,var(--vb-global-br-cr));
	--btn-br-st: var(--vb-viewcart-br-st,solid);
	--btn-sd: var(--vb-viewcart-sd,none);
	--btn-hv-bg: var(--vb-viewcart-hv-bg,var(--vb-global-primary-hv-bg));
	--btn-hv-br-wt: var(--vb-viewcart-hv-br-wt,var(--vb-global-btn-hv-br-wt));
	--btn-hv-br-cr: var(--vb-viewcart-hv-br-cr,var(--vb-global-btn-hv-br-cr));
	--btn-hv-br-st: var(--vb-viewcart-hv-br-st,var(--vb-global-btn-hv-br-st));
	--btn-hv-sd: var(--vb-viewcart-hv-sd,var(--vb-global-btn-hv-sd));
}

.vb-btn-checkout {
	--btn-cr: var(--vb-checkout-cr,var(--vb-global-primary-cr));
	--btn-hv-cr: var(--vb-checkout-hv-cr,var(--vb-global-primary-hv-cr));
	--btn-bg: var(--vb-checkout-bg,var(--vb-global-primary-bg));
	--btn-br-wt: var(--vb-checkout-br-wt,0px);
	--btn-br-cr: var(--vb-checkout-br-cr,var(--vb-global-br-cr));
	--btn-br-st: var(--vb-checkout-br-st,solid);
	--btn-sd: var(--vb-checkout-sd,none);
	--btn-hv-bg: var(--vb-checkout-hv-bg,var(--vb-global-primary-hv-bg));
	--btn-hv-br-wt: var(--vb-checkout-hv-br-wt,var(--vb-global-btn-hv-br-wt));
	--btn-hv-br-cr: var(--vb-checkout-hv-br-cr,var(--vb-global-btn-hv-br-cr));
	--btn-hv-br-st: var(--vb-checkout-hv-br-st,var(--vb-global-btn-hv-br-st));
	--btn-hv-sd: var(--vb-checkout-hv-sd,var(--vb-global-btn-hv-sd));
}

.vb-cart-stats {
	text-align: center;
	width: 100%;
	float: inline-start;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 Side Cart
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.vb-side-cart .vb-side-wrap,
.vb-side-cart .vb-side-wrap .vb-drop {
	height: 100% !important;
	display: flex !important;
}

.vb-side-cart .vb-side-wrap {
	flex-grow: 1;
	height: 0 !important;
}

.vb-side-cart .vb-side-wrap .vb-cart-wrap {
	display: flex !important;
	flex-direction: column;
	flex: 0 1 auto!important;
	max-height: 100%;
}

.vb-side-cart .vb-side-wrap .vb-item-scroll {
	flex-grow: 1;
}