/* Add custom CSS styles below */ 
:root {
    --main-color: #3E134C;
    --white-color: white;
    --black-color:black;
}

/********************* body ************************/

body{
    background-color:var(--white-color)
}
/******* start header ******/

.top-navbar {
  background: var(--white-color) !important;
  color: var(--main-color) !important;
}
.s-search-input::placeholder {
  color: #fff; 
}

.inner.bg-inherit {
  background-color: var(--white-color) !important;

}
 .inner.bg-inherit *{
    color: var(--main-color) !important;

}
.mobile-menu{  color: var(--white-color) ;
}
.main-menu li.root-level>a:hover {
     color: var(--white-color);
}

.s-cart-summary-total {
  color: var(--white-color) !important;
}
.sub-menu{  color: var(--main-color) !important;
}
.top-navbar input.s-search-input {
  background: var(--main-color)  !important;

}
.navbar-brand img {
    max-height: 6rem;
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 75px;
}

div#mainnav i.sicon-menu {
  border: 1px solid;
  padding: 6px;
  border-radius: 50px;
}

:is(div#mainnav i.header-btn__icon, div#mainnav i.sicon-menu){
  border-color: var(--main-color) !important;
  background-color: var(--main-color);
  color: var(--white-color) !important; 
}


/***** End Header *****/


/************  slider **************/
section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
    padding:0 !important;
    margin-top:0px !important;
    width:100% !important;
    border-radius:0 !important;
}
[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper{
    padding:0 !important;
}

img.w-full{
    border-radius: 0px;
}
.s-product-card-image img.loaded {
    background: white;
  
}

button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock , button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    display:none;
}

/************ banner **************/
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0px!important;
    max-width: 100%;
}

.s-products-slider-card.swiper-slide {
  margin-top:10px;
    margin-bottom:10px;    
}
.banner--fixed img {
    border-radius:0px;
    background-color: transparent;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
  color: white;
  background: var(--main-color) !important;
  transition: ease-out 0.5s;
  border: 2px solid var(--main-color) !important;

  box-shadow: inset 0 0 0 0 #ffffff;
}
.s-slider-block__title-right  {
  position: relative;
    color:  var(--main-color) !important;

  display: inline-block; /* ضروري علشان الخط يظهر بعرض الكلمة */
}

.s-slider-block__title-right ::after {
  content: "";
  position: absolute;
  left: 0;
  top:30px; /* يحدد مكان الخط بالنسبة للكلمة */
  width: 100%;
  height: 2px; /* سُمك الخط */
  background-color:  var(--main-color) !important; /* لون الخط */
}

.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0rem;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
  color: var(--main-color) !important;
  box-shadow: inset 0 -100px 0 0 #ffffff;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:active {
  transform: scale(0.9);
}
.s-products-slider-card.swiper-slide {
    transition: transform 0.3s ease ;  
}

.s-products-slider-card.swiper-slide:hover {

    transform: translateY(-7px);  
}

.s-products-slider-card.swiper-slide {
    padding-top: 20px;
}

section#featured-products-style2-1 {
    background: white;
}

.s-product-card-entry {
  box-shadow: 0 0 10px 0 rgba(100, 6, 154, 0.19);
}

salla-slider[type]:not(.hydrated) > div > div, salla-slider[type]:not(.hydrated) .swiper > div > div > div, .carousel-slider .swiper-wrapper > div {
    padding-left: 0.625rem;
    margin-block: 19px;
    padding-right: 0.625rem;
}
div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div{        grid-template-columns: repeat(4, minmax(0, 1fr));}
/**** end products ***/
.banner-entry{background:white ;}

footer a[href*="instagram"] {
  color: white;

  background: linear-gradient(
    45deg,
    #f09433 0,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  border: none;
}
footer a[href*="tiktok"] {
  background: black;
  color: white;
  border: none;
}
footer a[href*="snapchat"] {
  background: yellow;

  border: none;
}

.s-social-link a[href*="snapchat"] svg {
  fill: #000 !important;
}
footer a[href*="youtube"] {
  background: red;
  border: none;
  color: white;
}
footer a[href*="x"] {
  background: #000;
  border: none;
   color: white;
}




.store-footer__inner {
 background-color:#E6BCF4  !important;
    color : var(--main-color) !important;
}
@media (max-width: 767px) {

  .store-footer__inner * {
    justify-content: center;
    text-align: center;
  }
  div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div{        grid-template-columns: repeat(2, minmax(0, 1fr));}
a.banner-entry.square-photos{height:111px;
}
}