/* Add custom CSS styles below */ 
/* Global */


.s-block.s-block--fixed-banner.wide-placeholder .container {
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.s-slider-block__title-left *{
  color: #fff !important;
}

.banner--fixed img {
  border-radius: 0;
  background-color: transparent;
}
/* End of Global */


/* Header */
.thin-header .main-nav-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-brand img {
  max-height: 4rem;
}

#mainnav {
  --tw-shadow: unset !important;
}
/* End of Header */


/* Slider */
section.s-block.f_enhanced-slider {
  padding-top: 0;
  padding-bottom: 0;
}

section.s-block.f_enhanced-slider .s-slider-wrapper .swiper.s-slider-container .swiper-wrapper .swiper-slide {
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 1024px) {
    .lg\:rounded-\[4rem\] {
        border-radius: 0;
    }
}
/* End of Slider */



/* Products Cards */

salla-add-product-button button {
  background-color: #FE7000 !important;
  color: #fff!important;
  border: 1px solid transparent !important;
}
salla-add-product-button:hover button {
  background-color: #fff!important;
  color: #FE7000 !important;
  border: 1px solid #FE7000 !important;
}
.f_price-container > *{
  background-color: #FE7000 !important;
}


/*Feature */
.s-block--features .s-block--features__item {
  border: 0;
  border-radius: 0px;
  background-color: transparent !important;
}
.s-block--features .s-block--features__item .feature-icon {
  background-color: transparent !important;
  overflow: unset !important;
  margin: 10px 0px 40px;
}
.s-block--features .s-block--features__item .feature-icon i {
  color: #FE7000!important;
  font-size: 100px;
}


/* Footer */
@media(min-width: 768px) {
  footer > div.store-footer__inner > div:nth-child(1) {
    display: flex !important;
    justify-content: space-around !important;
  }
}



.store-footer__inner .about-us-block {
  background-color: transparent;
}

.store-footer__inner {
  background-color: rgba(254, 112, 0, 1);
  border-top: 2px dashed;
  border-radius: 100px 100px  0 0 ;
  & *{
  color: #fff !important;
  }
  .f_certificates  {
    background-color: transparent !important;
  }
}
@media (min-width: 1280px) {
    .store-footer__bottom {
        max-width: 100%;
    }
}

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



    .store-footer .s-menu-footer-list {
        max-height: none !important;
        width: -moz-fit-content;
        width: fit-content;
    }
    
    .store-footer .f_menu-title salla-menu {
    text-align: center;
}

/* End of Footer */


#more-content > p > span, #more-content > h2 > strong {
  color: var(--main-color) !important;
}

#fixed_banner_sec_0{
padding:0;
}

.article--main p *{
  color:#fff !important;
} 

.s-breadcrumb-wrapper *{
  color:#fff !important;
}

.f_quick-links *{
  color:#000 !important;
  
}

.feature-icon i {
  color: #FE7000  !important
}

.product-single  .s-breadcrumb-wrapper *{
  color :#000 !important;
  
}

.article--main strong{
  color:#000!important;
}

custom-main-menu {
  display: none;
}


/* تطبيق اللون البنفسجي على الأزرار في الحالة العادية، وعند الهوفر تترك للثيم حرية تفعيل تأثيره التلقائي */
.s-button-wrap button:not(:hover) {
    background-color: #541bc2 !important; /* لون الخلفية الجديد في الحالة العادية فقط */
    color: #ffffff !important; /* لون النص في الحالة العادية فقط */
}

/* هذا الكود لضمان تطبيق اللون البنفسجي أيضاً، لكن دون كسر تأثير الهوفر الافتراضي للثيم */
.s-button-wrap button {
    background-color: #541bc2; 
    color: #ffffff; 
}

.f_btn-container {
    gap: 5px;
}

.btn--wishlist button:hover {
    background-color: #ffffff !important; /* يعود للون الأبيض الرئيسي عند الهوفر مثل باقي الأزرار */
    color: #fe7101 !important; /* يتحول القلب للون البنفسجي الرئيسي */
    border: 1px solid #fe7101 !important; /* إظهار الإطار باللون البنفسجي */
}

.about-us-block img.f_logo {
    content: url("https://res.cloudinary.com/lrnqpvxm/image/upload/f_auto,q_auto/white-logo_vdg1w7") !important;
}

.breadcrumbs,
.breadcrumbs a,
.breadcrumbs li {
    color: #000 !important;
}