/* =========================================
   PREMIUM MINIMAL CART
========================================= */

.woocommerce-cart {
    background: #fafafa !important;
    color: #111 !important;
}
.woocommerce-cart .entry-title{display: none}

/* Container */
.woocommerce-cart .woocommerce {
    max-width: 1180px !important;
    margin: 60px auto !important;
    padding: 0 24px !important;
}

/* Cart title */
.woocommerce-cart .entry-title,
.woocommerce-cart h1 {
    font-size: 30px !important;
    font-weight: 800 !important;
    letter-spacing: -1px;
    color: #111 !important;
    margin-bottom: 35px !important;
}

/* -----------------------------------------
   CART TABLE
----------------------------------------- */

.woocommerce-cart-form {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 18px !important;
    padding: 8px 24px !important;
}

.woocommerce-cart-form table {
    border: 0 !important;
    border-collapse: collapse !important;
    margin: 0 !important;
}

.woocommerce-cart-form thead th {
    border: 0 !important;
    border-bottom: 1px solid #eee !important;

    color: #999 !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    padding: 18px 10px !important;
}

.woocommerce-cart-form tbody tr {
    background: transparent !important;
}

.woocommerce-cart-form tbody td {
    border: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;

    padding: 22px 10px !important;
}

.woocommerce-cart-form tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* -----------------------------------------
   PRODUCT
----------------------------------------- */

.woocommerce-cart-form .product-thumbnail img {
    width: 92px !important;
    height: 68px !important;

    object-fit: cover !important;

    border-radius: 12px !important;

    box-shadow: none !important;
}

/* Product name */

.woocommerce-cart-form .product-name a {
    color: #111 !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.8 !important;

    text-decoration: none !important;
}

/* Teacher / meta */

.woocommerce-cart-form .product-name .variation,
.woocommerce-cart-form .product-name dl {
    margin-top: 5px !important;

    color: #999 !important;

    font-size: 11px !important;
}

/* Price */

.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal {
    color: #111 !important;

    font-size: 16px !important;

    font-weight: 700 !important;
}

/* -----------------------------------------
   QUANTITY
----------------------------------------- */

.woocommerce-cart-form .quantity {
    display: inline-flex !important;

    align-items: center;

    background: #f6f6f6 !important;

    border: 1px solid #e9e9e9 !important;

    border-radius: 9px !important;

    padding: 2px !important;
}

.woocommerce-cart-form .quantity input {
    width: 40px !important;
    height: 34px !important;

    border: 0 !important;

    background: transparent !important;

    text-align: center !important;

    font-size: 12px !important;
}

/* -----------------------------------------
   REMOVE
----------------------------------------- */

.woocommerce-cart-form
.product-remove a.remove {
    width: 28px !important;
    height: 28px !important;

    display: flex !important;

    align-items: center;
    justify-content: center;

    border-radius: 50% !important;

    background: transparent !important;

    color: #aaa !important;

    font-size: 17px !important;

    transition: .2s ease;
}

.woocommerce-cart-form
.product-remove a.remove:hover {
    background: #f5f5f5 !important;

    color: #111 !important;

    transform: none !important;
}

/* -----------------------------------------
   COUPON / UPDATE
----------------------------------------- */

.woocommerce-cart-form .actions {
    border: 0 !important;

    padding: 20px 10px !important;
}

.woocommerce-cart-form .coupon {
    display: flex;

    gap: 7px;
}

.woocommerce-cart-form
.coupon input {
    height: 42px !important;
    width: 200px !important;
    background: #f7f7f7 !important;
    color: #000 !important;
    border: 1px solid #e7e7e7 !important;

    border-radius: 9px !important;

    padding: 0 12px !important;

    font-size: 14px !important;
}

.woocommerce-cart-form
.coupon button {
    height: 42px !important;

    background: #111 !important;

    color: #fff !important;

    border: 0 !important;

    border-radius: 9px !important;

    font-size: 11px !important;

    padding: 0 17px !important;
}

/* -----------------------------------------
   TOTAL
----------------------------------------- */

.cart-collaterals {
    margin-top: 22px !important;
}

.cart_totals {
    background: #fff !important;

    border: 1px solid #e8e8e8 !important;

    border-radius: 18px !important;

    padding: 25px !important;
}

.cart_totals h2 {
    color: #111 !important;

    font-size: 16px !important;

    font-weight: 800 !important;

    margin: 0 0 15px !important;
}

.cart_totals table {
    border: 0 !important;
}

.cart_totals th,
.cart_totals td {
    border: 0 !important;

    padding: 10px 0 !important;

    color: #777 !important;

    font-size: 12px !important;
}

.cart_totals .order-total {
    border-top: 1px solid #eee !important;

    padding-top: 16px !important;
}

.cart_totals .order-total th {
    color: #111 !important;

    font-weight: 700 !important;
}

.cart_totals .order-total td {
    color: #111 !important;

    font-size: 18px !important;

    font-weight: 800 !important;
}

/* -----------------------------------------
   CHECKOUT BUTTON
----------------------------------------- */

.wc-proceed-to-checkout {
    padding: 12px 0 0 !important;
}

.wc-proceed-to-checkout
.checkout-button {
    height: 50px !important;

    display: flex !important;

    align-items: center;
    justify-content: center;

    margin: 0 !important;

    background: #1F232F !important;

    color: #fff !important;

    border-radius: 10px !important;

    font-size: 16px !important;

    font-weight: 900 !important;

    transition: .2s ease !important;
}

.wc-proceed-to-checkout
.checkout-button:hover {
    background: #222 !important;

    transform: none !important;
}

/* =========================================
   MOBILE CART — REAL RESPONSIVE
========================================= */

@media (max-width: 767px) {

    .woocommerce-cart-form {

        padding:0 !important;
    }
    /* Coupon */

    .woocommerce-cart-form .coupon {

        display: flex !important;

        width: 100% !important;

        gap: 7px !important;
    }

    .woocommerce-cart-form .coupon input {

        flex: 1 !important;

        min-width: 0 !important;

        height: 42px !important;

        border: 1px solid #e7e7e7 !important;

        border-radius: 10px !important;

        font-size: 11px !important;
    }

    .woocommerce-cart-form .coupon button {

        height: 42px !important;

        padding: 0 14px !important;

        border-radius: 10px !important;

        font-size: 11px !important;
    }


    /* Update */

    .woocommerce-cart-form button[name="update_cart"] {

        width: 100% !important;

        height: 42px !important;

        margin: 0 !important;

        border-radius: 10px !important;

        font-size: 11px !important;
    }


    /* =========================
       CART TOTAL
    ========================= */

    .cart-collaterals {
        width: 100% !important;
        margin-top: 12px !important;
    }

    .cart_totals {

        width: 100% !important;

        padding: 18px !important;

        box-sizing: border-box !important;

        background: #fff !important;

        border: 1px solid #ededed !important;

        border-radius: 16px !important;
    }

    .cart_totals h2 {
        font-size: 15px !important;
        margin-bottom: 12px !important;
    }

    .cart_totals th,
    .cart_totals td {
        padding: 8px 0 !important;
        font-size: 11px !important;
    }


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

    .wc-proceed-to-checkout {
        padding: 10px 0 0 !important;
    }

    .wc-proceed-to-checkout .checkout-button {

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;

        min-height: 50px !important;

        margin: 0 !important;

        border-radius: 12px !important;

        font-size: 12px !important;

        font-weight: 750 !important;
    }
}