/* ==========================================
   PAGINA CARRELLO
========================================== */

.woocommerce-cart .entry-title {
    font-family: var(--e-global-typography-primary-font-family), serif;
    color: var(--e-global-color-text);
    font-size: 2.8rem;
    margin-bottom: 2rem;
}

.wc-block-cart {
    margin-top: 2rem;
}

/* ==========================================
   TABELLA PRODOTTI
========================================== */

.wc-block-cart-items {
    border: none;
}

.wc-block-cart-items thead th {
    font-family: "Manrope", sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    color: #777;
    border-bottom: 1px solid #ddd;
}

.wc-block-cart-items__row td {
    padding: 2rem 0;
    border-bottom: 1px solid #ececec;
}

/* ==========================================
   NOME
========================================== */

.wc-block-components-product-name {
    display: inline-block;
    margin-bottom: .5rem;

    font-family: "Manrope", sans-serif;
    font-size: 1.15rem;
    font-weight: 600;

    color: var(--e-global-color-text);
    text-decoration: none;
}

.wc-block-components-product-name:hover {
    color: var(--e-global-color-accent);
}

/* ==========================================
   DESCRIZIONE
========================================== */

.wc-block-components-product-metadata {
    margin: .75rem 0 1rem;
}

.wc-block-components-product-metadata p {
    font-family: "Manrope", sans-serif;
    font-size: .92rem;
    line-height: 1.6;
    color: #666;
}

/* ==========================================
   PREZZI
========================================== */

.wc-block-components-product-price,
.wc-block-components-product-price__value,
.wc-block-components-formatted-money-amount {

    font-family: "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 800;

    color: var(--e-global-color-primary);

}

/* ==========================================
   QUANTITA'
========================================== */

.wc-block-components-quantity-selector {

    border: 1px solid #ddd;
    border-radius: 0;

}

.wc-block-components-quantity-selector input {

    font-family: "Manrope", sans-serif;
    border: none;

}

.wc-block-components-quantity-selector button {

    background: white;
    color: var(--e-global-color-text);

}

.wc-block-components-quantity-selector button:hover {

    background: #f5f5f5;

}

/* ==========================================
   ELIMINA
========================================== */

.wc-block-cart-item__remove-link {

    color: var(--e-global-color-accent);

}

.wc-block-cart-item__remove-link:hover {

    color: var(--e-global-color-primary);

}

/* ==========================================
   SIDEBAR
========================================== */

.wc-block-cart__sidebar {

    background: #f8f6f2;

    padding: 2rem;

    border-top: 4px solid var(--e-global-color-accent);

}

/* ==========================================
   RIEPILOGO
========================================== */

.wc-block-components-totals-item {

    font-family: "Manrope", sans-serif;

    padding: 1rem 0;

}

.wc-block-components-totals-item__label {

    font-weight: 600;
    color: var(--e-global-color-text);

}

.wc-block-components-totals-item__value {

    font-weight: 800;
    color: var(--e-global-color-primary);

}

.wc-block-components-totals-footer-item-tax {

    color: #666;
    font-size: .9rem;

}

/* ==========================================
   COUPON
========================================== */

.wc-block-components-panel__button {

    font-family: "Manrope", sans-serif;
    font-weight: 600;

}
.wc-block-components-panel__button:hover {

    color: var(--e-global-color-accent);

}

button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {

    background: var(--e-global-color-accent) !important;
    color: white !important;
    border-radius: 0 !important;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    border: none;
    transition: .2s;

}
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained:hover {
    background: var(--e-global-color-72c7449) !important;
}

/* ==========================================
   BOTTONE CHECKOUT
========================================== */

.wc-block-cart__submit-button {

    background: var(--e-global-color-accent) !important;

    color: white !important;

    border-radius: 0 !important;

    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);

    padding: 16px 24px;

    transition: .2s;

}

.wc-block-cart__submit-button:hover {

    background: var(--e-global-color-72c7449) !important;

}

/* ========================================== 
PRODOTTI CORRELATI SE CARRELLO VUOTO 
========================================== */
.wp-block-woocommerce-empty-cart-block .wp-block-button__link {
    background-color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    word-spacing: var(--e-global-typography-accent-word-spacing);
    border-radius: 0;
    color: white;
    text-align: center;
}

.wp-block-woocommerce-empty-cart-block .wp-block-heading.titolo-correlati {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    color: var(--e-global-color-text);
    margin-top: 3rem;
}

.wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products {
    display: grid !important;
    gap: 2em;
    grid-template-columns: repeat(4, 1fr);
}

.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
    font-family: "Manrope", Sans-serif;
    font-weight: 600;
    line-height: 1.3em;
    color: var(--e-global-color-text);
}

.wp-block-woocommerce-empty-cart-block .woocommerce-Price-amount.amount  {
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 800;
    color: var(--e-global-color-primary);
}

.wp-block-woocommerce-empty-cart-block .woocommerce-price-suffix {
    font-family: "Manrope", Sans-serif;
    font-weight: 800;
    color: var(--e-global-color-primary);
}
/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width:768px){

    .wp-block-woocommerce-cart.alignwide {
        margin: auto;
    }

    /* Titolo */

    .woocommerce-cart .entry-title{
        font-size:2rem;
        margin-bottom:1.5rem;
    }

    /* Riga prodotto */

    .wc-block-cart-items__row td{
        padding:1rem 0;
    }

    /* Nome */

    .wc-block-components-product-name{
        font-size:1rem;
        line-height:1.3;
    }

    /* Descrizione */

    .wc-block-components-product-metadata p{
        font-size:.85rem;
        line-height:1.45;
    }

    /* Prezzi */

    .wc-block-components-product-price,
    .wc-block-components-product-price__value{
        font-size:1rem;
    }

    /* Quantità */

    .wc-block-components-quantity-selector{
        max-width:100px;
    }

    /* Sidebar */

    .wc-block-cart__sidebar{
        margin-top:2rem;
        padding:1.5rem;
    }

    /* Bottone checkout */

    .wc-block-cart__submit-button{
        min-height:56px;
        font-size:15px;
    }

}