/*
 * Value Construction — WooCommerce
 *
 * WEB-A03.8: shop/product, cart/checkout, notices. Account rules live in
 * account.css. Button system remains in global.css (legacy section 08).
 */
/* --- from legacy-v4.css lines 704-762 --- */
/* ----------------------------------------------------------------------
   18. WOOCOMMERCE — GLOBAL
   ---------------------------------------------------------------------- */
.woocommerce .woocommerce-breadcrumb {
    color: var(--vc-steel-500);
    font-size: 13px;
}

.woocommerce .woocommerce-breadcrumb a {
    color: var(--vc-navy-700);
}

.woocommerce span.onsale {
    min-width: auto;
    min-height: auto;
    padding: 6px 10px;
    border-radius: var(--vc-radius-sm);
    background: var(--vc-accent);
    color: var(--vc-white);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: var(--vc-white);
    border: 1px solid var(--vc-steel-100);
    padding-bottom: 22px;
    transition: transform var(--vc-transition), box-shadow var(--vc-transition);
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: var(--vc-shadow-md);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding: 16px 18px 6px;
    color: var(--vc-navy-900);
    font-size: 1.05rem;
    font-weight: 700;
}

.woocommerce ul.products li.product .price {
    padding: 0 18px;
    color: var(--vc-accent);
    font-size: 1rem;
    font-weight: 750;
}

.woocommerce ul.products li.product .button {
    margin-left: 18px;
    margin-right: 18px;
}


/* --- from legacy-v4.css lines 853-909 --- */
/* ----------------------------------------------------------------------
   20. WOOCOMMERCE — CART / CHECKOUT
   ---------------------------------------------------------------------- */
.woocommerce-cart .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order {
    padding: 24px;
    border: 1px solid var(--vc-steel-100);
    background: var(--vc-surface);
}

.woocommerce-checkout h3,
.woocommerce-cart h2 {
    color: var(--vc-navy-900);
}

.woocommerce-checkout #payment {
    background: var(--vc-surface) !important;
    border-radius: var(--vc-radius-sm) !important;
}

.woocommerce-checkout #payment div.payment_box {
    background: var(--vc-white) !important;
    color: var(--vc-text) !important;
}

.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: var(--vc-white) !important;
}

/* ----------------------------------------------------------------------
   21. WOOCOMMERCE NOTICES / ALERTS
   ---------------------------------------------------------------------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding: 16px 20px 16px 48px !important;
    border: 1px solid var(--vc-steel-100) !important;
    border-top-width: 3px !important;
    border-radius: var(--vc-radius-sm) !important;
    background: var(--vc-white) !important;
    color: var(--vc-text) !important;
    box-shadow: var(--vc-shadow-sm);
}

.woocommerce-message {
    border-top-color: var(--vc-success) !important;
}

.woocommerce-info {
    border-top-color: var(--vc-navy-700) !important;
}

.woocommerce-error {
    border-top-color: var(--vc-danger) !important;
}