/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 13 2025 | 04:58:10 */
/* === Slide-In Cart Styling (VillaTheme) === */

/* Cart drawer container */
.vi-wcaio-sidebar-cart,
.vi-wcaio-sidebar-cart-content {
  background-color: #ffffff !important; /* White background */
  color: #000000 !important;            /* Black text */
  font-family: inherit !important;      /* Use site font */
}

/* Cart header (Your Cart) */
.vi-wcaio-sidebar-cart-heading {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-bottom: 1px solid #e5e5e5 !important;
  font-weight: 600;
  font-size: 18px;
}

/* Product names */
.vi-wcaio-sidebar-cart-product-name a {
  color: #000000 !important;
  text-decoration: none !important;
}
.vi-wcaio-sidebar-cart-product-name a:hover {
  color: #444444 !important; /* subtle hover */
}

/* Subtotals and totals */
.vi-wcaio-sidebar-cart-total {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-top: 1px solid #e5e5e5 !important;
  font-weight: 600;
  padding: 10px 0;
}

/* Buttons (Checkout + View Cart) */
.vi-wcaio-sidebar-cart-checkout,
.vi-wcaio-sidebar-cart-view-cart {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 10px 15px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.vi-wcaio-sidebar-cart-checkout:hover,
.vi-wcaio-sidebar-cart-view-cart:hover {
  background-color: #444444 !important;
  color: #ffffff !important;
}

/* Remove dark overlay behind the cart */
.vi-wcaio-sidebar-cart-overlay {
  background: rgba(0,0,0,0.2) !important; /* lighter dim */
}