/* Add custom CSS styles below */ 

body {
  background-color: beige;
}


.footer-sub,
.footer-sub p,
.footer-sub a {
    color:#ff8c00 ;
}


.top-navbar {
  background-color: beige;
  color: #6070ab
;
}

#mainnav .root-level > a {
  color: #325283
 !important;
}


#mainnav .root-level > a:hover {
  color: #0080ff !important;
}

#mainnav {
  background-color: beige !important;
}


.s-block--features__item .feature-icon i {
  color: beige !important; /* أي لون تحبه */
  font-size: 50px;          /* لو تحب تكبر أو تصغر */
}

.s-block--features__item h2 {
  color: #6070ab
 !important; /* أي لون للنص */
}

.s-block--features__item p {
  color: #0b1f48
 !important; /* أي لون للنصوص الصغيرة */
}

.s-block--features__item {
  background-color: beige !important; /* أي خلفية لكل عنصر */
  border-radius: 12px; /* لو تحب تعطيه حواف دائرية */
  padding: 1.5rem;    /* مسافة داخلية */
}

h2 {
    color: #6070ab

; /* استبدل باللون الذي تريده */
}





.s-product-card-content {
    background-color: beige; /* هنا حدد اللون اللي تحبه، هذا أزرق */
    color: white; /* لتغيير لون النص داخل البطاقة إذا كان يحتاج وضوح */
    border-radius: 10px; /* اختياري: لتنعيم حواف البطاقة */
    padding: 1rem; /* اختياري: لإضافة مسافة داخل البطاقة */
}




/* تغيير لون كل الأسعار في الموقع */
.s-product-card-price {
    color: black !important; /* اختر اللون الأزرق الذي تريده */
}



/* تغيير لون أيقونة السلة في كل البطاقات */
.s-product-card-content-footer .sicon-shopping-bag {
    color: #325283
 !important; /* اختر اللون الأزرق الذي تريد */
}


/* تغيير لون نص زر إضافة للسلة */
.s-product-card-content-footer .s-button-text span {
    color: #325283
 !important; /* اختر اللون الذي تريده */
}

.s-reviews-header {
    color: #6070ab
 !important;
}


.s-reviews-testimonial {
    background-color: beige !important;
}


.s-design-before--footer,
.s-design-before--footer span {
    background-color: #2563eb;
}

.store-footer,
.store-footer__inner,
.store-footer:hover,
.store-footer__inner:hover {
    background-color: beige !important;
}



/* خلفية كرت المنتج */
.s-product-card-entry {
  background-color: beige !important; /* لون البيج */
}

/* لو فيه تأثير هوفر يغيّر اللون */
.s-product-card-entry:hover {
  background-color: beige !important;
}

/* تغيير لون السعر قبل الخصم إلى الأحمر */
.s-product-card-sale-price span {
    color: #dc2626 !important; /* أحمر */
}


/* قالب رائد – توسيط اللوقو */
.store-header .store-header__inner {
    display: flex !important;
    justify-content: center !important;
}

.store-header .store-header__logo {
    margin: 0 auto !important;
    text-align: center !important;
}

/* إخفاء تأثير المحاذاة الافتراضية */
.store-header__logo a {
    display: inline-block !important;
}


salla-comments,
.s-comments,
.s-comments-container {
    background-color: beige !important; /* بيج ناعم */
}