/* wc-insurance-gateway — cart-page-only button/toast styles. */

.wc-ig-cart-widget {
  margin-top: 8px;
}

.wc-ig-cart-widget-btn {
  border: 1px solid var(--ins-primary, #e21382);
  background: #fff;
  color: var(--ins-primary, #e21382);
  font-size: 12px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 4px;
  cursor: pointer;
}

.wc-ig-cart-widget-btn:hover {
  background: var(--ins-secondary, #fdeaf3);
}

.wc-ig-cart-widget-btn:disabled {
  opacity: 0.6;
  cursor: default;
}

.wc-ig-cart-widget-status {
  font-size: 11px;
  color: #777;
  margin-top: 4px;
  min-height: 14px;
}

.wc-ig-cart-toast {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translate(-50%, 12px);
  background: #171717;
  color: #fff;
  font-size: 13px;
  padding: 10px 18px;
  border-radius: 6px;
  border-left: 3px solid var(--ins-primary, #e21382);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.25s ease, transform 0.25s ease;
  z-index: 100000;
  max-width: min(90vw, 420px);
}

.wc-ig-cart-toast.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

/* ── Coverage rows nested under the product they cover ─────────────────
 *
 * Checkout\HideCoverageCartItem::add_coverage_rows_to_parent() adds one
 * `item_data` entry per coverage selection to the parent line, so the
 * shopper reads their protection against the product it belongs to rather
 * than as an unrelated line further down (the standalone carrier rows are
 * hidden by cart-page.js's hideRawCoverageRows).
 *
 * Blocks renders those entries as inline spans, which runs two selections
 * together into one wrapped line. One row each is the whole point here.
 */
.wc-block-cart-items__row .wc-block-components-product-details > span {
  display: block;
  margin-top: 2px;
}

/* Blocks puts a "/" separator span between entries, which reads fine on
   one inline run and as a dangling slash once they are stacked. Matched
   structurally -- it is the only child of an entry carrying neither the
   __name nor the __value class. */
.wc-block-cart-items__row .wc-block-components-product-details > span > span:not(.wc-block-components-product-details__name):not(.wc-block-components-product-details__value) {
  display: none;
}