.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-1313a4f0 *//* =========================================================
   SHELLO CART PAGE
   Premium Green Theme
   ========================================================= */


/* ---------------------------------------------------------
   1. CART BUTTON SPACING
   --------------------------------------------------------- */

.woocommerce .wdt-cart-button,
.woocommerce-page .wdt-cart-button {
    margin-bottom: 10px !important;
}

.actions.wdt-cart-button {
    margin-bottom: 0px !important;
}


/* ---------------------------------------------------------
   2. HIDE COUPON AREA
   --------------------------------------------------------- */

.actions.wdt-cart-coupon-holder {
    display: none !important;
}


/* ---------------------------------------------------------
   3. PROCEED TO CHECKOUT ALIGNMENT
   --------------------------------------------------------- */

.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout,
.woocommerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout {
    float: right !important;
}


/* ---------------------------------------------------------
   4. REMOVE UNNECESSARY CLEARING
   --------------------------------------------------------- */

#add_payment_method .wc-proceed-to-checkout::after,
#add_payment_method .wc-proceed-to-checkout::before,
.woocommerce-cart .wc-proceed-to-checkout::after,
.woocommerce-cart .wc-proceed-to-checkout::before,
.woocommerce-checkout .wc-proceed-to-checkout::after,
.woocommerce-checkout .wc-proceed-to-checkout::before {
    display: none !important;
}


/* ---------------------------------------------------------
   5. REMOVE EXTRA LINE BREAKS
   --------------------------------------------------------- */

.woocommerce-cart-form__cart-item td br {
    display: none!important;
}


/* ---------------------------------------------------------
   6. QUANTITY ARROW POSITION
   --------------------------------------------------------- */

.woocommerce .cart .quantity > a.arrow-minus,
.woocommerce-page .cart .quantity > a.arrow-minus {
    bottom: 25px !important;
}


/* ---------------------------------------------------------
   7. SHIPPING CALCULATOR
   --------------------------------------------------------- */

.shipping-calculator-button,
.shipping-calculator-form {
    margin: 10px 0 0;
}

.woocommerce-shipping-calculator p {
    margin: 20px;
}


/* =========================================================
   SHELLO BRAND COLOURS
   ========================================================= */

:root {
    --shello-green: #27963E;
    --shello-green-hover: #1F7D32;
    --shello-light: #F5F1E8;
    --shello-border: #D7E4DB;
    --shello-white: #FFFFFF;
}


/* =========================================================
   8. CART TABLE HEADER
   ========================================================= */

.woocommerce-cart .shop_table thead,
.woocommerce-cart-form table thead {
    background-color: var(--shello-green) !important;
}

.woocommerce-cart .shop_table thead th,
.woocommerce-cart-form table thead th {
    background-color: var(--shello-green) !important;
    color: var(--shello-white) !important;
    border-color: var(--shello-green) !important;
}


/* =========================================================
   9. CART TABLE BORDERS
   ========================================================= */

.woocommerce-cart .shop_table,
.woocommerce-cart .shop_table th,
.woocommerce-cart .shop_table td {
    border-color: var(--shello-border) !important;
}


/* =========================================================
   10. CART LINKS
   ========================================================= */

.woocommerce-cart a {
    transition: all 0.25s ease;
}

.woocommerce-cart a:hover {
    color: var(--shello-green-hover) !important;
}


/* =========================================================
   11. UPDATE CART BUTTON
   ========================================================= */

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

    background-color: var(--shello-green) !important;
    color: var(--shello-white) !important;

    border: 1px solid var(--shello-green) !important;

    padding: 14px 28px !important;

    border-radius: 3px !important;

    font-weight: 600 !important;
    letter-spacing: 0.5px;

    transition: all 0.3s ease !important;

    box-shadow: 0 4px 12px rgba(39,150,62,0.15);
}


/* UPDATE CART HOVER */

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

    background-color: var(--shello-green-hover) !important;
    color: var(--shello-white) !important;

    border-color: var(--shello-green-hover) !important;

    transform: translateY(-2px);

    box-shadow: 0 7px 18px rgba(39,150,62,0.25);
}


/* =========================================================
   12. PROCEED TO CHECKOUT BUTTON
   ========================================================= */

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout .button {

    background-color: var(--shello-green) !important;
    color: var(--shello-white) !important;

    border: 1px solid var(--shello-green) !important;

    padding: 16px 32px !important;

    border-radius: 3px !important;

    font-weight: 600 !important;
    letter-spacing: 0.7px;

    transition: all 0.3s ease !important;

    box-shadow: 0 4px 14px rgba(39,150,62,0.18);
}


/* CHECKOUT HOVER */

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout .button:hover {

    background-color: var(--shello-green-hover) !important;
    color: var(--shello-white) !important;

    border-color: var(--shello-green-hover) !important;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(39,150,62,0.28);
}


/* =========================================================
   13. CART TOTALS TABLE
   ========================================================= */

.woocommerce-cart .cart_totals table {
    border-color: var(--shello-border) !important;
}

.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td {
    border-color: var(--shello-border) !important;
}


/* =========================================================
   14. CHANGE ADDRESS BUTTON
   ========================================================= */

.woocommerce-cart .shipping-calculator-button {

    background-color: var(--shello-light) !important;

    color: #24543A !important;

    padding: 10px 18px !important;

    transition: all 0.3s ease !important;
}

.woocommerce-cart .shipping-calculator-button:hover {

    background-color: var(--shello-green) !important;

    color: var(--shello-white) !important;
}


/* =========================================================
   15. REMOVE BUTTON
   ========================================================= */

.woocommerce-cart a.remove {

    color: var(--shello-green) !important;

    transition: all 0.25s ease;
}

.woocommerce-cart a.remove:hover {

    background-color: var(--shello-green) !important;

    color: var(--shello-white) !important;
}


/* =========================================================
   16. QUANTITY INPUT
   ========================================================= */

.woocommerce-cart .quantity input.qty {

    border-color: var(--shello-border) !important;

    transition: all 0.25s ease;
}

.woocommerce-cart .quantity input.qty:focus {

    border-color: var(--shello-green) !important;

    outline: none !important;

    box-shadow: 0 0 0 2px rgba(39,150,62,0.12);
}


/* =========================================================
   17. CART TOTALS HEADING
   ========================================================= */

.woocommerce-cart .cart_totals h2 {

    color: #173F28 !important;

    font-weight: 600 !important;
}


/* =========================================================
   18. PRICE / TOTAL HIGHLIGHT
   ========================================================= */

.woocommerce-cart .cart_totals .amount {

    color: #173F28 !important;

    font-weight: 600;
}


/* =========================================================
   19. SMOOTH CART TRANSITIONS
   ========================================================= */

.woocommerce-cart .button,
.woocommerce-cart a,
.woocommerce-cart input,
.woocommerce-cart .checkout-button {

    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease !important;
}


/* =========================================================
   20. MOBILE RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {

    .woocommerce-cart-form button[name="update_cart"],
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {

        width: 100% !important;

        text-align: center !important;

        padding: 14px 20px !important;
    }

}/* End custom CSS */