/* Add custom CSS styles below */ 
:root {  
    --color-1: #fff;  
    --color-2: #CCCCCC;  
    --color-3: #B8860B;   
    --color-4: #000;   
} 
#mainnav .header-btn__icon.sicon-user-circle, #mainnav i.header-btn__icon.icon.sicon-cart2.bg-primary ,  i.sicon-indent-decrease.text-2xl.p-2.rounded-full.bg-primary , #mainnav span.s-search-icon-wrap{
    background-color:#f8bf33 !important;
    color:white !important;
}
.top-navbar {
    background-color:#f8bf33 !important 
}
.swiper-android .swiper-slide, .swiper-wrapper  {
    margin:0
}
 salla-slider#photos-0-slider div#swiper-wrapper-3f214d06c826167f {
    margin-top: 0 !important;
}
section {
    margin-bottom:10px;
}
/**nav***/
  .s-search-icon svg

 {
    fill: #000;
}
.main-menu > li.root-level::after, .main-menu > li.root-level::before {
  background: var( --color-3 )!important;
}
header.store-header nav#mobile-menu a:hover {
  color: var( --color-3 ) !important;
}




 
.main-menu li.root-level>a:not(a.offers-link){
        color:var(--color-1) !important;
    }
a.offers-link {
    color: var(--color-3) !important;
}







#mainnav .s-cart-summary-count {
  background-color: var( --color-3 ) !important;
  color: var( --color-1);
}

#mainnav .s-cart-summary-total {
  color:#f8bf33 !important;
}
.s-search-icon svg

 {
    fill: #000;
}
.main-menu > li.root-level::after, .main-menu > li.root-level::before {
  background: var( --color-3 )!important;
}
header.store-header nav#mobile-menu a:hover {
  color: var( --color-3 ) !important;
}


header.store-header nav#mobile-menu a:hover {
    color:var( --color-3 ) !important;
    
}
/**nav***/





/**    silder block ***/
section.s-block.s-block--photos-slider {
    margin-top: 0;
}

section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img {
    border-radius: 0 !important;
}
section.s-block.s-block--photos-slider .swiper.s-slider-container {
    padding: 0 !important;
}
.home-slider.photos-slider .s-slider-block__title-nav {
    display:none !important;
}
/** End silder block ***/
/** banners blocks ***/
section#IRT__photos-slider-0
{
    margin-bottom: 0 !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: unset !important;
}
.banner--fixed img {
    border-radius: 0 !important;
}

/** End banners ***/


/**footer**/

footer.store-footer.animated-section-once:not( .store-footer h3) {
    color:white !important;
}

.store-footer h3 {
    color:var( --color-3 );
}

/**footer**/
/***product**/
h3.s-product-card-content-title {
    text-align: center;
}

.s-product-card-content-sub {
    justify-content:center !important;
}

.IRT_opsbtns salla-button .s-button-icon .s-button-text {
  color: black !important;
  background-color: transparent !important;
}

.s-product-card-entry.s-product-card-vertical.s-product-card-fit-height{
overflow: hidden !important;
transition: 0.4s;
}
.s-product-card-entry.s-product-card-vertical.s-product-card-fit-height:hover{
border: 1px solid var( --color-3 ) ;
  box-shadow: 3px 3px 5px 4px #ddd !important;
  transform: translateY(-10px)
}
.s-products-slider-slider.s-slider-wrapper.carousel-slider .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl
 {
    padding-top: 20px !important;
}
salla-products-list.flex-1.min-w-0.overflow-auto{
    padding: 20px 15px !important;
}
.s-product-card-image span
{
    background-color:var( --color-3 ) !important;
}
    [dir=rtl] .IRT__pormotion span:before{
    border-color:var( --color-3 )  !important;
           border-left-color: transparent !important;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-primary-outline.s-button-loader-center {

   border-radius: 11px !important;
}

salla-add-product-button button.s-button-element::before{
    display:none;
}

button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    background-color: #000 !important;
    color: white;
}
/***product***/
.testimonials-item__content.flex-1 h3 ,
.testimonials-item__content.flex-1 p{
    color:gold !important;
}

i.testimonial__icon.sicon-quote.-scale-y-100.-scale-x-100.absolute.top-6.left-10.text-4xl.md\:text-6xl.da-tm.opacity-10{
    color:var( --color-3 ) !important;
}



.testimonials-item {
    background-color:black !important ;
}

footer .s-contacts-icon svg {
  fill: #000;
}

[title="snapchat"]{
  background-color: #FFFC00 !important;
  color: black !important;
}

[title="tiktok"]{
  background-color: black !important;
  color: white !important;
}


[title="twitter"]{
    background-color: black !important;
    color: white !important;
}
[title="instagram"]{
    background: linear-gradient(
    to right,
    #833ab4,#fd1d1d,#fcb045
  ) !important;
  color: wheat !important;
}


.product-single .promotion-title {
    background-color:var(--color-3);
    color:#000;
}
.product-single .s-quick-order-button-cont {
    color: var(--color-3);
}


div#popup .grid.grid-cols-1.gap-4.lg\:grid-cols-2 {
    display:flex !important ;
    flex-direction:column;

}

div#popup .grid.grid-cols-1.gap-4.lg\:grid-cols-2 h2 {
    width:100%;
    text-align:center;
    color:#f8bf33 !important;
}
.product-single  .s-comments.s-comments-product {
    margin-top:25px ;
    background-color:#000;
    color:var(--color-3);
    border-radius: 12px;
}


.product-single .s-comments.s-comments-product .s-comments-header.has-total h2,
.product-single .s-comments.s-comments-product .s-comments-item-content p,
.product-single .s-comments.s-comments-product  p.s-comments-item-timestamp.s-ltr 

{
    color:var(--color-3);
}



select#comments-filter {
    background-color:black;
    color:var(--color-3);
    border-color:var(--color-3);
}

div#popup .pop-up-container{
    border:1px solid var(--color-3);
}

.s-reviews-display-all {  
    border: 1px solid var(--color-4);  
    height: 2.4rem;  
    gap: 1rem;  
    padding: 0 10px;  
    border-radius: 7px;  
    background: #fff;  
    color: var(--color-4);  
    transition: all 0.4s;  
}  

.s-reviews-display-all span {  
    background: var(--color-4);  
    color: #fff;  
    border-radius: 50%;  
    width: 1.7rem;  
    height: 1.7rem;  
    display: inline-flex;  
    justify-content: center;  
    align-items: center;  
    border: 1px solid #fff;  
    transition: all 0.4s;  
}  

.s-reviews-display-all:hover {  
    background: var(--color-4);  
    color: white;  
}  

.swiper-android .swiper-slide,   
.swiper-wrapper {  
    transition-duration: 750ms !important;  
   /* margin: 1rem auto;*/  
}  

.s-reviews-container .swiper-slide-active .s-reviews-testimonial {  
    background: linear-gradient(45deg, #d9d9d9, transparent);  
    border: 1px solid var(--color-4);  
    border-radius: 57px 3px;  
}  

.s-reviews-container .swiper-slide:not(.swiper-slide-active) .s-reviews-testimonial__icon svg {  
  fill: var(--color-1);  
}  

.offers-link {  
  color: var(--color-3)!important;  
}  



.s-reviews-testimonial {
    background: black !important;
    color:gold;
    
}



#swiper-wrapper-632fe8fd8b610aa33 > div > div > div > span > svg{
    fill:#B8860B !important;
}



 .s-reviews-testimonial svg {
     fill :gold;
 }
@media (max-width: 992px) {  




  footer.store-footer * {
        text-align: center !important;
        align-content: center !important;
        justify-content: center;
  }
  .s-search-container  span.s-search-icon-wrap {
    height: 40px;
    width: 40px;
    margin-inline:5px;
}
.s-search-container span.s-search-icon-wrap svg {
    fill:#fff;
}
 .product-index  .s-reviews-testimonial__inner {
    flex-direction:column;
    justify-content:center; 
    align-content:center;
    text-align:center;
}

 .product-index  .s-reviews-testimonial__inner .s-reviews-testimonial__rating {
     margin:0;
 }
 section {
    margin-bottom:10px;
}
 }
 
 div#swiper-wrapper-c5fafffec2eb4add {
    margin:0;
}


@media(min-width: 1024px) {
  .s-block--features__item:not(:last-child) {
    position: relative;
  }

  .s-block--features__item:not(:last-child):before {
    position: absolute;
    content: '';
    width: 3px;
    height: 60px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

.s-block--features__item .feature-icon {
    height: 7rem;
    width: 7rem;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}


.s-block--features__item .feature-icon i:before {
    content: '';
    width: 70px;
    height: 70px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* تغيير الأيقونات باستخدام Lord Icon */
body.index > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(1) > div > i:before {
    content: '\1F6D2'; 
    font-size: 3rem; 
}

body.index > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(2) > div > i:before {
    content: '\1F680'; 
    font-size: 3rem; 
}
#app > div.app-inner.flex.flex-col.min-h-full.relative > div > nav > salla-breadcrumb > ol > li > a , li.s-breadcrumb-item {
    background-color:#000000 ;
    color:white;
    padding:5px;
    border-radius:10px;
    
}


body.index > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(3) > div > i:before {
    content: '\1F381'; 
    font-size: 3rem; 
}

/* تخصيص النصوص */
.s-block--features__item h2 {
    font-size: 18px!important;
    line-height: 1.7rem!important;
    color: #000;
    text-align: center;
}

.s-block--features__item p {
    color: black;
    text-align: center;
    font-size: 14px;
}

.s-block--features__item .feature-icon:hover {
    background-color: #f0f0f0; 
    border-radius: 50%;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.s-block--features__item .feature-icon i:before {
    transition: transform 0.3s ease;
}

.s-block--features__item .feature-icon:hover i:before {
    transform: scale(1.2);
    
  }
  salla-slider#photos-0-slider .swiper-wrapper.s-slider-swiper-wrapper{
    margin-top:0 !important ;
}
.store-footer__inner.bg-cover.bg-center.bg-no-repeat {
    border:none
}



.cart .shadow-default div:nth-of-type(4){
    display: none !important;
}
.cart .shadow-default #total-discount{
 display: none !important;
}


/********** content product-single***********/

h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-4 {
     order:1 !important;
}

.flex.whitespace-nowrap.gap-2.items-center.border.border-gray-300.p-2.rounded-md.justify-center.flex-wrap {
     order:2 !important;
}
 salla-installment.hydrated {
    order:3 !important;
}

.product__description.sm\:p-1.leading-7.mb-3 {
    order:4 !important;
}
.flex.rtl\:space-x-reverse.space-x-3 {
     order:5 !important;
}
 form.form.product-form {
      order:6
 }
salla-quick-order.mt-5.md\:-mb-2.block.s-quick-order.s-quick-order-dark.hydrated {
     order:7 !important;
}
.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4 {
    display:flex;
    flex-direction:column
}