/* ======================================
WOOCOMMERCE
====================================== */

.woocommerce-message{

    border-top:3px solid #C3592D;

}

.single_add_to_cart_button{

    width:100%;

    border-radius:30px;

}

.quantity input{

    border-radius:10px;

}

#kualiCheckoutHold {
    margin-bottom: 25px;
    padding: 18px 20px;
    border-radius: 10px;
    background: #f5f7f8;
    text-align: center;
}

.kuali-hold-title {
    font-weight: 600;
    margin-bottom: 8px;
}

.kuali-hold-time {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 8px;
}

.kuali-hold-text {
    font-size: 14px;
}

#kualiCheckoutHold.kuali-hold-expired {
    background: #fff1f1;
}

/* ==========================================================
   OCULTAR TÍTULO DE LA PÁGINA CARRITO
   ========================================================== */

body.woocommerce-cart .entry-title,
body.woocommerce-cart .page-title,
body.woocommerce-cart .woocommerce-products-header__title {
    display: none !important;
}



/* ==========================================================
   CARRITO - RESPONSIVE MOBILE
   ========================================================== */

@media (max-width: 768px) {

    /* ------------------------------------------------------
       EVITAR DESBORDAMIENTO DE TODA LA PÁGINA
       ------------------------------------------------------ */

    body.woocommerce-cart {
        overflow-x: hidden;
    }

    body.woocommerce-cart .woocommerce {
        width: 100%;
        max-width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
    }


    /* ------------------------------------------------------
       CARRITO EN UNA SOLA COLUMNA
       ------------------------------------------------------ */

    body.woocommerce-cart .woocommerce-cart-form {
        width: 100%;
        float: none;
        margin: 0 0 30px;
    }

    body.woocommerce-cart .cart-collaterals {
        width: 100%;
        float: none;
        margin: 0;
    }

    body.woocommerce-cart .cart_totals {
        width: 100%;
        float: none;
        margin: 0;
    }


    /* ------------------------------------------------------
       TABLA DEL CARRITO
       ------------------------------------------------------ */

    body.woocommerce-cart .woocommerce-cart-form {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.woocommerce-cart table.shop_table.cart {
        width: 100%;
        min-width: 0;
        table-layout: auto;
    }


    /* ------------------------------------------------------
       CELDA DEL PRODUCTO
       ------------------------------------------------------ */

    body.woocommerce-cart table.shop_table.cart td.product-name {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    body.woocommerce-cart table.shop_table.cart td.product-name a {
        white-space: normal;
        overflow-wrap: anywhere;
    }


    /* ------------------------------------------------------
       IMAGEN DEL PRODUCTO
       ------------------------------------------------------ */

    body.woocommerce-cart table.shop_table.cart td.product-thumbnail img {
        width: 75px;
        height: 75px;
        max-width: 75px;
        object-fit: cover;
    }


    /* ------------------------------------------------------
       DATOS DE RESERVA
       ------------------------------------------------------ */

    body.woocommerce-cart
    table.shop_table.cart
    .variation {
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.5;
    }

    body.woocommerce-cart
    table.shop_table.cart
    .variation dt,
    body.woocommerce-cart
    table.shop_table.cart
    .variation dd {
        margin-bottom: 4px;
    }


    /* ------------------------------------------------------
       CANTIDAD
       ------------------------------------------------------ */

    body.woocommerce-cart .quantity {
        max-width: 110px;
    }

    body.woocommerce-cart .quantity input.qty {
        max-width: 55px;
    }


    /* ------------------------------------------------------
       TOTALES
       ------------------------------------------------------ */

    body.woocommerce-cart .cart_totals table {
        width: 100%;
    }

    body.woocommerce-cart .cart_totals th,
    body.woocommerce-cart .cart_totals td {
        padding: 12px 0;
        vertical-align: middle;
    }

    body.woocommerce-cart .cart_totals th {
        text-align: left;
    }

    body.woocommerce-cart .cart_totals td {
        text-align: right;
    }


    /* ------------------------------------------------------
       BOTONES
       ------------------------------------------------------ */

    body.woocommerce-cart .wc-proceed-to-checkout {
        padding-bottom: 0;
    }

    body.woocommerce-cart
    .wc-proceed-to-checkout
    a.checkout-button {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 15px;
    }


    /* ------------------------------------------------------
       PAYPAL
       ------------------------------------------------------ */

    body.woocommerce-cart .paypal-buttons,
    body.woocommerce-cart .ppc-button-wrapper {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

}


/* ==========================================================
   WOOCOMMERCE CART BLOCK - MOBILE
   ========================================================== */

@media (max-width: 768px) {

    /* ======================================================
       CONTENEDOR PRINCIPAL
       ====================================================== */

    body.woocommerce-cart
    .wp-block-woocommerce-cart,

    body.woocommerce-cart
    .wc-block-cart {

        width: 100% !important;
        max-width: 100% !important;

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

        box-sizing: border-box !important;
    }


    /* ======================================================
       FORZAR UNA SOLA COLUMNA
       ====================================================== */

    body.woocommerce-cart
    .wc-block-cart {

        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 35px !important;
    }


    /* ======================================================
       PRODUCTOS
       ====================================================== */

    body.woocommerce-cart
    .wc-block-cart__main {

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        grid-column: 1 !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       PRODUCTO INDIVIDUAL
       ====================================================== */

    body.woocommerce-cart
    .wc-block-cart-item {

        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    body.woocommerce-cart
    .wc-block-cart-item__product {

        min-width: 0 !important;

        overflow-wrap: anywhere !important;

        word-break: normal !important;
    }


    body.woocommerce-cart
    .wc-block-cart-item__wrap {

        min-width: 0 !important;
    }


    /* ======================================================
       NOMBRE DEL PRODUCTO
       ====================================================== */

    body.woocommerce-cart
    .wc-block-cart-item__product
    a {

        max-width: 100% !important;

        white-space: normal !important;

        overflow-wrap: anywhere !important;
    }


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

    body.woocommerce-cart
    .wc-block-cart__sidebar {

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        grid-column: 1 !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       TOTALES
       ====================================================== */

    body.woocommerce-cart
    .wc-block-components-totals-wrapper {

        width: 100% !important;

        box-sizing: border-box !important;
    }


    body.woocommerce-cart
    .wc-block-components-totals-item {

        width: 100% !important;

        display: flex !important;

        justify-content: space-between !important;

        align-items: center !important;

        gap: 15px !important;
    }


    /* ======================================================
       BOTÓN PAYPAL
       ====================================================== */

    body.woocommerce-cart
    .wc-block-cart__payment-methods {

        width: 100% !important;

        max-width: 100% !important;
    }


    /* ======================================================
       BOTÓN CHECKOUT
       ====================================================== */

    body.woocommerce-cart
    .wc-block-cart__submit-container {

        width: 100% !important;
    }


    body.woocommerce-cart
    .wc-block-components-button {

        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       EVITAR DESBORDAMIENTO
       ====================================================== */

    body.woocommerce-cart
    .wc-block-components-product-name {

        overflow-wrap: anywhere !important;
    }

}