/* Sestavljen izdelek — contents list ("Panceta: 200 g", …) under the composite
   line in the mini cart. WooCommerce floats <dl class="variation"> dt/dd and
   Bootscore makes the <dl> a flex row (#offcanvas-cart dl.variation
   { display:flex }), which in the narrow off-canvas cart breaks into a jagged
   two-column layout. These rules out-specify both: one "name: amount" line per
   product. */
#offcanvas-cart .woocommerce-mini-cart dl.variation,
#offcanvas-cart .woocommerce-mini-cart-item dl.variation,
.woocommerce-mini-cart .mini_cart_item dl.variation {
  display: block;
  float: none;
  margin: 4px 0 6px;
  padding: 0;
  border: 0;
  font-size: .9em;
  line-height: 1.45;
}
#offcanvas-cart .woocommerce-mini-cart dl.variation dt,
#offcanvas-cart .woocommerce-mini-cart dl.variation dd,
#offcanvas-cart .woocommerce-mini-cart-item dl.variation dt,
#offcanvas-cart .woocommerce-mini-cart-item dl.variation dd,
.woocommerce-mini-cart .mini_cart_item dl.variation dt,
.woocommerce-mini-cart .mini_cart_item dl.variation dd {
  float: none;
  display: inline;
  clear: none;
  width: auto;
  margin: 0;
  padding: 0;
}
#offcanvas-cart .woocommerce-mini-cart dl.variation dt,
#offcanvas-cart .woocommerce-mini-cart-item dl.variation dt,
.woocommerce-mini-cart .mini_cart_item dl.variation dt {
  font-weight: inherit;
  color: inherit;
}
#offcanvas-cart .woocommerce-mini-cart dl.variation dd,
#offcanvas-cart .woocommerce-mini-cart-item dl.variation dd,
.woocommerce-mini-cart .mini_cart_item dl.variation dd {
  font-weight: 600;
}
#offcanvas-cart .woocommerce-mini-cart dl.variation dd::after,
#offcanvas-cart .woocommerce-mini-cart-item dl.variation dd::after,
.woocommerce-mini-cart .mini_cart_item dl.variation dd::after {
  content: "\A";
  white-space: pre;
}
#offcanvas-cart .woocommerce-mini-cart dl.variation dd p,
#offcanvas-cart .woocommerce-mini-cart-item dl.variation dd p,
.woocommerce-mini-cart .mini_cart_item dl.variation dd p {
  margin: 0;
  display: inline;
}
