/* TMM Cart Brand CSS — match WooCommerce Block Cart with TMM brand
 * Loaded on /cart and /checkout pages.
 * Brand: --tmm-chat-brand (#2c5f47) + --tmm-chat-accent (#b09660).
 */

:root {
    --tmm-cart-brand: #2c5f47;
    --tmm-cart-brand-fg: #ffffff;
    --tmm-cart-accent: #b09660;
    --tmm-cart-bg-alt: #f8faf9;
}

/* Buttons */
.wc-block-cart__submit-button,
.wp-block-button__link.wc-block-components-checkout-place-order-button,
.wc-block-components-button.wc-block-cart__submit-button {
    background: var(--tmm-cart-brand) !important;
    color: var(--tmm-cart-brand-fg) !important;
    border-color: var(--tmm-cart-brand) !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    padding: 14px 24px !important;
    min-height: 48px !important;
    transition: background .15s ease;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-button.wc-block-cart__submit-button:hover {
    background: color-mix(in srgb, var(--tmm-cart-brand) 85%, black) !important;
}

/* Cart item card */
.wc-block-cart-items {
    border-radius: 12px !important;
}
.wc-block-cart-items__row {
    border-bottom: 1px solid #ececec;
}
.wc-block-cart-item__product-name {
    color: var(--tmm-cart-brand) !important;
    font-weight: 600 !important;
}

/* Totals sidebar */
.wc-block-cart__sidebar {
    background: var(--tmm-cart-bg-alt) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    border: 1px solid #ececec;
}
.wc-block-components-totals-item__value strong,
.wc-block-formatted-money-amount {
    color: var(--tmm-cart-brand) !important;
    font-weight: 700 !important;
}

/* Quantity selector */
.wc-block-components-quantity-selector__button {
    background: var(--tmm-cart-bg-alt) !important;
    border-color: #ececec !important;
    color: var(--tmm-cart-brand) !important;
    font-weight: 600 !important;
}
.wc-block-components-quantity-selector__button:hover {
    background: color-mix(in srgb, var(--tmm-cart-brand) 8%, white) !important;
}

/* Coupon section */
.wc-block-components-totals-coupon__form button {
    background: var(--tmm-cart-accent) !important;
    color: white !important;
    border-color: var(--tmm-cart-accent) !important;
    border-radius: 6px !important;
}

/* Express checkout */
.wc-block-cart__payment-options {
    border-top: 2px solid var(--tmm-cart-brand) !important;
    padding-top: 16px !important;
    margin-top: 16px !important;
}

/* Mobile */
@media (max-width: 700px) {
    .wc-block-cart__submit-button {
        font-size: 16px !important;
        min-height: 52px !important;
    }
    .wc-block-cart__sidebar {
        padding: 14px !important;
    }
}

/* Empty cart message — friendlier */
.wc-block-cart__empty-cart__title {
    color: var(--tmm-cart-brand) !important;
}
.wc-block-cart__empty-cart__description {
    color: #666 !important;
}