/* Add custom CSS styles below */ 
/* حجم اللوجو */
.navbar-brand img {
    max-height: 6rem;
    
}
@media (max-width: 480px) {
  .navbar-brand img {
                max-width: 55px !important;
  }
  }

/* تغيير لون الهيدر */
.store-header {
    background-color:#31474c!important; 
}

/* تغيير لون الناف بار */
.main-nav-container {
    background-color:#31474c!important; 
}

/* تغيير لون القوائم داخل الناف بار */
.main-nav-container .inner {
    background-color: #31474c !important;
}

/* تغيير لون الروابط داخل الهيدر والناف بار */
.store-header a,
.main-nav-container a {
    color: #a9914f !important; /* لون النص أبيض */
}

/* تغيير لون الأيقونات */
.header-buttons i,
.salla-cart-summary i,
.sicon-user-circle {
    color: #a9914f !important;
}

/* تغيير لون عناصر القائمة عند التمرير */
.main-nav-container a:hover {
    color: #FFD700 !important; /* لون ذهبي عند التمرير */
}




/* تغيير لون خلفية الفوتر */
.store-footer {
    background-color: #31474c !important; /* اللون الزيتي */
    color: #a9914f !important; /* اللون البيج للنص */
}

/* تغيير لون الروابط داخل الفوتر */
.store-footer a {
    color: #a9914f !important; /* لون بيج */
}

/* تغيير لون العناوين داخل الفوتر */
.store-footer h3 {
    color: #a9914f !important; /* لون بيج */
}

/* تغيير لون النصوص الأخرى */
.store-footer p,
.store-footer span,
.store-footer .copyright-text {
    color: #a9914f !important;
}

/* تغيير لون الأيقونات داخل الفوتر */
.store-footer svg path {
    fill:#a9914f !important;
}

/* تغيير لون الروابط عند التمرير */
.store-footer a:hover {
    color: #FFD700 !important; /* لون ذهبي عند التمرير */
}



.store-footer__inner {
    background-color: #31474c!important; /* اللون الزيتي */
    color:#a9914f !important; /* لجعل النص واضحًا */
    padding: 20px; /* إضافة مسافة داخلية */
}

.store-footer__inner a 
 {
    color: #a9914f !important; /* تغيير لون الروابط إلى ذهبي */
}

.store-footer__inner a:hover {
    color: #FFA500 !important; /* تغيير لون الروابط عند التمرير */
}
.header-btn__icon.icon:where([dir="rtl"], [dir="rtl"] *) {
    

    color: #a9914f;
}

.s-contacts-icon ,
.s-social-link a{
 
    border-color: #a9914f;
}

/*-----------------------*/
/* تخصيص الخلفية والشادو والتقوس */
.s-block--features__item  ,
    .s-reviews-testimonial {
  background-color: #31474c; /* لون الخلفية */
  border-radius: 20px;       /* التقويس */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* الشادو */
  padding: 1.5rem;
  text-align: center;
  
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* التأثير عند الـ hover */
.s-block--features__item:hover {
  transform: translateY(-8px); /* تطلع لبرا (فوق) */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* ظل أقوى */
}

.s-block--features__item p {
   
    color:#a9914f;
}
.s-block--features__item h2 {
   
    color:#a9914f;
    text-shadow: 1px 0px black;
}
.s-reviews-testimonial__inner {
    color: #a9914f;
    }



 .store-footer ,
 .store-footer__inner {
    border-radius: 30px 30px 0px 0px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.8); 
}








/*----------------------*/

/* ترتيب الأعمدة داخل footer */
.store-footer__inner .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 أعمدة متساوية */
  gap: 2rem;
  align-items: start; /* ترتيب المحتوى في أعلى كل عمود */
}

/* تعديل عرض الأقسام داخل الأعمدة */
.store-footer__inner .container > div {
  grid-column: auto !important;
}

/* استثناء أي عناصر جانبية (مثل salla-apps-icons) */
.store-footer__inner salla-apps-icons {
  grid-column: span 3;
  margin-top: 2rem;
}

@media (max-width: 768px) {
  .store-footer__inner .container {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;    /* توسيط العناصر أفقيًا */
  }

  .store-footer__inner .container > div {
    width: 100%;
    text-align: center;       /* توسيط النصوص داخل العناصر */
    display: flex;
    flex-direction: column;
    align-items: center;      /* توسيط المحتوى الداخلي */
  }

  .store-footer__inner salla-apps-icons {
    grid-column: span 1;
    margin-top: 2rem;
  }
}




/*---------------------*/

.s-product-card-vertical {
    
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); /* الشادو */
    border-radius: 20px;
  

}
.s-product-card-content-title a {
     color:#31474c;
     }
     
.s-button-element:not(:disabled):not([loading]) {
   color:white;
   background: linear-gradient(to right,#31474c, white);
    }

/* كرت المنتج  الشادو من تحت */
.swiper-wrapper {
    margin-bottom: 20px;
    }



/* كرت المنتج الأساسي */
.s-product-card-vertical {
  width: 100%;
  max-width: 280px; /* أقصى عرض */
  height: 100%;
  box-sizing: border-box;
}

/* كل سلايد منتج */
.swiper-slide {
  margin-left: 10px !important;
  margin-right: 10px !important;
  flex-shrink: 0;
}

/* محاذاة طول الكروت */
.s-products-slider-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* محاذاة عرض السلايدر */
.swiper-wrapper {
  display: flex;
  align-items: stretch;
}

/* ✅ استجابة لتغيير الشاشة */

/* الموبايل */
@media (max-width: 600px) {
  .s-product-card-vertical {
    max-width: 90vw;
  }

  .swiper-slide {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
}

/* التابلت */
@media (min-width: 601px) and (max-width: 992px) {
  .s-product-card-vertical {
    max-width: 45vw;
  }
}

/* الكمبيوتر */
@media (min-width: 993px) {
  .s-product-card-vertical {
    max-width: 280px;
  }
}


/*حواف صوره المنتجات */
.s-product-card-image img.loaded {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    }


/*-----------الغاء الاسهم وزلر عرض الكل-----*/

.s-slider-block__title-left {
    display: none;

}


/*-----------------------*/


.s-slider-block__title {
  display: flex;
  justify-content: center; /* توسيط العنوان داخل الحاوية */
}
.s-slider-block__title-right h2 {
  background-color: #f5f5f5;       /* مستطيل بلون */
  color: #a9914f;                  /* لون النص */
  font-weight: bold;               /* نص بولد */
  padding: 10px 20px;              /* مسافات داخلية */
  border-radius: 12px;             /* تقويس المستطيل */
  display: inline-block;           /* يمنع تمدده */
  transition: all 0.3s ease;       /* سلاسة في الهوفر */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* ظل خفيف */
  margin-top:5px;
}

/* تأثير عند المرور */
.s-slider-block__title-right h2:hover {
  transform: translateY(5px);    /* يطلع لفوق */
  box-shadow: 0 8px 16px rgba(0,0,0,0.8); /* ظل أقوى */
}