/* ==================================
    CART MAIN WRAP STYLE
================================== */

.cart-header-label {
    font-family: 'Montserrat';
    font-size: 16px;
    color: #191C1F;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 1.2rem;
}

.woocommerce-cart-wrap{
    display: flex;
    gap: 15px;
    width: 100%;
    padding-top: 40px;
}

form.woocommerce-cart-form {
    width: 70%;
}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 30%;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: none !important;
    width: auto !important;
}


/* ==================================
    TH TABLE PRODUCTS CART STYLE
================================== */

table.shop_table th {
    background-color: #F2F4F5 !important;
}

th.product-name,
th.product-price,
th.product-quantity,
th.product-subtotal{
    font-family: Montserrat !important;
    font-size: 14px !important;
    color: #2B2B2B !important;
    text-transform: uppercase !important;
}


/* ==================================
    CART PRODUCTS THUMBNAIL STYLE
================================== */

.woocommerce-cart table.cart img{
    max-width: 60px !important;
    max-height: 60px !important;
    border-radius: 1.7px !important;
}


/* ==================================
    CART PRODUCTS FONT STYLE
================================== */

td.product-name,
td.product-price,
td.product-quantity,
td.product-subtotal{
    font-family: Montserrat !important;
    font-size: 14px !important;
    line-height: 17px !important;
    color: #191C1F !important;
    margin-left: 7px !important;
}

td.product-name a {
    color: #191C1F;
    margin-bottom: .6rem;
}

dl.variation.prad-processed, dl.variation{
    margin-top: .6rem;
    display: flex;
    flex-direction: column;
}

.prad-variation-container {
    margin-bottom: 0px !important;
}


/* ==================================
    BUTTON STYLE
================================== */

.gp-cart-shop-container {
    display: flex;
    justify-content: space-between;
}

button.gp-return-shop {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    padding: 0px 20.376px;
    width: 195px;
    height: 41px;
    background: #E54400;
    border-radius: 5px;
    color: #ffffff;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 39px;
    font-weight: 500; 
}

svg.gp-return-icon {
    width: 20px;
    height: 20px;
    font-weight: 700;
}


.gp-cart-update-wrap button.button {
    padding: 0px 22.64px !important;
    width: 146px !important;
    height: 41px !important;
    background: #2853FF !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    font-family: Montserrat !important;
    font-size: 15px !important;
    line-height: 39px !important;
    font-weight: 500 !important; 
}

td.actions-off {
    border-bottom: none !important;
}


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

.coupon {
    background: #FFFFFF;
    border: 0.849001px solid #E4E7E9;
    border-radius: 3.396px;
}

.coupon-header-label {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15.282px;
    line-height: 20px;
    color: #191C1F;
    margin: 1rem;
}

.header-label-line{
    border-bottom: solid 1px #E4E7E9;
}

.woocommerce .coupon .button {
    border: 1px solid transparent;
    background: #E54400;
    border-radius: 5px;
    color: #ffffff;
    font-family: Montserrat;
    font-size: 11.89px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 1rem;
}

.coupon-cart-group {
    padding: 1rem;
}


.coupon-cart-group input[type=text]{
    border: 1px solid #E4E7E9;
    border-radius: 5px !important;
    padding: 10px 15px;
    max-width: 100%;
    width: 100%;
    font-family: Montserrat;
    font-size: 11.89px;
    color: #77878F !important;
    background-color: #ffffff !important;
}


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

h2.cart-total-header,
tr.cart-subtotal,
tr.woocommerce-shipping-totals
{
    display: none !important;
}


tr.order-total th.order-total-text{
    background-color: rgba(0, 0, 0, .005) !important;
    color: #191C1F !important;
    font-family: Montserrat;
    font-size: 13px;
    line-height: 20px !important;
    font-weight: 500 !important;
}

tr.order-total td{
    border-bottom: none !important;
    text-align: right;
    color: #F50000;
    font-family: Montserrat;
    font-size: 16px;
    line-height: 20px !important;
    font-weight: 700;
}

.wc-proceed-to-checkout > a.checkout-button.button.alt.wc-forward{
    background: #E54400;
    border-radius: 5px;
    color: #ffffff;
    font-family: Montserrat;
    font-size: 15px;
    line-height: 39px;
    font-weight: 600; 
    padding: .3rem 1rem;
    width: 245px;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.woocommerce-cart .wc-proceed-to-checkout{
    text-align: right;
    float: right;
}


/* ==================================
    MOBILE SCREEN
================================== */

@media (max-width: 768px){

/* ==================================
    CART MAIN WRAP STYLE
================================== */  
.woocommerce-cart-wrap {
    flex-direction: column;
}  

form.woocommerce-cart-form,
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{
    width: 100%;
}

/* ==================================
    BUTTON STYLE
================================== */
.gp-cart-shop-container {
    flex-direction: column;
    gap: 1rem;
}

td.actions-off::before {
    content: " " !important;
}

/* ==================================
    COUPON STYLE
================================== */
button.gp-return-shop,
.gp-cart-update-wrap button.button,
.woocommerce .coupon .button{
    width: 100% !important;
}

    
}