
/* Force vertical key/value layout for Woo cart/checkout (Royal Elementor Kit compatibility) */
.woocommerce-cart .product-name dl.variation,
.woocommerce-checkout .product-name dl.variation,
.woocommerce-cart dl.variation,
.woocommerce-checkout dl.variation{ 
  display:block !important;
  margin:6px 0 0 0 !important;
}

.woocommerce-cart .product-name dl.variation dt,
.woocommerce-checkout .product-name dl.variation dt,
.woocommerce-cart dl.variation dt,
.woocommerce-checkout dl.variation dt{
  display:inline !important;
  font-weight:600 !important;
  margin:0 6px 0 0 !important;
}

.woocommerce-cart .product-name dl.variation dd,
.woocommerce-checkout .product-name dl.variation dd,
.woocommerce-cart dl.variation dd,
.woocommerce-checkout dl.variation dd{
  display:inline !important;
  margin:0 !important;
}

/* Add a line break after each dd so every pair is on its own line */
.woocommerce-cart .product-name dl.variation dd:after,
.woocommerce-checkout .product-name dl.variation dd:after,
.woocommerce-cart dl.variation dd:after,
.woocommerce-checkout dl.variation dd:after{
  content:"";
  display:block;
}

/* Remove default list styling/paddings some kits add */
.woocommerce-cart .product-name dl.variation,
.woocommerce-checkout .product-name dl.variation{ 
  padding:0 !important; border:0 !important;
}
