/**
 * --------
 * Minicart
 * --------
 */

.woocommerce-mini-cart {
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.woocommerce-mini-cart:hover {
	z-index: 99;
}

.woocommerce-mini-cart:not([data-item-count="0"]) a.show-cart.btn {
 	border-color: var( --color-orange ) !important;
}

.woocommerce-mini-cart:not([data-item-count="0"]) a.show-cart.btn:hover {
    box-shadow: 0 3px 0 var( --color-orange ) !important;
    transform: translateY( -3px ) !important;
}

.woocommerce-mini-cart .cart-items-count {
	position: absolute;
	z-index: 3;
	font-family: 'Oswald';
	font-size: 12px;
	line-height: 1em;
	font-weight: 700;
	color: var( --color-white );
	text-transform: uppercase;
	text-align: center;
	top: calc( -0.5em - 5px );
    right: calc( -0.5em - 5px );
	width: 2em;
	height: 2em;
	padding: 0.5em;
	border-radius: 50%;
	background-color: var( --color-orange );
}

.woocommerce-mini-cart[data-item-count="0"] .cart-items-count {
	display: none;
}

	/**
	 * ----------------------------
	 * Minicart card list container
	 * ----------------------------
	 */

	.woocommerce-mini-cart .cart-list-container {
	    display: none;
		position: absolute;
	    right: 0;
	    top: 100%;
		padding-top: 10px;
	    z-index: 99;
	}

	.woocommerce-mini-cart:not([data-item-count="0"]):hover .cart-list-container {
		display: block;
	}

	.woocommerce-mini-cart .cart-list-container > div {
		width: calc( 100vw - 40px );
		max-width: 350px;
	    background-color: var( --color-white );
	    border: 1px solid var( --color-pearlgray-light ) !important;
	    border-radius: 5px;
	    padding: 10px;
	    margin-top: 0px;
		box-shadow: 0 20px 20px rgba( 0, 0, 0, 0.25 );
	}

	@media( max-width: 767px ) { 
		.woocommerce-mini-cart .cart-list-container > div {
	    	min-width: calc( 100vw - 40px );
		} 
	}

		/**
		 * --------------------------------------
		 * Minicart card list container cart list
		 * --------------------------------------
		 */

		.woocommerce-mini-cart ul.cart-list {
			list-style: none;
			padding-left: 0px;
			margin-bottom: 0px;
	    	max-height: calc( 100vh * 0.8 - 281px );
		}

		.woocommerce-mini-cart ul.cart-list li.cart-item {
			padding-top: 10px;
			padding-bottom: 10px;
		}

		.woocommerce-mini-cart ul.cart-list li.cart-item:not(:last-child) {
		    border-bottom: 1px dashed var( --color-pearlgray-light );
		}

		.woocommerce-mini-cart ul.cart-list li.cart-item .cart-item-content {
		    display: flex;
		    display: -webkit-flex;
		    display: -ms-flexbox;
		    flex-wrap: nowrap;
		    align-items: center;
		}

		.woocommerce-mini-cart ul.cart-list li.cart-item .cart-item-content .cart-item-image {
		    flex: none;
		    max-width: 50px;
		    margin-right: 20px;
		}

		@media( max-width: 767px ) {
		    .woocommerce-mini-cart ul.cart-list li.cart-item .cart-item-content .cart-item-image {
		        display: none;
		    }
		}

		.woocommerce-mini-cart ul.cart-list li.cart-item .cart-item-content .cart-item-image img {
		    max-width: 50px;
		    max-height: 50px;
		    width: auto;
		    height: auto;
		}

		.woocommerce-mini-cart ul.cart-list li.cart-item .cart-item-content .cart-item-data {
		    flex: auto;
		}

		.woocommerce-mini-cart ul.cart-list li.cart-item .cart-item-content .cart-item-data li,
		.woocommerce-mini-cart ul.cart-list li.cart-item .cart-item-content .cart-item-data p {
	    	font-size: 12px;
	    	margin-bottom: 0;
	    }

	    .woocommerce-mini-cart ul.cart-list li.cart-item .remove {
	    	color: var( --color-orange );
	    	text-decoration: underline !important;
	    }

		/**
		 * ----------------------------------------
		 * Minicart card list container cart totals
		 * ----------------------------------------
		 */

	    .woocommerce-mini-cart table.cart-totals tr.cart-total {
	    	font-size: 12px;
	    }

	    .woocommerce-mini-cart table.cart-totals tr.cart-total th,
	    .woocommerce-mini-cart table.cart-totals tr.cart-total td {
	    	border-top-color: var( --color-panthablack );
	    }

	    .woocommerce-mini-cart table.cart-totals tr.cart-total th {
	    	width: 50px;
	    }

		/**
		 * ------------------------------------
		 * Minicart card list container buttons
		 * ------------------------------------
		 */

	    .woocommerce-mini-cart .button {
	    	font-size: 12px !important;
	    	min-width: 35px !important;
	    	height: 35px !important;
	    }

	    .woocommerce-mini-cart .button.checkout {
	    	color: var( --color-white ) !important;
	    	border-color: var( --color-brick ) !important;
	    	background-color: var( --color-orange ) !important;
	    }

	    .woocommerce-mini-cart .button.checkout:hover {
		    box-shadow: 0 3px 0 var( --color-brick ) !important;
		    transform: translateY( -3px ) !important;
	    }

		.woocommerce-mini-cart .button:not(:last-child) {
			margin-right: 10px;
		}