/* الخلفية الأساسية */
body, html {
  background-color: #121212 !important;
  color: #ffffff !important;
}
/* خلفيات البطاقات، الحاويات، الأقسام */
.container, .section, .main-content, .content, .box, .card, .product, .product-card, .product-box, .service-card {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
  border-color: #333 !important;
}

/* النصوص العامة داخل الأقسام */
.container *, .section *, .main-content *, .content *, .box *, .card *, .product *, .product-card *, .product-box * {
  color: #ffffff !important;
}

/* الروابط */
a {
  color: #bb86fc !important;
}
a:hover {
  color: #ffffff !important;
}

/* الهيدر */
.header, .site-header, .top-header, .navbar {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
}

/* الفوتر */
footer, .footer, .site-footer {
  background-color: #121212 !important;
  color: #ffffff !important;
}
/* النص المختفي اللي داخل عناصر فوق المنتجات */
.section .text,
.section .text-center,
.section .subtitle,
.section .title,
.section-header,
.section-header * {
  color: #7361BE !important;
}

/* الأزرار */
button, .btn, .button, input[type="submit"] {
  background-color: #333 !important;
  color: #ffffff !important;
  border: none !important;
}
button:hover, .btn:hover, .button:hover, input[type="submit"]:hover {
  background-color: #444 !important;
}

/* الحقول */
input, textarea, select {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
  border: 1px solid #444 !important;
}

/* الفواصل */
hr, .divider, .section-separator, .horizontal-line,
.line, .border-line, .mini-divider, .product-separator,
.checkout-separator, .product-divider, .tabs-bar, .section-header {
  background-color: #7361BE !important;
  border-color: #7361BE !important;
  color: #7361BE !important;
}

/* النقاط (سلايدر) */
.swiper-pagination-bullet,
.owl-dot span,
.slick-dots li button {
  background-color: #7361BE !important;
}

/* عنوان المنتج */
.product-card .product-title,
.product .product-title,
.product-box .product-title {
  color: #7361BE !important;
  font-weight: bold !important;
}

/* وصف المنتج */
.product-card .product-description,
.product .product-description {
  color: #7361BE !important;
}

/* السعر الحالي */
.product-card .price,
.product .price,
.product-box .price,
.price ins {
  color: #FF4C4C !important;
  font-weight: bold !important;
}

/* السعر القديم (المشطوب) */
.product-card .price del,
.product .price del,
.product-box .price del,
.price del {
  color: #999 !important;
}

/* أيقونة المستخدم */
a.login-link.circle-action.m-l-md-2 {
  background-color: #7361BE !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  border-radius: 6px !important;
}
a.login-link.circle-action.m-l-md-2 svg,
a.login-link.circle-action.m-l-md-2 i {
  color: #ffffff !important;
  fill: #ffffff !important;
}
/* إظهار زر السلة دائمًا وتثبيته باللون البنفسجي */
.product .add-to-cart-button,
.product-card .add-to-cart-button,
.product-box .add-to-cart-button,
.button.add-to-cart,
.action-buttons .btn {
  background-color: #7361BE !important;
  color: #ffffff !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: none !important;
}

/* لو الزر داخل div يختفي ويظهر مع الهوفر */
.product:hover .add-to-cart-button,
.product-card:hover .add-to-cart-button {
  opacity: 1 !important;
  visibility: visible !important;
  background-color: #7361BE !important;
}
/* حذف الخلفيات الغريبة خلف النص */
.section-header,
.section-header *,
.section-title,
.section-title * {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #7361BE !important;
}

/* حذف الخطين الجانبية البيضاء أو البنفسجية */
.section-header:before,
.section-header:after,
.section-title:before,
.section-title:after {
  display: none !important;
}

/* تنظيف إضافي لأي فواصل داخل هذا القسم */
hr, .divider, .border-line, .section-separator {
  background-color: transparent !important;
  border: none !important;
}
/* حذف الخلفيات الغريبة خلف النص */
.section-header,
.section-header *,
.section-title,
.section-title * {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #7361BE !important;
}

/* حذف الخطين الجانبية البيضاء أو البنفسجية */
.section-header:before,
.section-header:after,
.section-title:before,
.section-title:after {
  display: none !important;
}

/* تنظيف إضافي لأي فواصل داخل هذا القسم */
hr, .divider, .border-line, .section-separator {
  background-color: transparent !important;
  border: none !important;
}
/* إزالة المسافات والفراغات حول السلايدر */
.slider-section,
.slider,
.hero-slider,
.section-slider,
.section-slider-wrapper,
.swiper-container {
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  border: none !important;
}

/* إزالة المسافة من فوق وتحت لأي قسم مجاور */
.slider-section + .section,
.section + .slider-section {
  margin: 0 !important;
  padding: 0 !important;
}

/* إزالة أي فواصل فوق أو تحت السلايدر */
.slider-section hr,
.slider-section .divider,
.slider-section .border-line {
  display: none !important;
}
/* يرجع البنر مشدود بدون فراغات */
.slider-section,
.hero-slider,
.swiper-container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-color: transparent !important;
  border: none !important;
}

/* يحذف الفراغ الأبيض فوق البنر */
.slider-section::before,
.slider-section::after,
.swiper-container::before,
.swiper-container::after {
  display: none !important;
}
/* تحويل أي أقسام بيضاء للون الداكن */
.section,
.section-light,
.section-wrapper,
.page-section,
.hero,
.banner,
.slider-section,
.swiper-container {
  background-color: #121212 !important;
  color: #ffffff !important;
}
/* مسح كل الخلفيات البيضاء وإجبارها على اللون الليلي */
* {
  background-color: transparent !important;
}

/* تحديد أقوى للعناصر اللي غالبًا تكون السبب */
.section,
.section-light,
.section-wrapper,
.page-section,
.hero,
.banner,
.slider-section,
.swiper-container,
.row,
.container,
div[class*="section"],
div[class*="banner"],
div[class*="slider"],
div[class*="wrapper"] {
  background-color: #121212 !important;
  color: #ffffff !important;
}

/* إزالة أي حدود أو ظلال تسبب فاصل أبيض */
.section::before,
.section::after,
.banner::before,
.banner::after {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* السعر الحالي */
.price ins,
.product-card .price ins,
.product .price ins,
.product-box .price ins,
.product-card .price,
.product .price,
.product-box .price {
  color: #FF4C4C !important; /* أحمر ناري */
  font-weight: bold !important;
}

/* السعر القديم (المشطوب) */
.price del,
.product-card .price del,
.product .price del,
.product-box .price del {
  color: #999999 !important; /* رمادي واضح */
  text-decoration: line-through !important;
}
/* السعر الحالي */
.price,
.price .amount,
.product-price,
.product-card .product-price,
.product .product-price,
.product .price,
.product .price .amount,
.price-wrapper .price,
.price-wrapper .amount {
  color: #FF4C4C !important;
  font-weight: bold !important;
}

/* السعر القديم (المشطوب) */
.price del,
.product-price del,
.product .price del,
.product-card .price del,
.price-wrapper del {
  color: #999999 !important;
  text-decoration: line-through !important;
}
.product-card__badge {
    background-color: #6A0DAD !important; /* بنفسجي واضح */
    color: white !important;
    opacity: 1 !important;
}
.product .ribbon,
.product .badge,
.product .product-ribbon {
    background-color: #6A1B9A !important; /* بنفسجي غامق */
    color: #fff !important;              /* الخط أبيض */
    opacity: 1 !important;               /* يزيل الشفافية */
}
[class*="ribbon"],
[class*="badge"],
[class*="offer"],
[class*="label"],
.product .ribbon,
.product .badge,
.product .product-ribbon {
    background-color: #6a1b9a !important;  /* بنفسجي */
    color: #ffffff !important;             /* الخط أبيض */
    opacity: 1 !important;                 /* إزالة الشفافية */
    border: none !important;
    box-shadow: none !important;
}
hr,
.section-title-border,
.section-divider,
div[style*="border-top"],
div[style*="1px solid white"],
div[style*="border-color: #fff"],
div[style*="border-color: rgb(255,255,255)"] {
    border: none !important;
    background: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* 1. إزالة الخط الأبيض */
hr {
  border: none !important;
  background: transparent !important;
  height: 0 !important;
}

/* 2. توحيد لون السعر الأحمر */
.product-card-price,
.product-card-price del {
  color: red !important;
}

/* 3. تغيير شريط عنوان المنتج إلى بنفسجي دائمًا */
.product-card .product-card-title,
.product-card .product-card-subtitle,
.product-card .product-card-header {
  background-color: #7D3C98 !important; /* بنفسجي غامق ثابت */
  color: white !important;
  opacity: 1 !important;
}

/* إصلاح الخلفيات البيضاء داخل البانرات */
.section-title, .section-header {
  background: #121212 !important;
  color: white !important;
}

/* تحسين لون النصوص بالبنفسجي */
.product-card-title, .product-card-subtitle {
  color: #a084dc !important;
}

/* تحسين أيقونة السلة */
.product-card .product-card-cart-icon {
  background-color: #7D3C98 !important;
  color: white !important;
}
/* إزالة الخط الأبيض بين الأقسام */
hr, .section-divider {
  border: none !important;
  background: transparent !important;
  height: 0 !important;
  margin: 0 !important;
}

/* جعل الأسعار كلها حمراء */
.product-card-price,
.product-card-price del,
.price,
.price del {
  color: red !important;
}

/* شريط اسم المنتج بنفسجي */
.product-card .product-card-title,
.product-card .product-card-subtitle,
.product-card .product-card-header {
  background-color: #6C3FC6 !important; /* بنفسجي قوي */
  color: white !important;
  opacity: 1 !important;
}

/* تلوين شريط الخصم أو الوسوم بنفسجي */
.product-card-badge,
.badge {
  background-color: #6C3FC6 !important;
  color: white !important;
}

/* خلفية قسم المنتجات ما تكون بيضاء */
.section, .section-header, .section-title {
  background-color: #121212 !important;
  color: white !important;
}

/* تصغير المساحات البيضاء الزائدة */
.section-padding {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.product-card .product-card-price,
.product-card .product-card-old-price {
  color: red !important;
}
.product-card .product-card-price,
.product-card .product-card-old-price {
  color: red !important;
}
/* 1. تلوين السعر وكلمة ريال */
.product-card-price,
.product-card-price * {
    color: red !important;
}

.product-card-old-price,
.product-card-old-price * {
    color: red !important;
}

/* 2. إزالة الخط الأبيض بين البطاقات */
.product-card {
    border: none !important;
    box-shadow: none !important;
}

/* 3. جعل شريط عنوان المنتج بنفسجي */
.product-card .product-card-title {
    background-color: #6C2BD9 !important; /* هذا كود اللون البنفسجي */
    color: white !important;
    padding: 8px !important;
    border-radius: 0 !important;
}
/* 1. تحويل كلمة "ريال" للّون الأحمر */
.sicon-sar {
  color: red !important;
}

/* 2. توحيد لون السعر الجديد بالأحمر */
.product-price,
.product-price span,
.product-price ins,
.product-price .price-after,
.price-after {
  color: red !important;
}

/* 3. جعل شريط عنوان المنتج بنفسجي بدل الشفاف */
.product-card .product-title,
.product-card .product-title a {
  background-color: #6f42c1 !important; /* بنفسجي */
  color: white !important;
  padding: 5px 10px;
  border-radius: 5px;
  display: inline-block;
}

/* 4. إزالة الفاصل الأبيض بين الأقسام */
.section-title {
  border-top: none !important;
  border-bottom: none !important;
}

/* 5. معالجة الفواصل البيضاء داخل الكروت */
.product-card {
  border-top: none !important;
  border-bottom: none !important;
  border-color: transparent !important;
}
/* كلمة ريال */
.sicon-sar {
  color: #ff4d4d !important;
}

/* السعر الجديد */
.product-price,
.product-price span,
.product-price ins,
.product-price .price-after,
.price-after {
  color: #ff4d4d !important;
}
.price-before {
  color: #999 !important;
}
.price-before {
    color: #999 !important; /* الرمادي الفاتح */
    text-decoration: line-through;
}
.product-details__price .price-before,
.product-price .price-before {
    color: #999 !important;
}
.price-before .sicon-sar {
    color: #A3A3A3 !important; /* أو نفس الكود اللي استخدمته للسعر القديم */
}
.section-title::before,
.section-title::after {
    display: none !important;
}
.section-title::before,
.section-title::after {
    background-color: #888888 !important;
}
.section-header .section--title::before,
.section-header .section--title::after {
    background-color: #888888 !important;
}
h2.section--title::before,
h2.section--title::after {
    background-color: #888888 !important;
}
.product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
span.detail-promotion-title {
  color: #7361BE !important;
}
.product-details .promotion-title,
.product-details span.detail-promotion-title {
  color: #7361BE !important;
}
span.promotion-title {
    color: #7361BE !important;
}
span.promotion-title {
    background-color: #7361BE !important;
    color: #fff !important;
    padding: 3px 8px;          /* بين القديم والجديد */
    border-radius: 7px;
    font-weight: 500;
    font-size: 11px;           /* بين 10 و12 */
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 4px;
    right: auto;
    z-index: 10;
}

.product-box {
    position: relative;
}
/* تغيير لون النجوم إلى أصفر */
.fa-star,
.fas.fa-star {
  color: #FFD700 !important;
}
.detail.promotion-title {
  background-color: #7361BE !important;
  color: #fff !important;
  padding: 4px 8px !important; /* قللنا البادينق الجانبي */
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  display: inline-block !important;
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 9999 !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  line-height: 1.4 !important;
}
.add-cart-large.add_to_cart_large_btn {
    background-color: #7361BE !important; /* البنفسجي */
    color: #ffffff !important;            /* النص أبيض */
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}
a[class^="a2a_button_"] {
  display: none !important;
}
.comment-badge {
  background-color: #7D4CED !important; /* البنفسجي الخاص بك */
  color: white !important;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 12px;
}
.product-purchase-count .text-danger {
  color: #7361BE !important;
}
.product-details__hot strong span {
  color: #7361BE !important;
}
.product-details__hot.product-purchase-count {
  color: #7361BE !important;
}
.text-semibold {
  color: #7361BE !important;
}
.menu-toggle__bar,
.menu-toggle span,
.icon-bar,
.navbar-toggler-icon,
.toggle-bar,
.hamburger span,
.hamburger div {
  background-color: #7361BE !important;
}
button.navbar-toggler .navbar-toggler-icon,
.menu-icon span {
    background-color: #7361BE !important;
}
.navbar-toggler svg path {
    fill: #7361BE !important;
}
.sub-nav__menu svg path {
  fill: #7361BE !important;
}
#modal_ajax_content {
    background-color: #7361BE !important;
}
#modal_ajax_content h4, 
#modal_ajax_content .text-muted, 
#modal_ajax_content .modal-body .title,
#modal_ajax_content .panel-body .text-muted {
    color: #ffffff !important;
}
.login-title {
    color: #ffffff !important;
}
.icon-object.text-yellow-dark,
.icon-object.text-yellow-dark .sicon-user {
    color: #ffffff !important;
    border-color: #ffffff !important;
}
.sub-nav-content.is-active {
  background-color: #363548 !important;
}
.selected-dial-code {
  color: #ffffff !important;
}
input[name="mobile"] {
  color: #fff !important;
}
#login_phone_number_wrapper label {
  color: #fff !important;
}
.sicon-user {
  color: #363548 !important;
}
a.login-link.circle-action {
  background-color: #7361BE !important;
}
button.toggle-search.circle-action {
  background-color: #7361BE !important;
}
button.toggle-search.circle-action .sicon-search {
  color: #363548 !important;
}
.site-header__cart.circle-action {
  background-color: #7361BE !important; /* خلفية بنفسجي */
}

.site-header__cart .sicon-cart {
  color: #363548 !important; /* أيقونة السلة رصاصي */
}
/* إزالة الحدود البيضاء من أيقونات الهيدر */
.site-header__cart,
.site-header__account,
#search,
#cl_switcher {
  border: none !important;
  box-shadow: none !important;
}
/* إزالة الحدود البيضاء من زر الحساب فقط */
.site-header .login-link {
  border: none !important;
  box-shadow: none !important;
}
.modal-content {
    background-color: #7361BE !important; /* استبدل الكود بالبنفسجي الخاص بك إذا مختلف */
    box-shadow: none !important;
    border: none !important;
}
/* تغيير لون رقم الطلب داخل الإشعارات إلى الرصاصي */
.text-semibold {
  color: #363548 !important;
}
/* تخصيص لون النص داخل الإشعارات */
.media-body .text-semibold {
  color: #363548 !important;
}
.notification-details.text-muted {
    color: #363548 !important;
}
.media-annotation.pull-right {
    color: #363548 !important;
}
.dropdown-menu-notification {
  background-color: #7361BE !important;
  border: none !important;
  box-shadow: none !important;
}
.circle-action.dropdown-toggle.notification-header-icon {
    background-color: #7361BE !important;
    border: none !important;
    box-shadow: none !important;
}

.circle-action.dropdown-toggle.notification-header-icon i {
    color: #fff !important; /* يخلي رمز الجرس نفسه أبيض داخل البنفسجي */
}
.circle-action.dropdown-toggle {
    background-color: #7361BE !important; /* اللون البنفسجي */
    border: none !important;              /* بدون حواف */
    box-shadow: none !important;          /* بدون ظل */
}

.circle-action.dropdown-toggle .sicon-bell {
    color: white !important; /* يخلي لون الجرس أبيض فوق البنفسجي */
}
#bell.sicon-bell {
    color: #363548 !important; /* الرصاصي اللي تبيه */
}
i.sicon-sar {
    color: #7361BE !important;
}
.price-after {
  color: #7361BE !important;
}
.product-box .price-after {
  color: #7361BE !important;
}
/* أسعار المنتجات في كل الصفحات */
.price-after,
.product-price,
.product-box .price-after {
  color: #7361BE !important;
}
/* السعر الحالي داخل كروت المنتجات */
.product-box .price-after,
.product-box .product-price,
.product-box .price {
  color: #7361BE!important;
}

/* السعر في الأقسام أو الصفحة الرئيسية */
.product-grid .price-after,
.product-grid .product-price,
.product-grid .price {
  color: #7361BE !important;
}
.div-product-option-value label {
  background-color: #7361BE !important;
  color: #fff !important;
}
.div-product-option-value label {
  background-color: #7361BE !important;
  color: #fff !important;
  width: fit-content !important;
  padding: 10px 20px !important;
  border-radius: 6px;
  display: inline-block;
}
.div-product-option-value label {
  background-color: #363548 !important; /* اللون الرصاصي حقك */
  color: #fff !important;
  width: fit-content !important; /* أو حط عرض ثابت زي 180px */
  padding: 10px 20px !important;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 10px;
}
.product-form {
  border-color: #6da6a2 !important; /* استبدل هذا باللون الدقيق للخلفية لو احتجت */
}
.product-form {
  border: none !important;
}
.dropdown-menu-user {
    background-color: #7361BE!important;
}
.text-semibold,
.media-annotation.pull-right,
.notification-details.text-muted {
  color: #ffffff !important;
}
#cl_list {
  background-color: #7361BE !important;
}
.text-semibold {
  color: #FFFFFF!important;
}
.panel-order-details th,
.panel-order-details td {
  border: none !important;
}

.panel-order-details_table {
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}
.the-container {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.the-container * {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
body.color-mode-dark.has-notify {
    background-color: #1E1E1E !important; /* هذا هو الرمادي الغامق الموجود في الصفحة الرئيسية */
}
/* إخفاء صف الزرّ الذي يظهر أسفل كود التفعيل في صفحة السلة */
div.flex.md\:flex-row.flex-col.items-center.justify-between.gap-2.mb-3{
    display:none!important;
}
/* =========  Zone Plus - أيقونات السوشال ========= */
#floating-social{
  position:fixed;
  left:14px;                /* بُعد من الحافة */
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:14px;                 /* مسافة بين الأيقونات */
  z-index:9999;
}

#floating-social a{
  width:50px;
  height:50px;
  border-radius:50%;
  background:#7361BE;       /* البنفسجي الخاص بك */
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.25s;
}

#floating-social a:hover{
  transform:scale(1.08);
}

#floating-social svg{
  width:24px;
  height:24px;
  fill:#fff;                /* لون أيقونة أبيض */
}
.store-contact {
    display: none !important;
}
/* إخفاء روابط التواصل */
.store-contact {
  display: none !important;
}

/* إخفاء أيقونات السوشال ميديا */
ul.social,
.social_item,
.footer-title span {
  display: none !important;
}
/* تغيير لون زر إضافة للسلة */
a.product-add.add_to_cart_btn {
  background-color: #7361BE !important;
  border-radius: 50% !important;
  transition: 0.3s ease-in-out;
}

a.product-add.add_to_cart_btn:hover {
  opacity: 0.8;
}
a.product-add.add_to_cart_btn {
    background-color: #7361BE !important; /* البنفسجي حقك */
    border: none !important;             /* إزالة أي حدود */
    box-shadow: none !important;         /* إزالة الظلال */
    border-radius: 50% !important;       /* دائري بالكامل */
    color: white !important;             /* لون الأيقونة أو النص */
    transition: 0.35s ease-in-out !important;
}
#floating-social svg {
  fill: #25D366 !important;
}
#floating-social a[href*="instagram"] svg {
  fill: #E1306C !important; /* هذا هو لون إنستقرام الجديد */
}
.salla-theme_3 .testimonials-item {
    border: none !important;
    box-shadow: none !important;
}
.slick-dots {
    display: none !important;
}
img[src*="google_pay.png"] {
    display: none !important;
}
.testimonials-item img {
  border-radius: 50%;
  background: transparent !important;
}
#floating-social,
.social-icons,
.fixed-social-buttons-old {
  display: none !important;   /* أخفِ أي حاوية قديمة للأزرار */
}
#purchase-notification {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #7361BE !important;
  color: white !important;
  font-size: 12px; /* تصغير الخط */
  font-weight: 500;
  padding: 8px 14px; /* تقليل الحشوة الداخلية */
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 260px; /* تقليل العرض */
  direction: rtl;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 9999;
}
/* إزالة الخلفية البيضاء */
div.content.page-container,
div.content.page-container::before,
div.content.page-container::after {
    background: none !important;
    box-shadow: none !important;
}

/* خلفية صندوق التقييم */
div.layered-block.rating-tabs {
    background: #1a1a1a !important; /* بنفسج غامق */
    border-radius: 12px;
    padding: 15px;
}

/* لون النجوم */
.sicon-star2,
.sicon-star2:before,
.sicon-star2.active {
    color: #FFD700 !important; /* ذهبي */
}

/* تغيير لون النصوص */
div.layered-block.rating-tabs h5,
div.layered-block.rating-tabs label,
div.layered-block.rating-tabs span {
    color: #ffffff !important;
}
/* إزالة الخلفية البيضاء بالكامل */
.content.page-container,
.content.page-container::before,
.content.page-container::after,
.layered-block.rating-tabs::before,
.layered-block.rating-tabs::after {
    background: transparent !important;
    box-shadow: none !important;
}
/* تغيير لون النجوم المملوءة */
.filled-stars .glyphicon-star {
  color: #FFD700 !important; /* أصفر ذهبي */
}

/* تغيير لون النجوم الفارغة */
.empty-stars .glyphicon-star {
  color: #555 !important; /* رمادي غامق أو أي لون غير أبيض */
}
/* خلفية النافذة */
div.layered-block.rating-tabs::before {
    background: rgba(30, 30, 30, 0.6) !important; /* رمادي غامق شفاف */
}

/* خلفية النجوم الفاضية */
span.empty-stars i.glyphicon {
    color: #888 !important; /* رمادي فاتح */
}

/* لون النجوم المعبية */
span.filled-stars i.glyphicon {
    color: #FFD700 !important; /* أصفر */
}

/* إزالة الشريط الأخضر في الأسفل */
body::before {
    background: transparent !important;
}
.layered-block.rating-tabs,
.layered-block.rating-tabs::before,
.layered-block.rating-tabs::after {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}
/* إلغاء الحدود أو الخطوط البيضاء داخل القائمة الجانبية */
ul.main-menu li {
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* إلغاء أي خط فاصل مرسوم بخلفية */
ul.main-menu li::after,
ul.main-menu li::before {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
li.sub-menu-header.categories-holder {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
li.sub-menu-header.categories-holder::before,
li.sub-menu-header.categories-holder::after {
  content: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.sub-menu-header.categories-holder span {
  border: none !important;
  border-top: none !important;
  background: transparent !important;
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* إزالة الحدود البيضاء بين عناصر الإشعارات */
ul.notifications-body li.media {
  border-bottom: none !important;
  border-top: none !important;
}

/* إزالة حدود القائمة نفسها */
ul.notifications-body {
  border: none !important;
  box-shadow: none !important;
}
ul.notifications-body li.media .media-body span {
  color: #ffffff !important;
}
#field_1349790168_1.form-control.element-product-option-detail.text-element {
  background-color: #ffffff !important;  /* بنفسجي زون بلس */
  color: white !important;                /* يخلي النص داخل الحقل أبيض */
  border: 1px solid #7361BE !important;   /* حدود بنفس اللون */
}
#cartTotal {
    color: #7361BE !important;
}
/* ===== تحسين حاوية الفاتورة ===== */
.panel-order-details {
  background: #1e1b2f !important;
  border-radius: 16px;
  box-shadow: 0 0 15px rgba(115, 97, 190, 0.6);
  color: white !important;
  padding: 20px;
  font-family: 'Cairo', sans-serif;
}

/* ===== رأس الفاتورة ===== */
.panel-order-details .panel-heading {
  background-color: #7361BE;
  color: white;
  padding: 16px;
  border-radius: 12px 12px 0 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

/* ===== الجدول ===== */
#order_details_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
}

#order_details_table td {
  background-color: #2c2943;
  padding: 12px 16px;
  border-radius: 12px;
  color: white;
  font-size: 15px;
  vertical-align: middle !important;
}

/* ===== عنواين الأعمدة ===== */
#order_details_table td[data-title]::before {
  content: attr(data-title) ": ";
  color: #9a8ce2;
  font-weight: bold;
}

/* ===== الصف الأخير للإجمالي ===== */
#order_details_table .active.table-row td {
  background: linear-gradient(90deg, #7361BE, #9f91f7);
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: 17px;
}

/* ===== الروابط داخل الفاتورة ===== */
.panel-order-details a {
  color: #a89ef5;
  word-break: break-all;
}

/* ===== طباعة / حالة الطلب زر ===== */
.panel-order-details .btn,
.panel-order-details .status {
  background-color: #7361BE;
  border: none;
  border-radius: 10px;
  color: white;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

/* ===== تحسينات إضافية ===== */
.panel-order-details td:empty {
  display: none;
}
/* ===== تلوين العناصر اللي على يمين الجدول باللون الأبيض ===== */
#order_details_table td[data-title]::before {
  color: white !important;
}
/* الروابط */
.panel-order-details a {
  color: #bca7ff !important;
  text-decoration: underline;
  }
  /* يشيل كل الخطوط البيضاء داخل الفاتورة */
.panel-order-details *,
#order_details_table * {
  border: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
/* الأرقام والأسعار */
#order_details_table td,
#order_details_table td *,
.panel-order-details td,
.panel-order-details td * {
  color: white !important;
}

/* التاريخ والوقت */
.order-info-block p,
.order-info-block .text-muted,
.order-info-block .text-thin {
  color: white !important;
}

/* اسم الطلب وتفاصيل العناوين */
.panel-order-details h5,
.panel-order-details .order-info-block__title,
.panel-order-details span {
  color: white !important;
}
.custom-popup {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #7361BE !important; /* بنفسجي صريح */
  color: white;
  padding: 7px 11px;
  border-radius: 8px;
  font-size: 11px;
  font-family: 'Tajawal', sans-serif;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
  direction: rtl;
}