/* ---------------------------------------------------------------------------
   ticket-168297 mini-cart (header cart flyout)
   Redbax reported the header cart button "view" being broken: with a booking in
   the cart, DOPBSP renders its Details / Attendees item meta as a <table>. The
   Astra flyout is far narrower than that table's natural width, so the columns
   collapse and text wraps one character per line ("Bo oki ng Dat e").
   Fix: inside the flyout only, render that meta as stacked label/value lines.
   Deliberately scoped to the mini-cart so the cart and checkout tables, which
   already match live, are untouched. This sheet loads site-wide because the
   header cart appears on every page, unlike booking-system-compat.css.
   --------------------------------------------------------------------------- */

.widget_shopping_cart_content .woocommerce-mini-cart-item table,
.widget_shopping_cart_content .woocommerce-mini-cart-item tbody,
.widget_shopping_cart_content .woocommerce-mini-cart-item tr,
.widget_shopping_cart_content .woocommerce-mini-cart-item th,
.widget_shopping_cart_content .woocommerce-mini-cart-item td {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
  hyphens: none !important;
}

.widget_shopping_cart_content .woocommerce-mini-cart-item table {
  table-layout: auto !important;
  margin: 4px 0 !important;
}

.widget_shopping_cart_content .woocommerce-mini-cart-item th {
  font-weight: 700 !important;
  margin-top: 6px !important;
  line-height: 1.3 !important;
}

.widget_shopping_cart_content .woocommerce-mini-cart-item td {
  margin-bottom: 4px !important;
  line-height: 1.35 !important;
}

/* Astra/Woo variation lists have the same crushing problem in the flyout. */
.widget_shopping_cart_content .woocommerce-mini-cart-item dl.variation,
.widget_shopping_cart_content .woocommerce-mini-cart-item dl.variation dt,
.widget_shopping_cart_content .woocommerce-mini-cart-item dl.variation dd {
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

.widget_shopping_cart_content .woocommerce-mini-cart-item dl.variation dt {
  font-weight: 700 !important;
}