/* Carrinho */
:root { 
    --cart-title: #000000; /* Cor do titulo */
    --cart-price: #000000; /* Cor da thumb do preco */
    --btn-checkout: #006308; /* Cor Botão Finalizar */
    --btn-checkout-hover: #023f07; /* Cor Botão Finalizar Hover */
}

/* CART */
.cart-product{box-shadow: 0 0 15px rgba(0,0,0,0.05); margin-bottom: 5px; border-radius: 5px;}
.cart-product-image{position: relative; width: 50px; min-width: 50px;}
.cart-product-quantity{width: 20px; height: 20px; line-height: 20px; background: var(--primary); border-radius: 20px; color: #fff; position: absolute; left: -5px; top: -5px; font-size: 12px; font-weight: bold; text-align: center;}
.cart-product-name{font-size: 12px; color:var(--texto);}
.cart-product-name a{color:var(--cart-title, var(--text)); font-weight: bold;}
.cart-product-price{color: var(--text);}
.cart-product-total{color: var(--cart-price, var(--text))}
.cart-product-footer{width: 100%; border-top: solid 1px #eee;}
.bootstrap-touchspin{min-width: 50px;}
.bootstrap-touchspin input{border:none; padding: 0;}
.bootstrap-touchspin-down{padding:0}
.bootstrap-touchspin .btn{padding: 0; border:solid 1px #eee; font-size: 18px !important; width: 30px; height: 30px; border-radius: 50%;}

.radio{padding: 10px; border:solid 1px #eee; border-radius: 5px; margin-bottom: 5px; width: 100%;}
.radio input{margin-right: 5px; }
#cart-totals-modules h4 a{font-size: 14px;}
.cart-totals{margin-bottom: 10px; margin-top: 10px; padding-top: 10px; border-top: solid 1px #eee; font-size: 12px; font-weight: 500;}
.cart-totals .item:last-child{font-weight: bold; margin-top: 5px;}
.cart-totals .item:last-child strong{color: green; font-size: 14px;}
.link-cart{display: block; margin-top: 5px; text-align: center; color: #777;}

.btn-checkout{background: var(--btn-checkout, var(--primary)); border-color: var(--btn-checkout, var(--primary)); color: #fff;}
.btn-checkout:hover{background: var(--btn-checkout-hover, var(--secondary)); border-color: var(--btn-checkout-hover, var(--secondary)); color: #fff;}

#header-cart{position: relative; height: 100vh;}
#header-cart .loading{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(255, 255, 255, 0.8); z-index: 5; display: none;}
#header-cart .loading > div{display: flex; justify-content: center; align-items: center; height: 100%;}