/* Add custom CSS styles below */
/*~~~~~KHIDMTKALAYNA~~~~~*/
@import url('https://fonts.googleapis.com/css2?family=El+Messiri&display=swap');

body, *:not(i) {
  font-family: 'El Messiri', sans-serif !important;
}

@media (max-width: 800px) {
  .s-block--banners .grid {
    display: block;
  }
  .s-block--banners .banner-entry {
    height: 110px;
    width: 24%;
    display: inline-block;
    border-radius: 0;
    background: unset !important;
    margin-bottom: -65px !important;
    margin-top: -70px !important;
  }
  .s-block--banners .banner-entry .lazy__bg {
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-size: contain;
  }
}

.testimonials-slider .testimonial__avatar {
  margin-left: 0 !important;
}

.s-block--banners .gap-3 .banner-entry,
.s-block--features__item {
  background-color: rgba(0, 0, 0, 0) !important;
}

.s-login-modal-label {
  color: black;
}

.s-login-modal-header-icon {
  margin-left: 0.5rem;
  transform: scale(1);
}

.s-login-modal .s-modal-body {
  border-radius: 3rem;
  text-align: -webkit-center;
  padding: 1.5rem 1rem 1rem;
  border: 1.5px solid #BEA157;
}

.s-login-modal .s-modal-title {
  color: #BEA157;
  text-align: center !important;
}

.mm-spn.mm-spn--navbar.mm-spn--main,
.s-modal-body,
.s-modal-close,
.s-login-modal-main-btn {
  background-color: #ffffff;
  color: #BEA157 !important;
  text-align: center !important;
  border: 1.5px solid #01a5e0;
  border-radius: 30px;
}

body.index:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #ffffff;
  position: fixed;
  z-index: 99999999999999999 !important;
  transform: scale(0);
  background-size: 210px !important;
  background-repeat: no-repeat;
  background-position: center !important;
  animation-name: logobg;
  animation-duration: 3.2s;
}

@keyframes logobg {
  0% { transform: scale(1); }
  20% { transform: scale(1); }
  78% { transform: scale(1); }
  100% { transform: scale(0); }
}

@keyframes pulsate-bck {
  0% { transform: scale(1); }
  50% { transform: scale(0.9); }
  100% { transform: scale(1); }
}

.salla-advertisement h2 {
  text-align: center;
  display: block;
  margin: auto;
  background: linear-gradient(to right, #005D32 20%, #ffffff 30%, #005D32 70%, #ffffff 80%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 500% auto;
  animation: textShine 5s ease-in-out infinite alternate;
}

@keyframes textShine {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.navbar-brand img {
  max-height: 5rem;
  max-width: 168px;
  width: auto;
  animation: pulsate-bck 1.3s ease-in-out 2.5s infinite !important;
}

.text-gray-800 {
  text-align: center !important;
  background: linear-gradient(to right, #BEA157 20%, #01a5e0 30%, #BEA157 70%, #01a5e0 80%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 500% auto;
  animation: textShine 5s ease-in-out infinite alternate;
}

[dir=rtl] .s-modal-header-inner {
  padding-left: 2rem;
  justify-content: center;
  padding-right: 0;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  text-align: center !important;
}

@media (max-width: 700px) {
  .s-search-input {
    width: 100% !important;
  }
}

.s-search-input {
  background-color: #ffffff !important;
  box-shadow: 0 1px 5px 0 var(--color-primary);
  border: 1px solid var(--color-primary) !important;
  width: 100% !important;
}

.btn--rounded-gray {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 5px 0 var(--color-primary);
  border: 1px solid var(--color-primary);
}

.product__description ul li {
  list-style-type: disclosure-closed;
  text-align: center;
}

.s-comments .s-comment-form-input {
  text-align: center;
}

.text-sm {
  justify-content: center;
}

.leading-6 {
  align-self: center;
}

.s-block--photos-slider {
  margin-top: 0;
}

.s-block--photos-slider .swiper-pagination {
  display: none;
}

.s-block--photos-slider .swiper-slide {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.s-block--photos-slider .swiper-slide img {
  border-radius: 0 !important;
}

@media (max-width: 800px) {
  .s-block--photos-slider .swiper-slide {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 105% !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }
}

.mm-spn li a,
.mm-spn li span {
  padding: 18px;
  text-align: center;
  margin-bottom: 2px;
}

.mm-spn.mm-spn--navbar.mm-spn--main:after {
  padding-right: 0;
  background-color: #01a5e0;
  color: #fff;
  text-align: center !important;
  display: block;
  content: "تصفح جميع أقسامنا";
}

.mm-ocd .btn--close-sm {
  background-color: #BEA157 !important;
}

.mm-spn li a {
  color: #BEA157;
  background-color: #ffffff;
  border-radius: 5px;
  margin: 5px;
  display: block !important;
  text-align: center !important;
}

.store-footer {
  background-color: #BEA157 !important;
  margin-top: 10px;
  border-radius: 30px 30px 0 0;
}

.store-footer h3,
.store-footer a,
.store-footer .text-gray-400 {
  color: #000000 !important;
}

.store-footer .social-link {
  color: #BEA157 !important;
}

.sicon-youtube:before,
.sicon-tiktok:before {
  color: #BEA157 !important;
  text-align: center;
}

.s-product-card-content-sub {
  color: #BEA157;
}

.s-block__title h2,
.s-slider-block__title h2 {
  text-align: center !important;
  background: linear-gradient(to right, #000000 20%, #000000 30%, #000000 70%, #000000 80%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 500% auto;
  animation: textShine 5s ease-in-out infinite alternate;
}

.header-btn__icon {
  background-color: #000000 !important;
  color: #5D4037;
  background: linear-gradient(to right, #000000 20%, #000000 30%, #000000 70%, #000000 80%);
  background-size: 500% auto;
  animation: textShine 5s ease-in-out infinite alternate;
}

.s-product-card-vertical {
  border: 3px solid #000000;
  border-radius: 15px;
}

salla-button .s-button-btn {
  border-radius: 6px;
  color: #5D4037;
  font-size: 12.5px;
  background: linear-gradient(to right, #000000 20%, #000000 30%, #000000 70%, #000000 80%);
  background-size: 500% auto;
  animation: textShine 5s ease-in-out infinite alternate;
}

/* ألوان ذيل الصفحة السفلي */
.store-footer,
.footer,
.store-bottom,
.store-copyright,
.footer-top,
.footer-middle,
.footer-bottom {
  background-color: #000000 !important;
}
/* تغيير لون أسفل المتجر إلى الأسود والنص إلى الأبيض */
.store-footer,
.footer,
.store-bottom,
.store-copyright,
.footer-top,
.footer-middle,
.footer-bottom {
  background-color: #5D4037 !important;
  color: #ffffff !important;
}

.store-footer h3,
.store-footer a,
.store-footer .text-gray-400,
.store-footer .social-link,
.footer h3,
.footer a,
.footer .text-gray-400,
.footer .social-link {
  color: #ffffff !important;
}
/* تغيير لون النص الموجود بأسفل المتجر إلى اللون الأسود */
.store-footer,
.footer,
.store-bottom,
.store-copyright,
.footer-top,
.footer-middle,
.footer-bottom {
  color: #000000 !important;
}

.store-footer h3,
.store-footer a,
.store-footer .text-gray-400,
.store-footer .social-link,
.footer h3,
.footer a,
.footer .text-gray-400,
.footer .social-link,
.store-footer p,
.footer p,
.store-footer span,
.footer span {
  color: #000000 !important;
}