/**
 * =========================================================
 * EMIT SPORTS — CARRINHO
 * =========================================================
 */


/* =========================================================
   1. ESTRUTURA
   ========================================================= */

/* Espaço entre o cabeçalho e o carrinho */
body.woocommerce-cart .site-content {
    padding-top: 42px;
}


/* Dá mais espaço ao resumo do pedido no desktop */
@media (min-width: 922px) {

    .woocommerce-cart .cart-collaterals .cart_totals {
        width: 38%;
    }

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

}


/* =========================================================
   2. TOTAL DO CARRINHO
   ========================================================= */

.woocommerce-cart .cart_totals {
    font-size: 14px;
}

.woocommerce-cart .cart_totals h2 {
    font-size: 20px;
}


/* =========================================================
   3. FRETE
   ========================================================= */

/* Texto ao lado de "Envio" */
.woocommerce-cart
.cart_totals
.woocommerce-shipping-totals td {
    font-size: 13px;
    line-height: 1.45;
}


/* ---------------------------------------------------------
   FRETE — DESKTOP
   --------------------------------------------------------- */

.woocommerce-cart .shipping-calculator-form {
    display: block !important;

    width: 100% !important;

    margin-top: 8px !important;
    padding: 0 !important;
}


.woocommerce-cart
.shipping-calculator-form
.form-row {
    display: block !important;

    width: 100% !important;

    margin: 0 0 7px !important;
    padding: 0 !important;
}


/* Campo CEP */
.woocommerce-cart
.shipping-calculator-form
#calc_shipping_postcode {
    display: block !important;

    width: 100% !important;

    height: 46px !important;
    min-height: 46px !important;

    margin: 0 !important;
    padding: 10px 14px !important;

    background: #fff !important;
    color: #161616 !important;

    border: 1px solid #d2d2d2 !important;
    border-radius: 6px !important;

    box-shadow: none !important;

    font-size: 13px !important;
    line-height: 24px !important;

    box-sizing: border-box !important;
}


/* Botão Calcular */
.woocommerce-cart
.shipping-calculator-form
button {
    display: block !important;

    width: 100% !important;

    height: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    background: #fff !important;
    color: #161616 !important;

    border: 1px solid #d2d2d2 !important;
    border-radius: 6px !important;

    box-shadow: none !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}


.woocommerce-cart
.shipping-calculator-form
button:hover {
    background: #f7f7f7 !important;
    color: #161616 !important;
    border-color: #b5b5b5 !important;
}


/* =========================================================
   4. CUPOM DE DESCONTO
   ========================================================= */

/* Esconde o link que abre/fecha o cupom */
.woocommerce-cart #ast-coupon-trigger {
    display: none !important;
}


/* Mantém o formulário do cupom aberto */
.woocommerce-cart #ast-checkout-coupon {
    display: block !important;
}


/* Título */
.woocommerce-cart
#ast-checkout-coupon::before {
    content: "Cupom de desconto";

    display: block;

    margin: 0 0 8px;

    color: #161616;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
}


/* Campo e botão lado a lado */
.woocommerce-cart
#ast-checkout-coupon
.coupon {
    display: flex !important;

    align-items: center !important;

    gap: 6px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Campo do cupom */
.woocommerce-cart
#ast-checkout-coupon
#coupon_code {
    flex: 0 0 90px !important;

    width: 90px !important;
    max-width: 90px !important;
    min-width: 90px !important;

    height: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 9px !important;

    background: #fff !important;
    color: #161616 !important;

    border: 1px solid #d2d2d2 !important;
    border-radius: 6px !important;

    box-shadow: none !important;

    font-size: 10px !important;
    line-height: 40px !important;
}


/* Botão Aplicar */
.woocommerce-cart
#ast-apply-coupon {
    display: flex !important;

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

    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 78px !important;

    height: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    background: #fff !important;
    color: #161616 !important;

    border: 1px solid #d2d2d2 !important;
    border-radius: 6px !important;

    box-shadow: none !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    text-decoration: none !important;
}


.woocommerce-cart
#ast-apply-coupon:hover {
    background: #f7f7f7 !important;
    color: #161616 !important;
    border-color: #b5b5b5 !important;
}


/* =========================================================
   5. BOTÃO CONTINUAR PARA FINALIZAÇÃO
   ========================================================= */

.woocommerce-cart
.wc-proceed-to-checkout {
    padding: 18px 0 !important;
}


.woocommerce-cart
.wc-proceed-to-checkout
.checkout-button {
    display: flex !important;

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

    width: 100% !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 12px 20px !important;

    background: var(--emit-pink) !important;
    color: #fff !important;

    border: none !important;
    border-radius: 4px !important;

    box-shadow: none !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    text-align: center !important;

    transition:
        background-color .2s ease,
        opacity .2s ease !important;
}


.woocommerce-cart
.wc-proceed-to-checkout
.checkout-button:hover {
    background: var(--emit-pink) !important;
    color: #fff !important;

    opacity: .88;
}


/* =========================================================
   6. CROSS-SELLS
   ========================================================= */

/*
 * Ocultos por enquanto.
 * Podemos reconstruir esta seção posteriormente.
 */
body.woocommerce-cart .cross-sells {
    display: none !important;
}


/* =========================================================
   7. MOBILE
   ========================================================= */

@media (max-width: 921px) {

    /* Espaçamento abaixo do cabeçalho */
    body.woocommerce-cart .site-content {
        padding-top: 28px;
    }


    /* Frete em uma única linha */
    .woocommerce-cart
    .shipping-calculator-form {
        display: flex !important;

        align-items: stretch !important;

        gap: 6px !important;

        width: 100% !important;
        height: auto !important;

        margin-top: 8px !important;
        padding: 0 !important;

        border: 0 !important;

        background: transparent !important;
    }


    /* Área do campo CEP */
    .woocommerce-cart
    .shipping-calculator-form
    .form-row {
        display: block !important;

        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Campo CEP */
    .woocommerce-cart
    .shipping-calculator-form
    #calc_shipping_postcode {
        display: block !important;

        width: 100% !important;

        height: 46px !important;
        min-height: 46px !important;

        margin: 0 !important;
        padding: 10px 14px !important;

        background: #fff !important;

        border: 1px solid #d2d2d2 !important;
        border-radius: 6px !important;

        box-shadow: none !important;

        font-size: 14px !important;
        line-height: 24px !important;

        box-sizing: border-box !important;
    }


    /* Botão Calcular */
    .woocommerce-cart
    .shipping-calculator-form
    button {
        display: block !important;

        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 78px !important;

        height: 46px !important;
        min-height: 46px !important;

        margin: 0 !important;
        padding: 0 12px !important;

        background: #fff !important;
        color: #161616 !important;

        border: 1px solid #d2d2d2 !important;
        border-radius: 6px !important;

        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 44px !important;

        box-shadow: none !important;
    }

}