/* Add custom CSS styles below */ 
img {
  border: 1px solid rgba(255, 255, 255, 0.15) !important; /* إطار أبيض شفاف ناعم */
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  animation: fadeIn 1.2s ease-in-out;
}

/* حركة الدخول */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}


body {
  background-color: #2A2A2A !important; /* رمادي متوسط مريح للعين */
}

.section,
.card,
.container,
.salla-theme,
.theme-container {
  background-color: transparent !important;
  background: none !important;
}

nav,
nav * {
  color: #F8F8F8 !important;
}


h1,
h1.product-title,
.product-page h1,
.product-page .product-title,
.product-page .product-name,
.product-details__name,
.product-details h1,
.single-product .title,
.title--product {
  color: #F8F8F8 !important;
  font-weight: 600 !important;
}

.product-page .product-name,
.product-details__name,
.product-info h1,
.product-title,
h1,
.product-header,
.product-header * {
  color: #F8F8F8 !important;
  font-weight: 600 !important;
}

.breadcrumb,
.breadcrumb *,
.breadcrumb li,
.breadcrumb li::before,
.breadcrumb-item::before {
  color: #E53935 !important;
}

.breadcrumb li::before {
  content: "›";
  color: #E53935 !important;
  font-weight: bold;
}

/* تغيير لون الإطار الأبيض للإطارات الرمادية */
.card, .box, .s-box, .section-header, .testimonial-box, .product-box, .custom-box {
  border: 1px solid #444 !important;
  box-shadow: none !important;
  border-radius: 6px;
}

https://s.salla.sa/design/customization/css?version_id=1362702242

background-color: #a0a0a0 !important;


/* تعديل الشريط العلوي الأبيض في سلة */
header.header-container,
.header-container,
.header-wrap,
nav.header,
.site-header,
.main-header,
.navbar {
  background-color: #1a1a1a !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

/* إزالة الشريط الأبيض العلوي وتغيير لونه */
header.store-header, .header-wrapper, .header, .navbar {
  background-color: #1a1a1a !important;
  border-bottom: none !important;
  box-shadow: none !important;
}


#mainnav.main-nav-container {
  background-color: #a0a0a0 !important;
}
/* الشريط العلوي */
#mainnav.main-nav-container {
  background-color: #a0a0a0 !important;
}

/* خلفية التعليقات */
.s-reviews-testimonial {
  background-color: #a0a0a0 !important;
  border-radius: 8px;
  padding: 16px;
}

a.banner.banner--fixed.overflow-hidden {
  /* خصائص التعديل هنا */
}

.s-product-card-content-sub {
  background-color: #a0a0a0 !important;
}

.s-product-card-content {
  background-color: #a0a0a0 !important;
  border-radius: 10px;
  padding: 16px;
}

.sticky-product-bar {
  background-color: #a0a0a0 !important;
}

.s-quantity-input-button svg {
  fill: #121212 !important; /* أسود داكن */
}

.s-comments-product {
  background-color: #c4c4c4 !important;
}

.s-comments-item-content {
  color: #000000 !important;
}

.center-between {
  background-color: #a0a0a0 !important;
}

form.form.product-form section.flex.bg-white {
  background-color: #a0a0a0 !important;
}

.s-breadcrumb-arrow svg path {
  fill: #ff0000 !important;
}

.s-quantity-input-input {
  background-color: #c4c4c4 !important;
  color: #000000 !important; /* يضمن وضوح الرقم */
  border: none !important;   /* يزيل الحدود الرمادية القديمة */
}

.s-comments-sort-input {
  background-color: #a0a0a0 !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 6px;
}

ul.main-menu.mm-spn--open {
  background-color: #a0a0a0 !important;
}

#mobile-menu.mobile-menu.mm-spn {
  background-color: #2c2c2c !important;
}

.s-reviews-display-all {
  color: red !important;
}