/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.cropper-line, .cropper-point {
    opacity: .6 !important;
 }


 .woocommerce-js table.shop_table .product-thumbnail img, .woocommerce-page table.shop_table .product-thumbnail img {
    width: auto;
    max-width: 200px !important;
}

.cart-collaterals .cart_totals
{
   width:100% !important;
   margin-top:20px;
}


.cropper-container {
  position: relative; /* Needed for absolute positioning of the overlay */
}

.cropper-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8); /* Gray with 50% opacity */
  z-index: 1; /* Place it above other elements but below the crop-box */
}

.cropper-crop-box {
  position: relative; /* Ensure it stays above the overlay */
  z-index: 2; /* Place it above the overlay */
}