/* HighHippy Cart Blocks fixes for Porto theme collisions */
/* Scope everything to the Cart block wrapper */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-cart .wc-block-cart {
  box-sizing: border-box;
}

/* Normalize layout spacing */
.wp-block-woocommerce-cart .wc-block-cart {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* Reduce weird header label styling applied by some themes */
.wp-block-woocommerce-cart .wc-block-cart-items__header,
.wp-block-woocommerce-cart table.wc-block-cart-items thead,
.wp-block-woocommerce-cart .wc-block-cart__totals-title {
  background: transparent !important;
}

/* Ensure cart items table and totals look consistent */
.wp-block-woocommerce-cart .wc-block-cart-items,
.wp-block-woocommerce-cart .wc-block-cart__totals {
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 10px;
  background: #fff;
}

/* Prevent theme table heading "badge" styles from leaking in */
.wp-block-woocommerce-cart .wc-block-cart-items__header th,
.wp-block-woocommerce-cart table.wc-block-cart-items thead th {
  color: inherit !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  background: transparent !important;
}

/* Product rows spacing */
.wp-block-woocommerce-cart .wc-block-cart-item {
  padding-top: 16px;
  padding-bottom: 16px;
}

/* Make quantity stepper align better */
.wp-block-woocommerce-cart .wc-block-components-quantity-selector {
  align-items: center;
}

/* Totals panel spacing */
.wp-block-woocommerce-cart .wc-block-cart__totals {
  padding: 16px;
}

/* Primary button alignment */
.wp-block-woocommerce-cart .wc-block-cart__submit-container {
  padding: 0 16px 16px 16px;
}

/* Coupon section spacing */
.wp-block-woocommerce-cart .wc-block-components-totals-coupon {
  margin-top: 12px;
}
/* Force Woo Blocks cart header labels to render normally */
.wp-block-woocommerce-cart table thead {
  display: table-header-group !important;
}

.wp-block-woocommerce-cart th.wc-block-cart-items__header-image span,
.wp-block-woocommerce-cart th.wc-block-cart-items__header-total span,
.wp-block-woocommerce-cart thead th,
.wp-block-woocommerce-cart thead th span {
  color: #212529 !important;
  font-size: 14px !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-indent: 0 !important;
  clip: auto !important;
  clip-path: none !important;
  position: static !important;
}
/* Cart Blocks: make "Proceed to Checkout" match old dark button style */
.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover,
.wp-block-woocommerce-cart .wc-block-cart__submit-button:focus,
.wp-block-woocommerce-cart .wc-block-cart__submit-button:active,
.wp-block-woocommerce-cart a.wc-block-cart__submit-button,
.wp-block-woocommerce-cart a.wc-block-cart__submit-button:hover,
.wp-block-woocommerce-cart a.wc-block-cart__submit-button:focus,
.wp-block-woocommerce-cart a.wc-block-cart__submit-button:active {
  background: #212529;
  color: #ffffff;
  border: none;
  box-shadow: none;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  border-radius: 0;
  padding: 16px 22px;
}

/* Optional: keep icon white if present */
.wp-block-woocommerce-cart .wc-block-cart__submit-button svg,
.wp-block-woocommerce-cart a.wc-block-cart__submit-button svg {
  fill: currentColor;
}

/* Optional: subtle hover like classic Porto dark buttons */
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover,
.wp-block-woocommerce-cart a.wc-block-cart__submit-button:hover {
  background: #111316;
  color: #ffffff;
}
/* Cart Totals card: make border consistent on all sides */
.wp-block-woocommerce-cart .wc-block-cart__totals {
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  overflow: hidden; /* ensures inner rounded corners behave */
}

/* Remove any theme-driven "panel" borders that create the weird top-only look */
.wp-block-woocommerce-cart .wc-block-cart__totals .wc-block-components-panel,
.wp-block-woocommerce-cart .wc-block-cart__totals .wc-block-components-panel__content {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* Keep a clean divider under the "Add coupons" row */
.wp-block-woocommerce-cart .wc-block-cart__totals .wc-block-components-panel__button {
  border: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* Just in case a theme zeroes side borders anywhere inside totals */
.wp-block-woocommerce-cart .wc-block-cart__totals * {
  border-left-width: initial;
  border-right-width: initial;
}
.wc-block-components-panel, .wc-block-components-checkout-step, .wc-block-components-order-summary, .wc-block-components-totals-wrapper, .wc-block-components-notice-banner {
     border-radius: 0 !important;
}
/* Cart table header spacing */
.wp-block-woocommerce-cart table.wc-block-cart-items thead th,
.wp-block-woocommerce-cart .wc-block-cart-items__header th {
  padding: 16px 18px !important;
  vertical-align: middle !important;
  line-height: 1.2 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  white-space: nowrap;
}

/* Reduce left padding on the first header cell so it lines up with the product image */
.wp-block-woocommerce-cart table.wc-block-cart-items thead th:first-child,
.wp-block-woocommerce-cart .wc-block-cart-items__header th:first-child {
  padding-left: 14px !important;
}

/* Keep the "Total" header aligned to the right and spaced consistently */
.wp-block-woocommerce-cart th.wc-block-cart-items__header-total,
.wp-block-woocommerce-cart th.wc-block-cart-items__header-total span {
  text-align: right !important;
}

/* Optional: add a cleaner divider under header row */
.wp-block-woocommerce-cart table.wc-block-cart-items thead,
.wp-block-woocommerce-cart .wc-block-cart-items__header {
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}
