/* Add custom CSS styles below */ 



:root {

--primary-color-theme:#985277;
--secondary-color-theme:#985277;
}


.top-navbar .s-search-input {
    border-style: none;
    background-color: white;
    
}








.store-header, #mainnav{
 background-color: var(--primary-color-theme); 


 
}

.navbar-brand img{
  border-radius: 50%
}

 .sub-menu{
  background-color: #FFFFFF!important;
  color:black;

}

.main-menu>li>a[href*=offer]{
  color: #FFFF;
  font-weight: bold;
  font-size: 1rem;
}

#mobile-menu a span{
  color:black;
  padding-bottom: 3px;
  box-sizing: border-box;
}


@media(max-width: 1450px){
  .main-menu>li>a[href*=offer]{
   color:black;
  }
}


@media(max-width: 1450px){
  #mobile-menu a span{
    color:black;
  padding-bottom: 3px;
  box-sizing: border-box;
}
}







.header-btn__icon {
    display: flex;
    height: 2rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    
  
    border-color: #FFFFFF;

    color: #FFFFFF;

}



.s-user-menu-trigger {
    display: contents;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    align-items: center;
    border-top-right-radius: .375rem;
    border-top-left-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    padding-left: .625rem;
    padding-right: .625rem;
    padding-top: .875rem;
    padding-bottom: .875rem;
    font-size: .875rem;
    line-height:1.25rem;
    
  
}




.s-cart-summary-total {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #ffffff;
    color: #ffffff;
}




.salla-slider .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #ffff;
 
}

@media only screen and (max-width: 1024px) {
    .mm-spn.mm-spn--light {
        color: var(--color-primary);;
        background: #ffffff;
    }
}








.s-search-icon svg {
    height: 1rem;
    width: 1rem;
    fill: var(--color-primary);;
}
.slide--cat-entry i {
    margin-bottom: 1rem;
    display: inline-block;
    font-size: 33px;
    color: #985277;
  
}


.text-primary {
    color: #414042;
    color: #ce6a85;;
}

body {
    --tw-bg-opacity: 1;
    background-color: #ffffff;
    background-color: #ffffff;
}




.footer-is-light .store-footer .store-footer__inner {
    --tw-border-opacity: 1;
    border-bottom-color: var(--secondary-color-theme); 
    border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: var(--secondary-color-theme); 
    background-color: var(--secondary-color-theme); 
    color:#f2f2f2;
     
    
    
}
















.footer-is-light .store-footer {
    --tw-bg-opacity: 1;
    background-color: #ffffff;
    background-color: #ffffff;
    --tw-text-opacity: 1;
    color: #374151;
    color: white;
}















.s-block--features__item {
    display: flex;
    flex-grow: 1;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: #98527733;
    background-color: #98527733;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 500ms;
}



.s-reviews-testimonial {
    position: relative;
    display: flex;
    height: 100%;
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: #98527733;
    background-color: #98527733;
    padding: 1.5rem;
    opacity: .6;
  color:black;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
}

































.no-content-placeholder .icon {
    margin-bottom: 1rem;
    display: flex;
    height: 8rem;
    width: 8rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: #985277;
    background-color:#985277;
    font-size: 3rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: #d1d5db;
    color: #ffffff;
}



////جديد
















.bg-white {

    --tw-bg-opacity: 1;
    background-color: #ffff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}






.s-product-card-content-footer {
    margin-top: auto;
    display: flex;
    align-items: center;
   
}


.product-card-sale-price{
color:black;
}







.s-add-product-button-main {
    width: 50%;
    display: inline-flex;
    gap: 10px;
 justify-content: space-between;
}

/*.s-button-element:not(:disabled):not([loading]) {
 background-color:var(--color-primary);;

    color: white;
    pointer-events: auto;
}*/

.s-add-product-button-mini-checkout{

    pointer-events: auto;
}


.s-fast-checkout-button.rtl{
flex-direction:row-reverse;
}

.s-fast-checkout-button.outline {
    background-color: transparent;
    border: 1px solid var(--color-primary);
    color: var(--color-primary);;
}



.widget-label{
width: fit-content;

align-items: center;
gap:5px;

}








.s-product-card-promotion-title{

--tw-bg-opacity:1;
background-color:var(--primary-color-theme); 
 background-color:var(--primary-color-theme); 
 --tw-text-opacity:1;
color:ffffff;
color:rgba(255, 255, 255, var(--tw-text-opacity));



}


.s-breadcrumb-wrapper{
color:black;

}


.s-quantity-input-input
{

color:black;


}


.article article--main relative{

color:black;



}.s-product-card-price{color:black;}


.gap-4{
color:black;

}
.main-menu li.root-level>a{

padding: 0 10px;

}
.s-product-card-sale-price h4{

color:#985277 !important;
}
.main-menu li.root-level>a>span{
color:#fff !important;
}
.main-menu{
        padding-top: 0rem;
}
.main-nav-container{
             min-height: 76px;
        margin: 21px 0 0 0;
}
.s-product-card-sale-price span{
    color: #9ca3af !important;

}
.sicon-heart{
/*color: var(--primary-color-theme) !important;*/
}
.s-menu-topnav-item,.main-menu .has-children>a:after,.s-contacts-topnav-link{
color:#fff!important;

}
.content-entry p,.content h1{

color:#000 !important;
}
#btn-show-more{
    color: #000;
     padding: 8px 15px;
    background-color: #f5f7f9;
    border-radius: 50px !important;
}
.text-primary{
color:#fff!important;

}

    .navbar-brand {
     
        border: 1px solid white;
        border-radius: 50%;
        padding: 2px;
    }
    [id^=gb-widget] {
        bottom: 96px !important;
        
        }
        @media (min-width: 1280px) {
    .container {
        max-width: 1364px;
    }
}
  @media only screen and (min-width: 1024px) {
    .main-menu li>a ,.main-menu>li>a[href*=offer]{
            font-size: 12px;
    }}