.elementor-14 .elementor-element.elementor-element-271f569{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--gap:020px 020px;--row-gap:020px;--column-gap:020px;--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-14 .elementor-element.elementor-element-68e883d{--update-cart-automatically-display:none;width:100%;max-width:100%;}body.elementor-page-14:not(.elementor-motion-effects-element-type-background), body.elementor-page-14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://tankimhock.com/wp-content/uploads/2026/09/bg-repeater.jpg");}:root{--page-title-display:none;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-271f569{--content-width:1600px;}}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-271f569{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-271f569{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-68e883d *//* ==========================================
   TAN KIM HOCK - CART PAGE
========================================== */

.woocommerce-cart {
    --tkh-orange: #E94B14;
    --tkh-text: #333333;
    --tkh-muted: #6F7782;
    --tkh-border: #E5E5E5;
}


/* ------------------------------------------
   General typography
------------------------------------------ */

.woocommerce-cart .woocommerce {
    color: var(--tkh-text);
    font-size: 15px;
}

.woocommerce-cart .woocommerce p,
.woocommerce-cart .woocommerce td,
.woocommerce-cart .woocommerce th {
    font-size: 15px;
}


/* ------------------------------------------
   Product table
------------------------------------------ */

.woocommerce-cart table.shop_table {
    border: none !important;
    background: transparent !important;
}

/* Remove cream heading background */
.woocommerce-cart table.shop_table thead,
.woocommerce-cart table.shop_table thead tr,
.woocommerce-cart table.shop_table thead th {
    background: transparent !important;
}

/* Product heading */
.woocommerce-cart table.shop_table thead th {
    color: var(--tkh-text);
    font-size: 14px !important;
    font-weight: 600;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--tkh-border) !important;
}

/* Product rows */
.woocommerce-cart table.shop_table td {
    font-size: 14px !important;
    color: var(--tkh-text);
    border-bottom: 1px solid var(--tkh-border) !important;
}

/* Product name */
.woocommerce-cart .product-name a {
    color: var(--tkh-text) !important;
    font-size: 14px;
    font-weight: 500;
}

.woocommerce-cart .product-name a:hover {
    color: var(--tkh-text) !important;
}


/* ------------------------------------------
   Cart Totals
------------------------------------------ */

/* Remove cream background */
.woocommerce-cart .cart_totals,
.woocommerce-cart .cart_totals table,
.woocommerce-cart .cart_totals tbody,
.woocommerce-cart .cart_totals tr,
.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td {
    background: transparent !important;
}

/* Cart Totals title */
.woocommerce-cart .cart_totals h2 {
    font-size: 18px !important;
    font-weight: 600;
    color: var(--tkh-text);
    margin-bottom: 15px;
}

/* Cart total labels */
.woocommerce-cart .cart_totals th {
    font-size: 14px !important;
    font-weight: 600;
    color: var(--tkh-muted);
}

/* Cart total values */
.woocommerce-cart .cart_totals td {
    font-size: 14px !important;
    color: var(--tkh-text);
}

/* Final total */
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td,
.woocommerce-cart .cart_totals .order-total strong,
.woocommerce-cart .cart_totals .order-total .amount {
    font-size: 16px !important;
    color: var(--tkh-text);
}


/* ------------------------------------------
   ALL MAIN CART BUTTONS
------------------------------------------ */

.woocommerce-cart .woocommerce .button,
.woocommerce-cart .woocommerce button.button,
.woocommerce-cart .woocommerce input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background: var(--tkh-orange) !important;
    color: #ffffff !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;

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

    text-shadow: none !important;
    transform: none !important;
}


/* No hover / focus / active effect */
.woocommerce-cart .woocommerce .button:hover,
.woocommerce-cart .woocommerce .button:focus,
.woocommerce-cart .woocommerce .button:active,
.woocommerce-cart .woocommerce button.button:hover,
.woocommerce-cart .woocommerce button.button:focus,
.woocommerce-cart .woocommerce button.button:active,
.woocommerce-cart .woocommerce input.button:hover,
.woocommerce-cart .woocommerce input.button:focus,
.woocommerce-cart .woocommerce input.button:active,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active {
    background: var(--tkh-orange) !important;
    color: #ffffff !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    transform: none !important;
}


/* ------------------------------------------
   Disabled Update Cart
------------------------------------------ */

.woocommerce-cart button.button:disabled,
.woocommerce-cart button.button:disabled[disabled] {
    background: #E9A18A !important;
    color: #ffffff !important;
    opacity: 1 !important;
}


/* ------------------------------------------
   Coupon field
------------------------------------------ */

.woocommerce-cart .coupon input.input-text {
    border: 1px solid var(--tkh-border) !important;
    background: #ffffff !important;
    color: var(--tkh-text) !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 14px;
}

.woocommerce-cart .coupon input.input-text:focus {
    border-color: var(--tkh-border) !important;
    box-shadow: none !important;
    outline: none !important;
}


/* ------------------------------------------
   Checkout button
------------------------------------------ */

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    font-size: 15px !important;
    padding: 15px 20px !important;
}


/* ------------------------------------------
   Remove button
------------------------------------------ */

.woocommerce-cart .product-remove a.remove {
    color: #333333 !important;
    background: transparent !important;
}

.woocommerce-cart .product-remove a.remove:hover {
    color: #333333 !important;
    background: transparent !important;
}


/* ------------------------------------------
   Shipping text
------------------------------------------ */

.woocommerce-cart .woocommerce-shipping-destination,
.woocommerce-cart .woocommerce-shipping-methods,
.woocommerce-cart .shipping-calculator-button {
    font-size: 14px !important;
}
/* ==========================================
   CART QUANTITY - CLEAN
========================================== */

.woocommerce-cart .quantity {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;

    width: auto !important;
    height: 40px !important;

    background: #FFFFFF !important;

    border: 1px solid #DADADA !important;
    border-radius: 5px !important;

    overflow: hidden !important;

    outline: none !important;
    box-shadow: none !important;

    transition: none !important;
}


/* ==========================================
   PLUS + MINUS BUTTON
========================================== */

.woocommerce-cart .quantity .qty-minus,
.woocommerce-cart .quantity .qty-plus {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

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

    background: #FFFFFF !important;
    color: #E94B14 !important;

    border: none !important;
    border-radius: 0 !important;

    outline: none !important;
    box-shadow: none !important;

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

    cursor: pointer !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    transform: none !important;

    transition: none !important;
    -webkit-transition: none !important;
}


/* ==========================================
   QUANTITY NUMBER
========================================== */

.woocommerce-cart .quantity .qty {
    width: 48px !important;
    height: 40px !important;
    min-height: 40px !important;

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

    background: #FFFFFF !important;
    color: #333333 !important;

    border-top: none !important;
    border-bottom: none !important;
    border-left: 1px solid #DADADA !important;
    border-right: 1px solid #DADADA !important;

    border-radius: 0 !important;

    outline: none !important;
    box-shadow: none !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 40px !important;
    text-align: center !important;

    -moz-appearance: textfield !important;

    transition: none !important;
    -webkit-transition: none !important;
}


/* ==========================================
   REMOVE BROWSER NUMBER ARROWS
========================================== */

.woocommerce-cart .quantity .qty::-webkit-inner-spin-button,
.woocommerce-cart .quantity .qty::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    appearance: none !important;
    margin: 0 !important;
}


/* ==========================================
   PLUS / MINUS HOVER
   NO COLOR OR BORDER CHANGE
========================================== */

.woocommerce-cart .quantity .qty-minus:hover,
.woocommerce-cart .quantity .qty-minus:focus,
.woocommerce-cart .quantity .qty-minus:focus-visible,
.woocommerce-cart .quantity .qty-minus:active,
.woocommerce-cart .quantity .qty-plus:hover,
.woocommerce-cart .quantity .qty-plus:focus,
.woocommerce-cart .quantity .qty-plus:focus-visible,
.woocommerce-cart .quantity .qty-plus:active {
    background: #FFFFFF !important;
    color: #E94B14 !important;

    border: none !important;
    border-color: transparent !important;

    outline: none !important;
    box-shadow: none !important;

    transform: none !important;

    transition: none !important;
    -webkit-transition: none !important;
}


/* ==========================================
   QUANTITY INPUT STATES
========================================== */

.woocommerce-cart .quantity .qty:hover,
.woocommerce-cart .quantity .qty:focus,
.woocommerce-cart .quantity .qty:focus-visible,
.woocommerce-cart .quantity .qty:active {
    background: #FFFFFF !important;
    color: #333333 !important;

    border-top: none !important;
    border-bottom: none !important;
    border-left: 1px solid #DADADA !important;
    border-right: 1px solid #DADADA !important;

    outline: none !important;
    box-shadow: none !important;

    transition: none !important;
    -webkit-transition: none !important;
}


/* ==========================================
   REMOVE THEME PSEUDO EFFECTS
========================================== */

.woocommerce-cart .quantity .qty-minus::before,
.woocommerce-cart .quantity .qty-minus::after,
.woocommerce-cart .quantity .qty-plus::before,
.woocommerce-cart .quantity .qty-plus::after {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    pointer-events: none !important;

    transition: none !important;
    -webkit-transition: none !important;
}


/* ==========================================
   REMOVE ALL TRANSITION FLASHES
========================================== */

.woocommerce-cart .quantity,
.woocommerce-cart .quantity .qty,
.woocommerce-cart .quantity .qty-minus,
.woocommerce-cart .quantity .qty-plus {
    transition: none !important;
    -webkit-transition: none !important;
    animation: none !important;
}
/* ==========================================
   EMPTY CART NOTICE
========================================== */

.woocommerce-cart .woocommerce-info,
.woocommerce-cart .cart-empty {
    border-top-color: #E94B14 !important;
}

/* Notice icon */
.woocommerce-cart .woocommerce-info::before,
.woocommerce-cart .cart-empty::before {
    color: #E94B14 !important;
}

/* Continue / Return to Shop button */
.woocommerce-cart .return-to-shop .button {
    background: #E94B14 !important;
    color: #FFFFFF !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* No hover */
.woocommerce-cart .return-to-shop .button:hover,
.woocommerce-cart .return-to-shop .button:focus,
.woocommerce-cart .return-to-shop .button:active {
    background: #E94B14 !important;
    color: #FFFFFF !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}


/* =========================================
   Coupon + Points
   ========================================= */

/* The ACTUAL Elementor coupon row */
.woocommerce-cart .coupon .coupon-col {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 275px !important;
    column-gap: 24px !important;
    row-gap: 16px !important;
    align-items: start !important;
}


/* Existing Coupon Input */
.woocommerce-cart .coupon .coupon-col-start {
    grid-column: 1 !important;
    width: 100% !important;
}


/* Existing Apply Coupon button */
.woocommerce-cart .coupon .coupon-col-end {
    grid-column: 2 !important;
    width: 100% !important;
}


/* =========================================
   Points section = NEW ROW
   ========================================= */

.woocommerce-cart .coupon .kc-cart-points {
    grid-column: 1 / -1 !important;

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

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


/* Remove wrapper interference */
.woocommerce-cart .kc-redeem-points {
    width: 100% !important;
    max-width: 100% !important;
}


/* Actual WP Swings form */
.woocommerce-cart .wps_wpr_apply_custom_points {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 275px !important;
    column-gap: 24px !important;
    row-gap: 6px !important;

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

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


/* Points input */
.woocommerce-cart #wps_cart_points {
    grid-column: 1 !important;

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

    box-sizing: border-box !important;
}


/* Apply Points */
.woocommerce-cart #wps_cart_points_apply {
    grid-column: 2 !important;

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


/* Available points text */
.woocommerce-cart .wps_wpr_apply_custom_points p {
    grid-column: 1 / -1 !important;

    margin: 0 !important;
}
.kc-points-live-message {
    margin-top: 8px !important;
    padding: 10px 12px !important;
    background: #FFF3F0 !important;
    border: 1px solid #D94B1C !important;
    border-radius: 6px !important;
    color: #D94B1C !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}/* End custom CSS */