.elementor-189 .elementor-element.elementor-element-27f8431{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-189 .elementor-element.elementor-element-ede8912 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-weight:600;color:#0F232C;}.elementor-189 .elementor-element.elementor-element-d6c833e{--display:flex;}.elementor-189 .elementor-element.elementor-element-f93620d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#3A4347;}.elementor-189 .elementor-element.elementor-element-5ca2edf .woolentor-product-item .woolentor-badge{background-color:var( --e-global-color-astglobalcolor2 );color:#FFFFFF;}.elementor-189 .elementor-element.elementor-element-5ca2edf .woolentor-product-grid-modern{gap:25px;}.elementor-189 .elementor-element.elementor-element-5ca2edf .woolentor-product-stars{gap:2px;}.elementor-189 .elementor-element.elementor-element-5ca2edf .woolentor-product-actions .woolentor-cart-btn{background-color:#08102A!important;background:#08102A!important;}.elementor-189 .elementor-element.elementor-element-5ca2edf .woolentor-product-actions .woolentor-cart-btn svg{width:18px;height:18px;}.elementor-189 .elementor-element.elementor-element-5ca2edf .woolentor-luxury-card .woolentor-cart-arrow{font-size:18px;}.elementor-189 .elementor-element.elementor-element-5ca2edf .woolentor-quick-actions .woolentor-quick-action svg{width:18px;height:18px;}.elementor-189 .elementor-element.elementor-element-5ca2edf .woolentor-quick-actions .woolentor-quick-action{font-size:18px;}.elementor-189 .elementor-element.elementor-element-5ca2edf .woolentor-pagination{justify-content:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-189 .elementor-element.elementor-element-5ca2edf .woolentor-product-grid-modern{gap:20px;}}@media(max-width:767px){.elementor-189 .elementor-element.elementor-element-ede8912{text-align:center;}.elementor-189 .elementor-element.elementor-element-120697b.elementor-element{--align-self:center;}.elementor-189 .elementor-element.elementor-element-f93620d{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-189 .elementor-element.elementor-element-5ca2edf .woolentor-product-grid-modern{gap:15px;}}/* Start custom CSS for wc-elements, class: .elementor-element-120697b *//* ==========================================================================
   1. MAIN ACTION BUTTONS (BLACK BACKGROUND, WHITE TEXT)
   ========================================================================== */
.elementor-189 .elementor-element.elementor-element-120697b .woocommerce-cart-form button.button,
.elementor-189 .elementor-element.elementor-element-120697b .woocommerce-cart-form a.button,
.elementor-189 .elementor-element.elementor-element-120697b .cart_totals .checkout-button,
.elementor-189 .elementor-element.elementor-element-120697b .cart_totals .button,
.woocommerce button.button.alt,
.woocommerce-cart .shop_table .button {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: default px !important;
    box-shadow: none !important;
    opacity: 1 !important;
    text-transform: uppercase;
    transition: background-color 0.3s ease !important;
}

/* Button Hover State */
.elementor-189 .elementor-element.elementor-element-120697b .woocommerce-cart-form button.button:hover,
.elementor-189 .elementor-element.elementor-element-120697b .woocommerce-cart-form a.button:hover,
.elementor-189 .elementor-element.elementor-element-120697b .cart_totals .checkout-button:hover,
.elementor-189 .elementor-element.elementor-element-120697b .cart_totals .button:hover,
.woocommerce button.button.alt:hover,
.woocommerce-cart .shop_table .button:hover {
    background-color: #333333 !important;
    background: #333333 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   2. TEXT LINKS (BLACK TEXT)
   ========================================================================== */
.elementor-189 .elementor-element.elementor-element-120697b .woocommerce-cart-form table a:not(.button):not(.remove),
.elementor-189 .elementor-element.elementor-element-120697b .cart_totals a:not(.button) {
    color: #000000 !important;
}

/* Link Hover State */
.elementor-189 .elementor-element.elementor-element-120697b .woocommerce-cart-form table a:not(.button):not(.remove):hover,
.elementor-189 .elementor-element.elementor-element-120697b .cart_totals a:not(.button):hover {
    color: #333333 !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   3. TRASH CAN REMOVE BUTTON (NO CIRCLE, NO SHADOWS)
   ========================================================================== */
/* Targets every layout level to strip out structural roundness constraints */
.elementor-189 .elementor-element.elementor-element-120697b a.remove,
.elementor-189 .elementor-element.elementor-element-120697b .product-remove a.remove,
.woocommerce-cart .shop_table td.product-remove a.remove,
.woocommerce-page .woocommerce-cart-form a.remove {
    /* Kill color, backgrounds, and borders completely */
    color: #000000 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0px none transparent !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    text-shadow: none !important;

    /* Destroy the circle shape by overriding height & width restrictions */
    font-size: 0px !important; 
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    display: inline-block !important;
    
    /* Center it inside the column grid cleanly */
    padding: 0 !important;
    margin: 0 auto !important;
    float: none !important;
}

/* Injects clean FontAwesome Trash Can Icon */
.elementor-189 .elementor-element.elementor-element-120697b a.remove::before,
.elementor-189 .elementor-element.elementor-element-120697b .product-remove a.remove::before,
.woocommerce-cart .shop_table td.product-remove a.remove::before {
    content: "\f2ed" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    display: inline-block !important;
    background: transparent !important;
    border: none !important;
}

/* Trash Can Hover Effect (Turns red flatly) */
.elementor-189 .elementor-element.elementor-element-120697b a.remove:hover,
.elementor-189 .elementor-element.elementor-element-120697b .product-remove a.remove:hover,
.woocommerce-cart .shop_table td.product-remove a.remove:hover {
    color: #ff3333 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0px none transparent !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}

/* Completely hide the WooCommerce "Cart Updated" banner */
.woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message {
    display: none !important;
}

/* ==========================================================================
   1. TRANSFORM EMPTY CART NOTICE TO BLACK THEME
   ========================================================================== */
/* Changes the top accent border line from blue to black */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.elementor-widget-woocommerce-cart .woocommerce-info {
    border-top-color: #000000 !important;
    background-color: #f9f9f9 !important; /* Soft gray background */
    color: #000000 !important;
}

/* Forces the accompanying icon or square marker to match the black color scheme */
.woocommerce-info::before,
.woocommerce-info .wc-block-components-notice-banner__icon {
    color: #000000 !important;
}

/* Makes the "Return to shop" button solid black with white text */
.woocommerce-info a.button,
.woocommerce-cart .return-to-shop a.button,
.woocommerce-cart a.wc-backward {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0px !important;
    display: inline-block !important;
    transition: background-color 0.3s ease !important;
}

/* "Return to shop" hover state */
.woocommerce-info a.button:hover,
.woocommerce-cart .return-to-shop a.button:hover,
.woocommerce-cart a.wc-backward:hover {
    background-color: #333333 !important;
    background: #333333 !important;
    color: #ffffff !important;
}


/* ==========================================================================
   2. CENTER THE PROCEED TO CHECKOUT BUTTON
   ========================================================================== */
/* Formats the wrapper layout block inside the totals section to center its elements */
.elementor-189 .elementor-element.elementor-element-120697b .cart_totals .wc-proceed-to-checkout,
.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    padding: 15px 0 !important;
}

/* Ensures the checkout button stays centered and scales gracefully */
.elementor-189 .elementor-element.elementor-element-120697b .cart_totals .checkout-button,
.woocommerce-cart .cart_totals a.checkout-button {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
    max-width: 350px !important; /* Limits width so it looks elegant centered */
    width: 100% !important;
}/* End custom CSS */