/* Sprint 31.9 — Cart grouping wizualne (mode=together).
   Parent: produkt z konfiguratorem (subtelny border-left + tło dla wyróżnienia).
   Child: linked cross-sell sub-item (wcięcie, mniejsza opacity, mniejsza miniatura).
   Reguły scoped pod .woocommerce żeby nie wyciekać do reszty theme'a. */

.woocommerce tr.pv-cart-parent,
.woocommerce-cart-form tr.pv-cart-parent {
    background: rgba(196, 95, 78, 0.04);
    border-left: 3px solid var(--pv-brand, #c45f4e);
}

.woocommerce tr.pv-cart-child,
.woocommerce-cart-form tr.pv-cart-child {
    background: rgba(196, 95, 78, 0.02);
    border-left: 3px solid var(--pv-brand, #c45f4e);
    font-size: 0.92em;
}

/* Wcięcie sub-itemów — padding na pierwszej komórce (zwykle thumbnail). */
.woocommerce tr.pv-cart-child td.product-thumbnail,
.woocommerce tr.pv-cart-child td:first-child {
    padding-left: 48px !important;
    position: relative;
}

/* Wizualny "wąsik" — pokazuje że to pod-pozycja głównego produktu. */
.woocommerce tr.pv-cart-child td.product-thumbnail::before,
.woocommerce tr.pv-cart-child td:first-child::before {
    content: '└';
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--pv-brand, #c45f4e);
    font-size: 18px;
    line-height: 1;
    opacity: 0.5;
}

/* Mniejsza miniatura dla sub-itemów. */
.woocommerce tr.pv-cart-child td.product-thumbnail img {
    max-width: 48px !important;
    height: auto;
}

/* Block-based cart (WC 8+ blocks). */
.wc-block-cart-items__row.pv-cart-child,
.wc-block-components-order-summary-item.pv-cart-child {
    padding-left: 32px;
    border-left: 3px solid var(--pv-brand, #c45f4e);
    opacity: 0.92;
}
.wc-block-cart-items__row.pv-cart-parent,
.wc-block-components-order-summary-item.pv-cart-parent {
    border-left: 3px solid var(--pv-brand, #c45f4e);
}

/* Cart variables (gdy plugin storefront.css nie załadowany na cart page). */
.woocommerce, .wc-block-cart {
    --pv-brand: #c45f4e;
}