/*
* Commonly used CSS styles for micro sites
* Exclusions (PCR, CPB, CPC)
*/

/* ==== Cart Table Layout - Start ==== */
.container-cart .container-cart-items {
    /* header & title */
    --cart-table-header-fontsize: 4.1vmin;
    --cart-title-fontsize: 3.6vmin;

    /* layout */
    --cart-table-item-padding: 4vmin;
    --cart-column-product-width: 75%;
    --cart-column-quantity-width: 100%;

    /* price */
    --cart-sale-price-fontsize: 3vmin;
    --cart-strike-price-fontsize: 3vmin;
    --cart-comp-value-fontsize: 3vmin;
    /* qty */
    --cart-qty-input-fontsize: 4.1vmin;
    --cart-qty-input-width: 100%;
    --cart-qty-input-height: 8vmin;
}
/* ==== Cart Table Layout - End  ==== */

/* table header */
.container-cart-items .container-cart-item-captions .caption {
    font-size: var(--cart-table-header-fontsize);
}
/* table header & item padding */
.container-cart-item-captions {
    padding: var(--cart-table-item-padding);
}
.container-cart-items .container-cart-item {
    margin: var(--cart-table-item-padding);
}
/* title & attrs & addon checkbox */
.container-cart-items .container-cart-item .product-name,
.container-cart-items .container-cart-item .container-properties .links a,
.container-cart-items .container-cart-item .container-available-addons label {
    font-size: var(--cart-title-fontsize);
}

/* Column 1 - product column */
.container-cart-item-captions .product-column,
.container-cart-items .container-cart-item .cart-item-product {
    width: var(--cart-column-product-width);
}
/* Column 2 - Price column */
.container-cart-item-captions .price-column,
.container-cart-items .container-cart-item .cart-item-price-quantity .cart-item-price {
    width: var(--cart-column-price-width);
}
.container-cart-items .container-price .sale-price {
    font-size: var(--cart-sale-price-fontsize);
}
.container-cart-items .container-price .original-price {
    font-size: var(--cart-strike-price-fontsize);
}
.container-cart-items .container-price .text-comp-value
{
    font-size: var(--cart-comp-value-fontsize);
}

/* Column 3 - Quantity column */
.container-cart-item-captions .quantity-column,
.container-cart-items .container-cart-item .cart-item-price-quantity .cart-item-quantity,
.container-cart-items .container-cart-item .cart-item-quantity {
    width: var(--cart-column-quantity-width);
    flex: unset;
}
.container-cart-items .container-quantity {
    width: var(--cart-qty-input-width);
    height: var(--cart-qty-input-height);
}
.container-quantity input {
    font-size: var(--cart-qty-input-fontsize);
}

/* Column 4 - Total column */
.container-cart-item-captions .total-column,
.container-cart-items .container-cart-item .cart-item-total {
    width: var(--cart-column-total-width);
    flex: unset;
}
/* ==== Cart Table Layout - End  ==== */

/* mobile */
@media (max-width: 575px) {
    
}

/* desktop */
@media (min-width: 576px) {
    /* ==== Cart Table Layout - Start ==== */
    .container-cart .container-cart-items {
        /* header & title */
        --cart-table-header-fontsize: 1.6rem;
        --cart-title-fontsize: 1.4rem;

        /* layout */
        --cart-table-item-padding: 1.6rem;
        --cart-column-product-width: 30rem;
        --cart-column-price-width: 13rem;
        --cart-column-quantity-width: 8rem;
        --cart-column-total-width: 8rem;

        /* price */
        --cart-sale-price-fontsize: 1.4rem;
        --cart-strike-price-fontsize: 1.4rem;
        --cart-comp-value-fontsize: 0.8rem;
        /* qty */
        --cart-qty-input-fontsize: 1.4rem;
        --cart-qty-input-width: 8rem;
        --cart-qty-input-height: 4rem;
    }
    /* ==== Cart Table Layout - End  ==== */

}
@media (min-width: 1200px) {

}

@media (min-width: 1420px) {
    /* ==== Cart Table Layout - Start ==== */
    .container-cart .container-cart-items {
        /* header & title */
        --cart-table-header-fontsize: 1.8rem;
        --cart-title-fontsize: 1.6rem;

        /* layout */
        --cart-table-item-padding: 1.6rem;
        --cart-column-product-width: 40rem;
        --cart-column-price-width: 24.8rem;
        --cart-column-quantity-width: 10rem;
        --cart-column-total-width: 14rem;

        /* price */
        --cart-sale-price-fontsize: 1.6rem;
        --cart-strike-price-fontsize: 1.6rem;
        --cart-comp-value-fontsize: 1.2rem;
        /* qty */
        --cart-qty-input-fontsize: 1.6rem;
        --cart-qty-input-width: 10rem;
        --cart-qty-input-height: 5rem;
    }
    /* ==== Cart Table Layout - End  ==== */
}

@media (min-width: 1900px) {
    /* ==== Cart Table Layout - Start ==== */
    .container-cart .container-cart-items {
        /* header & title */
        --cart-table-header-fontsize: 1.8rem;
        --cart-title-fontsize: 1.8rem;

        /* layout */
        --cart-column-product-width: 50%;
        --cart-column-price-width: auto;
        --cart-column-quantity-width: 10rem;
        --cart-column-total-width: 26rem;

        /* price */
        --cart-sale-price-fontsize: 1.8rem;
        --cart-strike-price-fontsize: 1.8rem;
        --cart-comp-value-fontsize: 1.4rem;
        /* qty */
        --cart-qty-input-fontsize: 1.6rem;
        --cart-qty-input-width: 10rem;
        --cart-qty-input-height: 5rem;
    }
    /* ==== Cart Table Layout - End  ==== */
    
}