/* Add custom CSS styles below */

/* ==== إعدادات عامة ==== */
:root {
  --logo: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/mQExBj/nuezCYAUw2Ld10thiJQTPhZxiBgT2LwdpITTW99G.png);
  --back: #ffffff;
}

/* ==== تحسينات على الأزرار ==== */
.s-button-element:not(:disabled):not([loading]) {
  background: linear-gradient(to right, #dac61f, #c68c25) !important;
  color: #fff;
  border: none;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
  animation: 1.2s linear infinite signal;
}
@keyframes signal {
  0% {
    box-shadow: 0 0 0 0 #e8cdad;
  }
  100% {
    box-shadow: 0 0 0 5px #fff;
  }
}

/* ==== تحسين المظهر العام ==== */
.carousel-slider .swiper-wrapper > div,
.s-slider-block__title {
  margin: 10px auto;
}
.navbar-brand img {
  transform: scale(1.5);
}

/* ==== تأثير التحميل ==== */
.index:before {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: var(--back) var(--logo) no-repeat center center;
  background-size: 250px !important;
  z-index: 5;
  animation: logobg 1.5s forwards;
}
@keyframes logobg {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/* ==== تحسين السلايدر والعناوين ==== */
[dir=rtl] .s-slider-block__title h2 {
  background: linear-gradient(to right, #9f8252, #a67c39);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient 3s infinite;
  text-shadow: 2px 2px 2px rgba(0,0,0,.1);
  font-size: 24px;
}
@keyframes gradient {
  0%,100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

/* ==== تحسين الأيقونات والخصائص ==== */
.s-block--features__item .feature-icon {
  width: 5rem;
  height: 5rem;
  background-color: #fff;
  animation: animascheikho 0.9s ease-in-out 0.3s infinite;
}
@keyframes animascheikho {
  0%,100% {
    box-shadow: 0 0 5px #0000001a;
  }
  50% {
    box-shadow: 0 -5px 0 #000, 0 5px 0 transparent;
  }
  80% {
    box-shadow: -5px 0 0 #000, 5px 0 0 transparent;
  }
}

/* ==== تخصيص أيقونات المميزات ==== */
.s-block--features__item .feature-icon i.sicon-store2:before {
  content: '';
  background-image: url(https://iili.io/Htxd3rJ.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 64px;
  height: 64px;
}
.s-block--features__item .feature-icon i.sicon-shipping-fast:before {
  content: '';
  background-image: url(https://iili.io/Htxd4vR.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 64px;
  height: 64px;
}
.s-block--features__item .feature-icon i.sicon-fire:before {
  content: '';
  background-image: url(https://iili.io/Htx2wcG.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 64px;
  height: 64px;
}

/* ==== تحسينات للفوتر ==== */
.footer-is-light .store-footer .store-footer__inner {
  background: linear-gradient(to right, #dac61f, #c68c25);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
.footer-is-light .store-footer .store-footer__inner:before {
  display: block;
  content: "";
  height: 110px;
  width: 140px;
  background-image: var(--logo);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto 20px;
  animation: sigal 1.2s linear infinite;
}
@keyframes sigal {
  0% {
    filter: drop-shadow(2px 4px 6px #504d46);
  }
  100% {
    filter: none;
  }
}

/* ==== تخصيص الروابط الاجتماعية ==== */
.store-footer .contact-social ul li:first-child a { background: #cc38a5; color: #fff; }
.store-footer .contact-social ul li:nth-child(2) a { background: #5098fd; color: #fff; }
.store-footer .contact-social ul li:nth-child(3) a { background: #d8c837; color: #fff; }
.store-footer .contact-social ul li:nth-child(4) a { background: #333; color: #fff; }
.store-footer .contact-social ul li:nth-child(5) a { background: #f50000; color: #fff; }
.store-footer .contact-social ul li:nth-child(6) a { background: #0084ff; color: #fff; }

/* ==== تحسين عرض الفئات ==== */
.slide--cat-entry {
  background: linear-gradient(to right, #dac61f, #c68c25);
  border-top-left-radius: 60px;
  border-bottom-right-radius: 60px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
}

/* ==== تحسين البانرات ==== */
.banner--fixed img {
  border-radius: 30px;
}

/* ==== تحسينات إضافية على الهواتف ==== */
@media only screen and (max-width: 600px) {
  .slide--cat-entry {
    width: 106px !important;
    height: 106px !important;
    border-radius: 65px !important;
  }
  .slide--cat-entry h4 {
    font-size: 0.775rem;
  }
  .slide--cat-entry i {
    font-size: 28px;
  }
  .banner-entry {
    width: 42vw;
    height: auto;
    min-height: 100px;
  }
}

.min-h-full {
      background-color: #ffffff !important;
}