.elementor-21 .elementor-element.elementor-element-bda30ff{--display:flex;--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;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-21 .elementor-element.elementor-element-998b9be{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-21 .elementor-element.elementor-element-572378f .woocommerce-breadcrumb{color:#1C1C1C;font-family:"Al-Jazeera-Arabic", Sans-serif;font-size:14px;font-weight:400;text-align:left;}.elementor-21 .elementor-element.elementor-element-572378f .woocommerce-breadcrumb > a{color:#9FA5B2;}.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-21 .elementor-element.elementor-element-c4c8460 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-c4c8460{text-align:center;}.elementor-21 .elementor-element.elementor-element-c4c8460 .elementor-heading-title{font-family:"Al-Jazeera-Arabic", Sans-serif;font-size:44px;font-weight:700;line-height:1em;}.elementor-21 .elementor-element.elementor-element-4ebb1419{--display:flex;}.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 );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-bda30ff{--padding-top:30px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-21 .elementor-element.elementor-element-998b9be{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-c4c8460 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-c4c8460 .elementor-heading-title{font-size:32px;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-572378f */.elementor-21 .elementor-element.elementor-element-572378f a{
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-581d77b9 *//* ===========================================================
   RAFA LINE — Cart Page (FINAL, consolidated)
   استبدل أي CSS قديم للكارت بهذا الملف بالكامل — لا تضف فوق ملفات سابقة
   Selectors مبنية على الـ DOM الحقيقي (WooCommerce + Astra):
   tr.woocommerce-cart-form__cart-item.cart_item
   =========================================================== */

:root {
    --rl-white: #ffffff;
    --rl-card-border: #eaeaea;
    --rl-card-radius: 0;

    --rl-bg-tertiary: #f1f3f7;
    --rl-bg-secondary: #f9fafc;
    --rl-img-bg: #f5f5f5;

    --rl-dark: #191c1c;
    --rl-heading: #0c0a20;
    --rl-emerald: #006b5c;
    --rl-text-secondary: #727e92;
    --rl-text-muted: #9fa5b2;
    --rl-success: #1a8f4c;
    --rl-error: #e34848;
}

/* ===========================================================
   0) عام
   =========================================================== */
.woocommerce-cart #primary,
.woocommerce-cart .ast-container {
    background: var(--rl-white) !important;
}

.woocommerce-cart .page-title,
.woocommerce-cart h1.entry-title {
    font-weight: 700;
    font-size: 36px;
    color: var(--rl-dark);
    margin-bottom: 24px;
}

/* ===========================================================
   1) عمودين: المنتجات + الملخص
   =========================================================== */
.woocommerce-cart .woocommerce {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px;
}

.woocommerce-cart form.woocommerce-cart-form {
    flex: 1 1 62%;
    min-width: 320px;
    order: 1;
}

.woocommerce-cart .cart-collaterals {
    flex: 1 1 32%;
    min-width: 300px;
    order: 2;
}

/* ===========================================================
   2) شريط "مسح الكل" + "(عدد العناصر)"  — لو مضاف عبر PHP hook
   =========================================================== */
.rl-cart-header {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    background: var(--rl-bg-secondary);
    border: 1px solid var(--rl-card-border);
    border-radius: 0;
    padding: 20px 24px;
    width: 100%;
    margin-bottom: 16px;
}
.rl-cart-header .rl-cart-count {
    font-weight: 700;
    font-size: 18px;
    color: var(--rl-heading);
}
.rl-cart-header .rl-cart-clear-all {
    font-size: 15px;
    color: var(--rl-error);
    text-decoration: none;
}
.rl-cart-header .rl-cart-clear-all:hover {
    text-decoration: underline;
}

/* ===========================================================
   3) كسر الجدول لصالح flex layout
   =========================================================== */
.woocommerce-cart table.shop_table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
    background: transparent !important;
}
.woocommerce-cart table.shop_table thead {
    display: none !important;
}
.woocommerce-cart table.shop_table tbody,
.woocommerce-cart table.shop_table tr,
.woocommerce-cart table.shop_table td {
    display: block;
    width: auto;
}
/* إخفاء الـ labels اللي Astra بيحقنها بـ content:attr(data-title) */
.woocommerce-cart table.shop_table td::before {
    display: none !important;
    content: none !important;
}

/* ===========================================================
   4) بطاقة عنصر السلة — CSS Grid: عمود المحتوى (عنوان/كمية/سعر) + عمود الصورة
   =========================================================== */
.woocommerce-cart table.shop_table tr.woocommerce-cart-form__cart-item.cart_item {
    display: grid !important;
    direction: ltr !important;      /* نتحكم بالترتيب يدويًا بدون الاعتماد على dir الموروث */
    grid-template-columns: 1fr 140px;
    grid-template-rows: auto auto auto;
    column-gap: 16px;
    row-gap: 10px;
    align-items: center;
    position: relative;
    background: var(--rl-white) !important;
    border: 1px solid var(--rl-card-border) !important;
    border-radius: 0 !important;
    padding: 20px !important;
    margin-bottom: 16px !important;
    height: auto !important;
    min-height: 0 !important;
}
.woocommerce-cart table.shop_table tr.woocommerce-cart-form__cart-item.cart_item:last-of-type {
    margin-bottom: 0 !important;
}
.woocommerce-cart table.shop_table tr.woocommerce-cart-form__cart-item.cart_item td {
    border: none !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

/* العمود الأول (المحتوى): عنوان فوق، كمية تحته، سعر تحته */
.woocommerce-cart td.product-remove    { position: absolute; top: 12px; left: 12px; z-index: 2; }
.woocommerce-cart td.product-name      {
    grid-column: 1;
    grid-row: 1;
    direction: rtl;
    text-align: right;
    align-self: end;
    justify-self: end;
    width: auto !important;
}
.woocommerce-cart td.product-quantity  {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    justify-self: end; /* الصف مضبوط LTR، فـ "end" هنا = يمين، قريب من عمود الصورة */
    width: auto !important;
}
.woocommerce-cart td.product-price     {
    grid-column: 1;
    grid-row: 3;
    direction: rtl;
    text-align: right;
    align-self: start;
    justify-self: end; /* Astra بيحط width ثابت (زي 20%) على الخلية دي، وده كان بيمنع الـ stretch الافتراضي */
    width: auto !important;
}

/* عمود الصورة: يمتد على ارتفاع الثلاث صفوف كلهم، أقصى اليمين */
.woocommerce-cart td.product-thumbnail {
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: stretch;
}
.woocommerce-cart td.product-subtotal  { display: none !important; }

/* ===========================================================
   5) صورة المنتج — مربعة، حواف دائرية، خلفية رمادية فاتحة
   =========================================================== */
.woocommerce-cart td.product-thumbnail,
.woocommerce-cart td.product-thumbnail a {
    display: block !important;
    width: 140px !important;
    height: 140px !important;
    overflow: hidden;
    border-radius: var(--rl-card-radius);
}
.woocommerce-cart td.product-thumbnail img {
    width: 140px !important;
    height: 140px !important;
    max-width: 140px !important;
    min-width: 140px !important;
    object-fit: contain !important;
    background: var(--rl-img-bg) !important;
    border-radius: var(--rl-card-radius) !important;
    display: block !important;
}

/* ===========================================================
   6) اسم المنتج
   =========================================================== */
.woocommerce-cart td.product-name a {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: var(--rl-heading) !important;
    text-decoration: none;
    margin-bottom: 12px;
}

/* Variant .elementor-21 .elementor-element.elementor-element-581d77b9 لو موجود (لو المنتج variable) */
.woocommerce-cart td.product-name .variation,
.woocommerce-cart td.product-name select {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--rl-card-border);
    border-radius: 0;
    padding: 6px 14px;
    font-size: 13px;
    color: #444;
    background: #fff;
    width: fit-content;
}

/* ===========================================================
   7) عداد الكمية
   =========================================================== */
/* ===== Quantity ===== */
.woocommerce-cart td.product-quantity .quantity {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 120px !important;
    height: 48px !important;
    border: 1px solid rgba(241, 243, 247, 1) !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: var(--rl-white);
    overflow: hidden;
    flex-shrink: 0 !important;
    box-sizing: border-box;
}

/* ===== Plus & Minus ===== */
.woocommerce-cart td.product-quantity .quantity .minus,
.woocommerce-cart td.product-quantity .quantity .plus {
    float: none !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 100% !important;
    border: none !important;
    background: transparent !important;
    font-size: 20px;
    line-height: 1;
    color: #333;
    cursor: pointer;
    transition: background .2s ease;
    text-decoration: none !important;
    box-sizing: border-box;
}
.woocommerce-cart td.product-quantity .quantity .minus:hover,
.woocommerce-cart td.product-quantity .quantity .plus:hover {
    background: #f5f5f5 !important;
}

/* ===== Quantity Input ===== */
.woocommerce-cart td.product-quantity .quantity input.qty {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 16px;
    font-weight: 500;
    color: var(--rl-heading);
    -moz-appearance: textfield;
    box-sizing: border-box;
}
.woocommerce-cart td.product-quantity .quantity input.qty::-webkit-inner-spin-button,
.woocommerce-cart td.product-quantity .quantity input.qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* ===========================================================
   8) السعر — الحالي غامق / الخصم أخضر / القديم مشطوب رمادي
   =========================================================== */
.woocommerce-cart td.product-price .woocommerce-Price-amount {
    font-weight: 700;
    font-size: 18px;
    color: var(--rl-emerald) !important;
}
.woocommerce-cart td.product-price del {
    display: inline-block;
    color: var(--rl-text-muted);
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
    margin-inline-end: 6px;
}
.woocommerce-cart td.product-price ins {
    text-decoration: none;
    color: var(--rl-success);
    font-weight: 700;
    font-size: 18px;
}

/* ===========================================================
   9) زرار الحذف — نص أحمر صغير أعلى الكارت
   =========================================================== */
.woocommerce-cart td.product-remove a.remove {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: var(--rl-error) !important;
    font-size: 16px;
    text-decoration: none;
    background: transparent !important;
    width: auto;
    height: auto;
    line-height: normal;
}
.woocommerce-cart td.product-remove a.remove:hover {
    color: #c62828 !important;
}

/* ===========================================================
   10) صف الكوبون + زرار تحديث السلة
   =========================================================== */
.woocommerce-cart table.shop_table td.actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
    gap: 10px;
    background: var(--rl-white) !important;
    border: 1px solid var(--rl-card-border) !important;
    border-radius: var(--rl-card-radius) !important;
    padding: 16px !important;
    margin-top: 8px !important;
    width: 100% !important;
}
.woocommerce-cart table.shop_table td.actions .coupon {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    flex-wrap: wrap;
    margin: 0;
}
.woocommerce-cart .coupon input#coupon_code {
    flex: 1;
    min-width: 140px;
    height: 44px;
    border: 1px solid var(--rl-card-border) !important;
    border-radius: 0 !important;
    padding: 0 18px !important;
    background: var(--rl-white);
}
.woocommerce-cart .coupon button[name="apply_coupon"] {
    background: var(--rl-dark) !important;
    color: var(--rl-white) !important;
    border: none !important;
    border-radius: 0 !important;
    height: 44px;
    padding: 0 24px !important;
    font-weight: 600;
    white-space: nowrap;
}
.woocommerce-cart table.shop_table td.actions button[name="update_cart"] {
    background: var(--rl-white) !important;
    color: var(--rl-heading) !important;
    border: 1px solid var(--rl-card-border) !important;
    border-radius: 0 !important;
    height: 44px;
    padding: 0 20px !important;
    font-weight: 600;
}

/* ===========================================================
   11) عمود ملخص الطلب
   =========================================================== */
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-cart .cart-collaterals .cart_totals .cross-sells {
    background: var(--rl-white) !important;
    border: 1px solid var(--rl-card-border) !important;
    border-radius: var(--rl-card-radius) !important;
    padding: 24px !important;
    margin-bottom: 0 !important;
    float: none !important;
    width: 100% !important;
}
.woocommerce-cart .cart_totals h2 {
    font-size: 20px;
    font-weight: 700;
    color: var(--rl-heading);
    margin-bottom: 18px;
}
.woocommerce-cart .cart_totals table.shop_table {
    border-spacing: 0;
}
.woocommerce-cart .cart_totals table.shop_table tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--rl-card-border);
}
.woocommerce-cart .cart_totals table.shop_table tr th,
.woocommerce-cart .cart_totals table.shop_table tr td {
    border: none !important;
    padding: 0 !important;
    font-size: 15px;
    color: var(--rl-text-secondary) !important;
}
.woocommerce-cart .cart_totals table.shop_table tr td {
    color: var(--rl-heading) !important;
}
.woocommerce-cart .cart_totals .order-total {
    border-bottom: none;
    padding-top: 14px;
}
.woocommerce-cart .cart_totals .order-total td {
    font-family: 'Al-Jazeera-Arabic', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.01em; /* -1% */
    text-align: right;
    color: rgba(0, 107, 92, 1) !important;
}
.woocommerce-cart .cart_totals .order-total th {
    color: var(--rl-dark) !important;
    font-weight: 400;
    font-size: 17px;
}

.woocommerce-cart .wc-proceed-to-checkout {
    margin-top: 18px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    background: var(--rl-dark) !important;
    color: var(--rl-white) !important;
    border-radius: 0 !important;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background: #000;
}

/* ===========================================================
   12) ريسبونسيف
   =========================================================== */
@media (max-width: 768px) {
    .woocommerce-cart table.shop_table tr.woocommerce-cart-form__cart-item.cart_item {
        grid-template-columns: 100px 1fr;
        column-gap: 12px;
        row-gap: 8px;
        padding: 16px !important;
    }
    .woocommerce-cart td.product-thumbnail {
        grid-column: 1;
        grid-row: 1 / span 3;
    }
    .woocommerce-cart td.product-name {
        grid-column: 2;
        grid-row: 1;
    }
    .woocommerce-cart td.product-quantity {
        grid-column: 2;
        grid-row: 2;
    }
    .woocommerce-cart td.product-price {
        grid-column: 2;
        grid-row: 3;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Al-Jazeera-Arabic';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Light.eot');
	src: url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Light.eot?#iefix') format('embedded-opentype'),
		url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Light.woff2') format('woff2'),
		url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Light.woff') format('woff'),
		url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Light.ttf') format('truetype'),
		url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Light.svg#Al-Jazeera-Arabic') format('svg');
}
@font-face {
	font-family: 'Al-Jazeera-Arabic';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Regular.eot');
	src: url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Regular.woff2') format('woff2'),
		url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Regular.woff') format('woff'),
		url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Regular.ttf') format('truetype'),
		url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Regular.svg#Al-Jazeera-Arabic') format('svg');
}
@font-face {
	font-family: 'Al-Jazeera-Arabic';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Bold.eot');
	src: url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Bold.woff2') format('woff2'),
		url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Bold.woff') format('woff'),
		url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Bold.ttf') format('truetype'),
		url('https://rafa-line.com/wp-content/uploads/2026/06/Al-Jazeera-Arabic-Bold.svg#Al-Jazeera-Arabic') format('svg');
}
/* End Custom Fonts CSS */