/* Global Woo cart product styles.
   Shared table rules apply to the full cart and mini-cart. */

/* Shared: full cart, mini-cart, checkout order summary. */
.is-medium table.wc-block-cart-items .wc-block-cart-items__row,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row,
.is-small table.wc-block-cart-items .wc-block-cart-items__row,
.wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .wc-block-cart-items__row,
.wc-block-components-order-summary .wc-block-components-order-summary-item{
    grid-template-columns: 120px minmax(0, 1fr);
}

/* 1st col */
/* Shared: full cart, mini-cart, summary */
.wc-block-components-order-summary .wc-block-components-order-summary-item__image,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image > a{
    aspect-ratio: 1/1;
    /* overflow: hidden; */
    width: 100%;
    display: block;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image a img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    display: block;
}

/* 2nd col  */
table.wc-block-cart-items td > .wc-block-cart-item__wrap{
    display: flex;
    flex-direction: column;
    height: 100%;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices{
    margin-bottom: 5px;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices .price{
    flex-direction: row-reverse;
}

/* Shared: full cart, mini-cart, checkout order summary */
table.wc-block-cart-items .wc-block-components-product-price__value.is-discounted,
.wc-block-components-order-summary .wc-block-components-product-price__value.is-discounted{
    margin-left: 0;
    margin-right: .5em;
}

@media (max-width: 400px){
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices .price{
    align-items: start;
    flex-wrap: nowrap;
}
}

/* all three */
.wc-block-components-order-summary .wc-block-components-product-price__value.is-discounted,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices .price ins{
    color: var(--discount)
}

/* Shared: full cart, mini-cart, checkout order summary */
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-metadata__description,
.wc-block-components-order-summary .wc-block-components-product-metadata__description{
    display: none;
}

/* Shared: full cart, mini-cart, checkout order summary */
table.wc-block-cart-items .wc-block-components-product-details.wc-block-components-product-details,
.wc-block-components-order-summary .wc-block-components-product-details.wc-block-components-product-details{
    margin-top: 0;
    font-size: 14px;
}

.is-large table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity,
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{
    margin-top: auto;
    align-self: auto;
}


/* 3rd col */
/* Shared: full cart, mini-cart, checkout order summary */
table.wc-block-cart-items .wc-block-cart-item__total-price-and-sale-badge-wrapper,
.wc-block-components-order-summary .wc-block-cart-item__total-price-and-sale-badge-wrapper{
    padding-left: 4px;
}

/* all three */
@media (max-width: 400px) {
    .wp-site-blocks:has( .header-constrained) ~ .wc-block-components-drawer__screen-overlay .wc-block-components-sale-badge,
    .wc-block-components-order-summary .wc-block-components-sale-badge,
    .is-mobile .wc-block-cart__main table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-sale-badge,
    .wc-block-cart__main.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-sale-badge{
        display: none;
    }
}
/* summary sale badge */
.wp-block-woocommerce-checkout-totals-block.is-large .wc-block-components-sale-badge{
    display: none;
}
.wc-block-components-totals-coupon__form{
    height: 50px;
}

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
    background-color: var(--contrast-max);
    color: var(--contrast-none);
    align-self: center;
    padding: 0px 16px; 
    height: 100%;
    border-radius: 4px;
    font-size: 14px;
}
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:hover{
    background-color: var(--hover-conmax);
}