/* Add custom CSS styles below */
:root {
/* --header-background: #1b924e;*/
/* --bg-secondary:#19251f;*/
   
}

#app{
   background-color: var(--bg-secondary);
}
.s-modal-close,.s-modal-body {
  background-color: var(--header-background);
}
/*body .s-login-modal-title {
  color: white !important;
}
.s-login-modal-tab form button {
background-color:#f9fafb !important;
}*/
.f_cart-section .f_cart-item-form .cart-item .f_item-total {
  color: white !important;
}
.cart-submit-wrap salla-button button span {
  font-size: 1.2rem !important;
  line-height: 2rem !important;
}
.price_is_on_sale {
  text-align: center;
}
.store-header .f_start-btns {
  visibility: hidden !important;
}
.navbar-brand img {
  max-height: 4.7rem;
}
h2 {
  font-size: 1.3rem !important;
  font-weight: bold !important;
}
.store-header .f_start-btns button {
  display: none !important;
}
.main-nav-container .inner {
  display: flex;
  justify-content: space-between;
}
/*.faqs__item,button.s-button-primary {
border: 2px solid #fff;
}*/
.banner--fixed img{
  border-radius: 0px !important;
}
/*========product=======*/
.btn--wishlist {
  color: #fff;
}
.product-entry .f_product-footer {
  align-items: center;
}
.px-\[7\%\] {
  text-align: center;
  margin-bottom: 1rem;
}
.product-entry__title a {
  line-height: normal;
  font-size: 1rem;
}
.text-lg {
  font-size: 1rem;
}
.page-content-section .s-block__title {
  display: none !important;
}
.s-products-list-vertical-cards {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  width: 45% !important;
  margin: auto !important;
  /*  margin-top:5rem !important;*/
  margin-bottom: 1rem !important;
}
/*============faqs============*/
.faqs{
  margin: 5px 10px !important;
}
/*============footer===========*/
.store-footer__inner .store-footer__blocks .s-payments-list>li {
  box-shadow: none;
}

.store-footer__inner,
.store-footer {
  background-color: var(--header-background);
  border-radius: 4rem 4rem 0 0;
}
.about-us-block div {
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
}
.store-footer__bottom {
  border-radius: unset;
}
.store-footer__inner .about-us-block .f_logo{
  background-color: transparent !important;
}
.store-footer__bottom .copyright-text p{
     color: #fff !important; 
    }

/*===============product page============*/
salla-slider.details-slider .s-slider-container{
  width: 90%;
}
.f_product-section div salla-slider .swiper .btn--wishlist {
  display: none;
}
.s-breadcrumb-wrapper {
  display: none;
}
.f_product-section .main-content .text-xl {
  text-align: center !important;
}
.starting-or-normal-price {
  justify-content: center;
}
.f_product-section .product__description,
.pb-1 {
  border-radius: 0;
  padding: 0;
}
.pb-1 {
  margin-top: 2rem;
}
salla-products-slider[block-title="منتجات قد تعجبك"],
salla-slider[block-title="منتجات تصفّحتها مؤخّرًا"] {
  display: none !important;
}
.s-button-light-outline {
  width: 90%;
}
.s-social-share-btn {
  display: flex;
  margin-top: 2rem;
  justify-content: center;
}
.s-social-share-wrapper,
salla-social-share {
  width: 100%;
  margin-bottom: 2rem;
}
tamara-widget .tamara-summary-widget__container{
  margin: 10px !important;
}
.s-button-light:hover{
  background-color: var(--header-background);
}
.s-button-element:hover .s-button-text {
  color: white !important;
}
.s-add-product-button-mini-checkout-content:where([dir="rtl"], [dir="rtl"] *) {
  color: #fff;
}
.s-add-product-button-main salla-button button,
salla-mini-checkout-widget {
  border: 1px solid #fff !important;
  border-radius: 25px;
  box-shadow: none;
}
.sticky-product-bar {
  transform: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: fixed !important;
  bottom: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  opacity: 1;
  border-radius: 1rem 1rem 0 0 !important;
  overflow: hidden;
}
.product-bar {
  border-radius: 0 !important;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch !important;
  gap: 0.5rem;
  display: flex;
}
salla-add-product-button{
  margin-top: 0px !important;
}
.mb-5{
  margin: 0px 10px;
}
.f_cart-item-form{
  margin: 10px 10px;
}
.sticky-product-bar__price .form-label {
  display: none;
}
.sticky-product-bar .product-bar,
.s-quantity-input-container .s-quantity-input-button,
button.s-button-primary {
  background-color: var(--header-background) !important;
}
.sticky-product-bar {
  padding: 0px !important;
}
.sicon-caret-up-double {
  margin-bottom: 1rem !important;
}
.sticky-product-bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(white 1px, transparent 1px),
    radial-gradient(white 1px, transparent 1px),
    radial-gradient(white 1px, transparent 1px),
    radial-gradient(white 1px, transparent 1px),
    radial-gradient(white 1px, transparent 1px);
  background-size: 30px 30px, 40px 40px, 60px 60px, 80px 80px, 100px 100px;
  background-position: 5px 10px, 20px 40px, 50px 30px, 70px 80px, 100px 50px;
  opacity: 0.5;
  pointer-events: none;
}
.py-5 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.s-login-modal-title{
color:white !important;
}
.s-comments-product{
  margin: 0px 8px !important;
}
div:has(+ salla-hook[name="product:single.description"]){
  margin-bottom: 1rem !important;
}
.txt-danger {
  color: white;
}
/*============cart page===============*/
.f_cart-section{
  margin-top: 2rem;
/*====================================*/  
}
@media (max-width: 768px) {
  .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  [dir="rtl"] .me-8 {
    padding: 2rem;
    padding-top: 0px !important;
  }
  .f_products-container-portrait .s-products-list-wrapper {
    display: block;
    columns: 1;
    width: 90% !important;
    margin: auto !important;
    /*  margin-top:5rem !important;*/
    margin-buttom: 1rem !important;
  }
  .is-sticky-product-bar .sticky-product-bar {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .f_product-section .main-content .flex salla-button .btn--wishlist,
  .s-slider-block__title-nav {
    display: none !important;
  }
  .f_bottom-menu ul li:first-child {
  display:none !important;
  }
  .s-products-list-vertical-cards{
    width: 78% !important;
  }
  .move-product-bar{
    display: none !important;
  }
}
@media (min-width: 768px) {
  .f_product-section .main-content .flex salla-button .btn--wishlist,
  .s-slider-block__title-nav {
    display: none !important;
  }
  .store-footer__inner > div:first-child {
    display: flex;
    justify-content: space-around;
  }
 #mainnav .f_logo{
    margin-right: 13rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
   .store-footer__inner{
    flex-direction: row ;
  }
}