.elementor-28 .elementor-element.elementor-element-1d88e66a{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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 );}.elementor-28 .elementor-element.elementor-element-502ed8d{--display:flex;--min-height:100vh;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;--align-items:center;}.elementor-28 .elementor-element.elementor-element-0e8a9f9 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-0e8a9f9{width:100%;max-width:100%;--totals-title-alignment:end;--sections-background-color:#02010100;--sections-border-type:none;--sections-title-color:var( --e-global-color-secondary );--links-normal-color:var( --e-global-color-secondary );--links-hover-color:var( --e-global-color-primary );--forms-buttons-border-type:none;--product-link-normal-color:var( --e-global-color-secondary );--order-summary-items-divider-color:#7239EA00;--order-summary-quantity-border-color:#FFFFFF00;--order-summary-remove-icon-normal-color:var( --e-global-color-secondary );--totals-color:var( --e-global-color-secondary );}.elementor-28 .elementor-element.elementor-element-0e8a9f9 > .elementor-widget-container{margin:50px 0px 50px 0px;padding:0px 50px 0px 50px;}.elementor-28 .elementor-element.elementor-element-0e8a9f9 .woocommerce-cart-form{--update-cart-button-alignment:end;--update-cart-button-width:auto;--order-summary-title-color:var( --e-global-color-secondary );}.elementor-28 .elementor-element.elementor-element-0e8a9f9 .coupon{--apply-coupon-button-alignment:center;--apply-coupon-button-width:auto;}.elementor-28 .elementor-element.elementor-element-0e8a9f9 .cart_totals h2{font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:16px;font-weight:600;}.elementor-28 .elementor-element.elementor-element-0e8a9f9 {--sections-descriptions-color:#E4DFDF;}.elementor-28 .elementor-element.elementor-element-0e8a9f9 .coupon .input-text, .elementor-28 .elementor-element.elementor-element-0e8a9f9 .cart-collaterals .input-text, .elementor-28 .elementor-element.elementor-element-0e8a9f9 select, .elementor-28 .elementor-element.elementor-element-0e8a9f9 .select2-selection--single{border-style:none;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for text-editor, class: .elementor-element-629323c7 *//*
=========================================================
[LTR VERSION] CUSTOM CSS FOR WOOCOMMERCE CART BLOCK
=========================================================
*/

/* --- 1. General Page & Layout Setup --- */

body.page-template-default,
.wp-site-blocks {
    background-color: #1A1A1A !important;
}
.wp-block-post-title, .wp-block-paragraph {
    display: none;
}

/* Main cart layout: items on the LEFT, summary on the RIGHT */
.wp-block-woocommerce-cart .wc-block-components-sidebar-layout {
    display: flex;
    flex-direction: row; /* Standard LTR direction */
    gap: 30px;
    align-items: flex-start;
}
.woocommerce-breadcrumb { display: none; } /* Hiding breadcrumbs for now */

/* --- 2. Cart Items Column (LEFT SIDE) --- */
.wc-block-cart__main {
    background-color: #252525;
    padding: 30px;
    border-radius: 20px;
    flex-grow: 1;
}
.wc-block-cart-items__header { display: none; }

/* Product row styling */
.wc-block-cart-items__row {
    display: flex !important;
    align-items: center;
    gap: 20px;
    background-color: #3D3D3D;
    padding: 20px;
    border-radius: 15px;
}
.wc-block-cart-items__row:not(:last-child) {
    margin-bottom: 20px;
}
.wc-block-cart-items__row td {
    padding: 0; border: none; background: transparent;
}

/* Image */
.wc-block-cart-item__image img {
    width: 80px; height: 80px; border-radius: 10px; object-fit: cover;
}
/* Product Details */
.wc-block-cart-item__product {
    flex-grow: 1; text-align: left;
}
.wc-block-components-product-name {
    color: #FFFFFF; font-size: 18px; font-weight: bold; text-decoration: none;
}
.wc-block-cart-item__prices {
    color: #AAAAAA; font-size: 16px; margin-top: 5px;
    text-align: right; 
}
/* Quantity & Remove Container */
.wc-block-cart-item__quantity {
    display: inline-flex; align-items: center; gap: 20px;
    width: 50%;
    display: inline-flex;
    margin-top: -26rem;
}
/* Quantity Input */
.wc-block-components-quantity-.elementor-28 .elementor-element.elementor-element-629323c7 {
    display: flex; background-color: #2C2C2C; border-radius: 30px;
    border: 1px solid #555; overflow: hidden;
}
.wc-block-components-quantity-.elementor-28 .elementor-element.elementor-element-629323c7__input {
    width: 40px; text-align: center; background: transparent; color: white; border: none;
    border-left: 1px solid #555; border-right: 1px solid #555;
}
.wc-block-components-quantity-.elementor-28 .elementor-element.elementor-element-629323c7__button {
    background: transparent; border: none; color: white;
    font-size: 20px; cursor: pointer; width: 35px;
}
/* Remove Button ('X') */
.wc-block-cart-item__remove-link {
    font-size: 0; background-color: #FFFFFF; color: #1A1A1A;
    border-radius: 50%; width: 30px; height: 30px;
    display: flex; align-items: center; justify-content: center;
    text-decoration: none; line-height: 1;
}
.wc-block-cart-item__remove-link::before {
    content: '×'; font-size: 24px; font-weight: bold;
}
/* Hide unneeded elements */
.wc-block-cart-item__total, .wc-block-components-product-badge, .wc-block-components-product-metadata,
.wp-block-woocommerce-cart-cross-sells-block {
    display: none;
}
.wc-block-components-product-badge{
    display: table !important; 
}
/* --- 3. Order Summary Column (RIGHT SIDE) --- */
.wc-block-cart__sidebar {
    background-color: #252525;
    border-radius: 20px;
    padding: 30px;
    width: 400px;
    flex-shrink: 0;
}
/* Title */
.wc-block-cart__totals-title,
.wp-block-woocommerce-cart-order-summary-heading-block {
    color: #FFFFFF; font-size: 24px; font-weight: bold;
    text-align: left; margin-bottom: 20px;
}
/* Key-value pairs */
.wc-block-components-totals-item {
    display: flex; justify-content: space-between; align-items: center;
    padding: 15px 0; border-bottom: 1px solid #444;
}
.wc-block-components-totals-item__label {
    color: #AAAAAA; font-size: 16px;
}
.wc-block-components-totals-item__value {
    color: #FFFFFF; font-size: 16px;
}
/* Final Total row */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    color: #FFFFFF; font-size: 18px; font-weight: bold;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 18px; font-weight: bold;
}
/* Coupon Form */
.wc-block-components-totals-coupon-link {
    color: #AAAAAA; cursor: pointer; text-align: left; display: block;
    padding: 15px 0; border-bottom: 1px solid #444;
}
.wc-block-components-coupon-input-field {
    position: relative; margin-top: 15px;
}
.wc-block-components-coupon-input-field input {
    width: 100%; background-color: #3D3D3D; border: 1px solid #555;
    border-radius: 30px; padding: 15px 120px 15px 20px; color: white;
}
.wc-block-components-coupon-input-field .wc-block-components-button {
    position: absolute; right: 6px; /* Positioned on the right */
    top: 6px; bottom: 6px; background-color: #FF0000;
    border-radius: 30px; width: 100px;
}
/* Proceed to Checkout Button */
.wc-block-cart__submit-button {
    background-color: #FF0000; color: #FFFFFF; border-radius: 30px;
    width: 100%; text-align: center; padding: 18px;
    font-size: 18px; font-weight: bold; margin-top: 20px;
    text-decoration: none; display: block;
}

.wc-block-components-sidebar-layout .wc-block-components-main{
    width:50% !important;
}
/*
=========================================================
[EDIT] STYLING FOR THE CART 'REMOVE ITEM' BUTTON
=========================================================
*/

/* Targets the link for the remove button */
.wc-block-cart-item__remove-link {
    /* Create the white circle */
    background-color: #FFFFFF !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    
    /* Center the 'x' inside the circle */
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* Hide the default text like "Remove item" */
    font-size: 0 !important;
    text-decoration: none !important;
    border: none !important;
}

/* Creates the '×' character inside the button */
.wc-block-cart-item__remove-link::before {
    content: '×' !important;
    font-size: 24px !important;
    font-weight: bold;
    color: #1A1A1A !important; /* Black color for the 'x' */
    line-height: 1;
}

/* Optional: Add a subtle hover effect */
.wc-block-cart-item__remove-link:hover {
    opacity: 0.8;
}

.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large
{
    direction: rtl; 
}/* End custom CSS */
/* Start custom CSS for woocommerce-cart, class: .elementor-element-0e8a9f9 *//*
=========================================================
[FINAL & CORRECTED] CSS FOR ELEMENTOR CART WIDGET (RTL)
=========================================================
*/

/* --- 1. General Page & Layout Setup --- */
body.woocommerce-cart {
    background-color: #1A1A1A !important;
    direction: rtl; /* Force RTL direction for the page */
}
.woocommerce h1.page-title, .woocommerce-breadcrumb {
    display: none !important;
}

/* Main two-column layout: Totals on LEFT, Items on RIGHT */
.elementor-widget-woocommerce-cart .e-cart__container {
    display: flex !important;
    flex-direction: row-reverse !important;
    gap: 30px !important;
    align-items: flex-start !important;
}

/* --- 2. Cart Items Column (RIGHT SIDE) --- */
.e-cart__column-start {
    background-color: #252525;
    padding: 30px;
    border-radius: 20px;
    flex: 1;
}
table.shop_table.cart {
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 15px !important; /* Space between rows */
    width: 100%;
}
table.shop_table.cart thead { display: none !important; }
table.shop_table.cart tbody { width: 100%; }

/* --- THE PRODUCT ROW (KEY FIX using Flexbox) --- */
table.shop_table.cart tr.cart_item {
    background-color: #3D3D3D;
    border-radius: 15px;
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 20px;
    direction: rtl; 
    margin-top:10px;
}
table.shop_table.cart td {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    display: flex;
    align-items: center;
}

.elementor-widget-woocommerce-cart .woocommerce table.cart td{
    text-align:right;
}

/* --- Reordering and Styling the Row Content --- */
td.product-remove { order: 4; }
td.product-quantity { order: 3; }
td.product-name { order: 2; flex-grow: 1; }
td.product-thumbnail { order: 1; }

/* Hide unneeded default cells */
/*td.product-price,*/ td.product-subtotal { display: none !important; */
}

/* Image */
td.product-thumbnail img {
    width: 90px; height: 90px; border-radius: 10px; object-fit: cover;
}
/* Product Name & Price Info */
td.product-name a {
    color: #FFFFFF; font-size: 18px; font-weight: bold; text-decoration: none;
}
td.product-name .price {
    color: #AAAAAA; font-size: 16px; margin-top: 5px; display: block;
}
/* Quantity Input */
.quantity {
    display: flex; background-color: #2C2C2C; border-radius: 30px;
    border: 1px solid #555; overflow: hidden;
}
.quantity .qty {
    width: 50px; 
    text-align: center; 
    background: transparent;
    border: none;
    padding: 4px 6px !important; 
    border-left: 1px solid #555; border-right: 1px solid #555;

    color:white !important;
}
.quantity .plus, .quantity .minus {
    background: transparent; border: none; color: white; font-size: 20px; cursor: pointer; width: 35px;
}
/* Remove Button */
td.product-remove .remove {
    font-size: 0; background-color: #FFFFFF; color: #1A1A1A;
    border-radius: 50%; width: 30px; height: 30px;
    display: flex; align-items: center; justify-content: center; text-decoration: none;
}
td.product-remove .remove::before { content: '×'; font-size: 24px; font-weight: bold; }

/* --- 3. Cart Totals Column (LEFT SIDE) --- */
.e-cart__column-end { width: 420px; flex-shrink: 0; }
.cart-collaterals .cart_totals {
    background-color: #252525; padding: 30px; border-radius: 20px;
}
.cart_totals h2 {
    color: #FFFFFF; font-size: 24px; font-weight: bold; text-align: right; margin-bottom: 20px;
}
.cart_totals table { width: 100%; border: none; }
.cart_totals tr {
    display: flex; justify-content: space-between; flex-direction: row-reverse;
}
.cart_totals th, .cart_totals td {
    padding: 15px 0; border-top: 1px solid #444; color: #AAAAAA; text-align: right; border-bottom: none;
}
.cart_totals td { text-align: left; }
.cart_totals td .amount { color: #FFFFFF; }
.cart_totals .order-total th, .cart_totals .order-total td strong {
    color: #FFFFFF; font-weight: bold; font-size: 18px;
}
/* Coupon Form */
.cart_totals .coupon {
    position: relative; margin-top: 20px; padding-top: 20px; border-top: 1px solid #444;
}
.cart_totals .coupon label {
    display: block; margin-bottom: 10px; color: #AAAAAA; text-align: right;
}
.cart_totals .coupon .input-text {
    width: 100%; background-color: #3D3D3D; border: 1px solid #555;
    border-radius: 30px; padding: 15px 120px 15px 20px; color: white;
}
.cart_totals .coupon .button {
    position: absolute; left: 6px; top: 50%; transform: translateY(-50%);
    background-color: #FF0000 !important; color: #fff !important;
    border-radius: 30px; padding: 10px 25px !important;
    font-weight: bold; line-height: normal;
}
/* Proceed to Checkout Button */
.wc-proceed-to-checkout .button.checkout-button {
    background-color: #FF0000 !important;
    border-radius: 12px;
    width: 100%; text-align: center; padding: 18px;
    font-size: 18px; font-weight: bold; margin-top: 20px; display: block;
}

/* Hide Update Cart Button */
.woocommerce-cart-form .actions { display: none; }

.elementor-widget-woocommerce-cart .woocommerce table.cart img{
    width: 63px;
    border: 2px solid #383838;
    padding: 5px;
}

.elementor-widget-woocommerce-cart .woocommerce table.shop_table tr{
    direction: rtl
}

@media 

.elementor-widget-woocommerce-cart .woocommerce table.cart img{
    width:;
}/* End custom CSS */