@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

.main-nav-container,
.top-navbar:not(.topnav-has-bg),
.main-menu-row {
  background-color: #735c97;
}

li.\!hidden.lg\:\!block.root-level.lg\:\!inline-block a span,
.sicon-user,
a.topnav-link-item {
  color: #fff !important;
}

img.logo-normal {
  width: 150px !important;
}

span.header-btn__icon.icon {
  color: #fff;
}

button.undefined {
  background: #735c97;
}

span.s-button-text,
a.topnav-link-item.right-side,
button.grow.flex.items-center,
i.header-btn__icon.icon.sicon-cart {
  color: #fff;
}

i.text-\[16px\].sicon-shopping {
  color: #f4e702 !important;
}

span.s-button-text {
  flex-direction: row-reverse !important;
}

/* === المطلوب إضافته === */
button.s-gifting-widget-action.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-after{
  background: var(--color-primary);
}
/* ===================== */

.footer-user-menu .s-user-menu-dropdown-item a:hover .s-user-menu-dropdown-item-title,
i.sicon-menu.text-2xl {
  color: #fff !important;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline.s-button-loader-center.s-button-wrap.hydrated {
  background: #735c97 !important;
}

.top-navbar {
  background-color: #4f3576 !important;
  border-bottom: 1px solid #4f3576;
}

.border-primary {
  border-color: #f4e702 !important;
}

.s-block--best-offers .s-slider-block__title-right,
salla-products-slider .s-slider-block__title-right {
  border-bottom: 2px solid #f4e702;
}

.main-nav-container .container .justify-between {
  justify-content: center;
}

.s-social-share-btn span.s-button-text,
.product-card__actions span.s-button-text,
.btn--wishlist span.s-button-text {
  color: black;
}

.product-card__actions {
  top: 10px;
  right: 17px;
}

@media only screen and (max-width: 1199px) {
  .btn--payment-option b,
  .btn--shipping-option b {
    font-size: 12px;
  }
}

@media only screen and (max-width: 991px) {
  .list--payment-methods li {
    width: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .list--payment-methods li {
    width: 45% !important;
  }
}

@media only screen and (max-width: 480px) {
  .list--payment-methods li {
    width: 100% !important;
  }
}

.mburger--collapse p {
  color: white;
  display: none;
}

@media only screen and (max-width: 768px) {
  ul#payment_methods li {
    width: 45% !important;
  }
}

.main-nav-container .inner {
  padding-top: 10px;
  padding-bottom: 10px;
}

.main-menu-row {
  padding-bottom: 5px;
}

img.logo-normal {
  width: 200px !important;
}

.store-footer__inner img[alt="مفارش ميلين"] {
  max-width: 300px;
}

.footer-is-custom .store-footer .footer-rights p {
  color: black;
  opacity: 1;
}

.payment-methods .itme-method,
.payment-methods .itme-maroof {
  width: 2.5rem;
}

.store-footer__inner .container .grid div {
  justify-self: anchor-center;
}

@media (min-width: 1024px) {
  .store-footer__inner,
  .store-footer__newsletter {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
}

.product-card .s-rating-stars-wrapper {
  justify-content: center;
  flex-wrap: nowrap;
  margin-bottom: 5px;
}

.s-rating-stars-reviews {
  margin-right: 5px;
  padding-bottom: 4px;
}

.product-card__subtitle {
  display: none;
}

.store-footer {
  margin-top: 4rem;
  padding-top: 30px;
}

.footer-is-custom .store-footer .store-footer__curve {
  display: none;
}

footer svg.fill-current {
  opacity: 0.7 !important;
  display: block;
}

.store-footer__inner .text-text-grey {
  justify-self: center;
}

.main-menu a span::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 8px;
  color: #6366f1;
  font-size: 16px;
  display: inline-block;
}

.main-menu a:hover span::before {
  color: white;
}

.main-menu a {
  display: flex;
  align-items: center;
}

.main-menu a span {
  display: flex;
  align-items: center;
}

.main-menu .lg\:hidden a span::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 8px;
  color: #6366f1;
  font-size: 14px;
}

.main-nav-container {
  min-height: 60px;
}

@media (max-width: 500px) {
  .main-nav-container .inner {
    padding-top: 17px;
    padding-bottom: 17px;
  }

  img.logo-normal {
    width: 150px !important;
  }
}

.s-block--square-links .home-block-title h2 {
  font-weight: 700;
  line-height: 1.25;
  font-size: 1.5rem;
}

@media only screen and (min-width: 1024px) {
  .main-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    z-index: 20;
    background-color: #735c97;
    border-color: #735c97;
  }

  .main-menu .has-children.root-level > a:after {
    content: "";
    color: white;
  }

  .s-block--square-links .home-block-title h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.promotion-banner__inner a {
  font-size: 16px;
  font-weight: bold;
}

/*please dont touch this code*/
/*end*/

@media only screen and (min-width: 1024px) {
  .main-menu li > a {
    padding: 0.45rem;
  }

  .main-menu .has-children > a:after {
    color: white;
  }
}

nav .main-menu span i {
  margin-top: 4px;
  margin-left: 6px !important;
  font-size: 1.1em !important;
}

.mm-spn li a,
.mm-spn li > span {
  gap: 0px !important;
}

.banner--fixed img:not(.loaded) {
  height: auto;
}

.banner--fixed img {
  margin-inline: auto;
  width: 90%;
}

.products-index .s-slider-wrapper.s-slider-has-notitle.s-slider-v-centered.s-slider-horizontal.hydrated .swiper-wrapper {
  justify-content: center;
}

.mm-ocd__content img {
  margin-left: 8px;
}

@media (min-width: 990px) {
  .s-modal-body.s-modal-align-middle.s-modal-md.s-modal-padding.s-modal-entering
  .s-products-slider-card .product-card__mini-cart,
  .s-offer-slide-one-fourth.swiper-slide.swiper-slide-active
  .product-card__content .product-card__mini-cart {
    display: none;
  }
}

.instafeed-widget-container.template-sleek_minimalist a.instafeed-branding {
  display: none;
}

.post-modal-video-controls {
  top: 55px;
  right: 15px;
}

@media (max-width: 767px) {
  .post-modal-video-controls {
    top: 50px;
    right: 10px;
  }
}