/* Add custom CSS styles below */
body{
  background-color: #fff !important;
}
salla-slider.photos-slider .swiper-slide{
  margin: 0px -4px!important;
  padding: 0px !important;
}
.header-btn__icon {
    border: none;
    color: #fff !important;
    background: #2fbeb3;
}
salla-slider.photos-slider .swiper{
  padding: 5px !important;
  margin: 0px !important;
}
.top-navbar {
    background: #05426b;
    color: #fff !important;
}
.top-navbar .s-search-input {
    background-color: #fff;
    border-style: none;
}
.s-block--features__item .feature-icon i {
    color: #05426b;
    font-size: 3.875rem;
    line-height: 2.25rem;
    font-weight: lighter;
}
.s-block--features__item .feature-icon {
    background-color: #e1e8ed;
    height: 8rem;
    width: 8rem;
}
.s-reviews-testimonial {
 background-color: #e1e8ed;
  border-radius: 30px;

}
.s-reviews-testimonial__text p {
    text-align: center;
}
.s-block--features__item h2 , .s-reviews-testimonial__avatar {
 display: none;
}
.s-block--features__item p {
    color: #05426b !important;
    font-weight: bolder;
}
.footer-is-light .store-footer .store-footer__inner {
    background-color: rgb(5 66 107);
    color: #fff;
}
.s-contacts-icon {
    border: none;
    color: #05426b;
    background: #fff;
}

.s-product-card-vertical .s-product-card-image {
    border-radius: 20px;
}
.s-reviews-testimonial__name_wrapper {
    flex-direction: column;
    justify-content: center;
}
/* إظهار 3 عناصر دائمًا */
.photos-slider .swiper-slide {
    width: calc(100% / 3) !important;
    opacity: 0.5;
    transition: all 0.4s ease;
    transform: scale(0.9);
}

/* الصورة النشطة */
.photos-slider .swiper-slide-active {
    opacity: 1;
    transform: scale(1.05);
    z-index: 2;
}

/* تحسين الشكل */
.photos-slider img {
    border-radius: 12px;
    transition: all 0.4s ease;
}

/* توزيع المسافات */
.photos-slider .swiper-wrapper {
    align-items: center;
}

/* مسافة بين العناصر */
.photos-slider .swiper-slide {
    padding: 0 8px;
}

/* تحسين العرض في الموبايل */
@media (max-width: 768px) {
    .photos-slider .swiper-slide {
        width: calc(100% / 3) !important;
    }
}

/* تقليل المسافات بشكل كبير */
.photos-slider .swiper-slide {
    padding: 0 2px; /* كان 8px */
}

/* لو تبغى تلغي المسافة تقريبًا نهائي */
.photos-slider .swiper-wrapper {
    gap: 0 !important;
}

/* تحسين التلاصق أكثر */
.photos-slider .swiper-slide {
    margin: 0 -40px !important; /* يعطي overlap خفيف */
}





/*****************المنيو ***********/
.mm-spn li a, .mm-spn li>span {
    align-items: center;
    display: flex;
    gap: 1rem;
    padding: 18px;
    text-align: center;
    justify-content: center;
    padding: 22px;
    font-size: x-large;
    border-bottom: 1px solid #ccc;
    color: #4b5563;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div.flex.gap-4 > salla-trust-badges{
    display: none;
}
/**********copyright*********/
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span > p {
  position: relative;
  width: 100%;
  text-align: right;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span > p::after{
  content: "الحقوق محفوظة 2026 | جمعية ماجد بن عبدالعزيز للتنمية والخدمات الاجتماعية" ;
  position: absolute;
  inset: 0;
  background: #f9fafb;
  height: 100%;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span{
  width: 50% !important;
}
@media(max-width:768px){
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span{
  width: 100% !important;
}
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span > p {
  position: relative;
  width: 100%;
  text-align: center !important;
}
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span > p::after {
    content: "الحقوق محفوظة 2026 | جمعية ماجد بن عبدالعزيز للتنمية والخدمات الاجتماعية";
    position: absolute;
    inset: 0;
    background: #f9fafb;
    height: 100%;
    font-size: 13px !important;
}
}