/* Add custom CSS styles below */ 
/* =============================== */
/* 🌙 Ramadan Floating Decorations */
/* =============================== */

body {
  position: relative !important;
  overflow-x: hidden !important;
}

body::before {
  content: "✦   ☾   ✧   ✦   ✧   ✦   ☾   ✧   ✦   ✧" !important;
  position: fixed !important;
  top: -10% !important;
  left: 0 !important;
  width: 200% !important;
  font-size: 40px !important;
  color: rgba(250, 204, 21, 0.85) !important;
  letter-spacing: 60px !important;
  animation: floatRamadan 25s linear infinite !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  z-index: 9999 !important;
}

body::after {
  content: "☾   ✧   ✦    ✧   ✦   ☾   ✧   ✦ " !important;
  position: fixed !important;
  top: -20% !important;
  left: 0 !important;
  width: 200% !important;
  font-size: 25px !important;
  color: rgba(253, 224, 71, 0.7) !important;
  letter-spacing: 80px !important;
  animation: floatRamadanSlow 40s linear infinite !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  z-index: 9998 !important;
}

@keyframes floatRamadan {
  0% {
    transform: translateY(0) translateX(-10%) !important;
  }
  100% {
    transform: translateY(120vh) translateX(10%) !important;
  }
}

@keyframes floatRamadanSlow {
  0% {
    transform: translateY(0) translateX(10%) !important;
  }
  100% {
    transform: translateY(130vh) translateX(-10%) !important;
  }
}

custom-main-menu {
  display: none;
}

.full-banner-entry {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

}

.image-prod img{
  /* object-fit: contain !important; */
  border-radius: 20px !important;
}

.navbar-brand img{
  max-height: 5rem !important;
  width: unset;
}

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

.category-banner{
  display: none;
}

salla-add-product-button button{
  background-color: #543A14 !important;
  border-color:  #543A14 !important;
}

/* #best-offers-5-product .main-prod {
  direction: ltr !important;
} */

salla-advertisement {
  overflow: hidden;
}

salla-advertisement .s-advertisement {
  background: linear-gradient(135deg, #5C3317 0%, #8B5E3C 40%, #C49A6C 70%, #A0522D 100%) !important;
  color: rgb(255, 255, 255) !important;
}

salla-advertisement .s-advertisement-content {
  white-space: nowrap !important;
  animation: tickerScroll 10s linear infinite !important;
  
}

salla-advertisement .s-advertisement-content:hover {
  animation-play-state: paused !important;
}

@keyframes tickerScroll {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.feature-icon{
  background-color: #543A14 !important;
}

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

.s-social-list .s-social-link a{
  background-color: #543A14 !important;
  color: #fff;
}

.s-social-list .s-social-link a:hover{
  background-color: #fff !important;
  color: #543A14 !important;
}

.s-contacts-item{
  background-color: #543A14 !important;
  color: #fff;
}

.s-contacts-item .s-contacts-icon svg{
  color: #fff;
}

.s-add-product-button-main .s-button-element .s-button-text{
  color: white !important;
}

.s-block-simple-section__content a{
  background-color: #543A14 !important;
}

.all-products-btn{
  background:#543A14 !important;
  color:#fff;
  padding:6px 12px;
  border-radius:6px;
  text-decoration:none;
  font-size:14px;
  margin-right: 1px;
}

.s-slider-block__title{
  direction: ltr !important;
  flex-direction: row-reverse !important;
}