:root {
  --main: rgb(6, 63, 52);
  --main: 6, 63, 52;
  --secondary: 230, 179, 30;
  --secondary: rgb(236, 169, 49);
  --secondary: 236, 169, 49;
  --light: rgb(252, 250, 241);
  --light: 252, 250, 241;
  --gray: rgb(202, 202, 202);
  --gray: 202, 202, 202;
  --bg: 0, 0, 0;
  --border-radius: 0;
  --white: 255, 255, 255;
}

/* الخلفية */
body.page-single .content,
body {
  background-color: rgb(var(--bg)) !important;
  color: white !important;
}

button {
  border-radius: var(--border-radius) !important;
}
/* الهيدر */
header input .s-search-icon,
header input::placeholder,
header input {
  color: rgb(var(--secondary)) !important;
  fill: rgb(var(--secondary)) !important;
}
header .s-search-icon-wrap {
  color: black !important;
}
.s-search-input {
  color: rgb(var(--secondary)) !important;
}

body header input.s-search-input {
  background-color:transparent !important;;
border: 1px solid rgb(var(--secondary)) !important;;
}

header {
  box-shadow:
    rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(43, 45, 52, 0.05) 5px 10px 30px 0px;
  /*   border-bottom: 1px solid rgb(240, 240, 240); */
}

header,
.top-navbar,
#mainnav {
  background-color: rgb(var(--main)) !important;
  color: rgb(var(--secondary)) !important;
  font-size: 1.2rem;
  box-shadow: none;
}

/* أيقونات الهيدر */
header .sicon-menu,
#mainnav .flex.items-center.justify-end .s-cart-summary-total,
#mainnav .flex.items-center.justify-end i {
  border: none;
  color: rgb(var(--secondary)) !important;
}

/* قوئم الهيدر */
#mainnav a {
  font-size: 1.2rem;
}
#mainnav a:hover {
  color: rgb(var(--secondary));
  opacity: 0.7;
}

@media only screen and (max-width: 600px) {
  a.navbar-brand {
    padding-right: calc(50vw - 140px);
    width: 200px;
    height: 70px !important;
  }
  a.navbar-brand img {
    right: 100px;
    width: 200px;
    max-height: 70px !important;
  }
}

header {
  border-bottom: none !important;
}

/* mobile menu */
@media only screen and (max-width: 1024px) {
  .mm-spn.mm-spn--light {
    background: rgb(var(--bg)) !important;
    color: rgb(var(--secondary)) !important;
  }

  .mm-spn.mm-spn--light a img.rounded-full {
    border-radius: var(--border-radius) !important;
  }
}

/* السلايدر الرئيسي */
.s-block.s-block--photos-slider
  salla-slider
  .s-slider-container
  .swiper-wrapper
  .swiper-slide {
  opacity: 0;
}
.s-block.s-block--photos-slider
  salla-slider
  .s-slider-container
  .swiper-wrapper
  .swiper-slide-active {
  opacity: 1;
}

body .s-slider-block__title-nav button {
  background-color: transparent !important;
  box-shadow: none !important;
}

@media only screen and (max-width: 600px) {
  /*   [class="flex-center container pb-16 sm:pb-0 home-slider__content relative h-full"], */
  .s-block.s-block--hero-slider .swiper-slide.bg-dark,
/*   [class="swiper-wrapper s-slider-swiper-wrapper"], */
   .s-block.s-block--hero-slider.s-block--full-bg.wide-placeholder salla-slider .s-slider-container .bg-cover,
/*    .s-block.s-block--hero-slider.s-block--full-bg.wide-placeholder salla-slider .s-slider-container, */
    .s-block.s-block--hero-slider.s-block--full-bg.wide-placeholder salla-slider ,
  .s-block.s-block--hero-slider.s-block--full-bg.wide-placeholder {
    background-color: black !important;
    max-height: 170px;
  }

  .s-block.s-block--hero-slider.s-block--full-bg.wide-placeholder
    salla-slider
    .s-slider-container {
    /*     border:1px solid red; */
    /*     max-height: 250px; */
  }
  .s-block.s-block--hero-slider.s-block--full-bg.wide-placeholder
    salla-slider
    .s-slider-container
    .bg-cover {
    background-position: top;
    background-size: contain !important;
    background-repeat: no-repeat;
    /*       background-color: transparent !important; */
  }
}

.mm-ocd.mm-ocd--right.mm-ocd--open li a img {
  /*        border:1px solid red !important;  */
  background-color: transparent;
}

/* الأقسام */

.s-block.s-block--categories .swiper-wrapper.s-slider-swiper-wrapper {
  justify-content: space-between;
}

.s-block.s-block--categories a {
  background-color: transparent !important;
}
.s-block.s-block--categories a img {
  margin-bottom: 0;
}

.s-block.s-block--categories
  .swiper-wrapper.s-slider-swiper-wrapper
  .swiper-slide:hover {
  scale: 0.95;
}

.s-block.s-block--categories
  .swiper-wrapper.s-slider-swiper-wrapper
  .swiper-slide {
  width: 25vw;
  max-width: 300px;
}

.s-block.s-block--categories
  .swiper-wrapper.s-slider-swiper-wrapper
  .swiper-slide
  a {
  border: none;
  color: rgb(var(--main)) !important;
  font-size: 1.8rem !important;
  height: 25vw;
  padding: 0;
}

.s-block.s-block--categories
  .swiper-wrapper.s-slider-swiper-wrapper
  .swiper-slide
  a
  h2 {
  font-size: 1.2rem !important;
  position: relative;
  z-index: 100;
  background-color: rgb(var(--main));
  padding: 1rem 0rem;
  width: 100%;
  color: white;
  /*   border-radius: 25px; */
}

.s-block.s-block--categories
  .swiper-wrapper.s-slider-swiper-wrapper
  .swiper-slide
  a
  img {
  width: 100%;
  height: 80%;
  border-radius: var(--border-radius) !important;
}

/* الأقسام للجوال */
@media only screen and (max-width: 600px) {
  .s-block.s-block--categories .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [class='swiper s-slider-container swiper-initialized swiper-horizontal swiper-rtl swiper-backface-hidden'] {
    padding-left: 0 !important;
  }

  .s-block.s-block--categories
    .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
    padding: 0;
  }

  .s-block.s-block--categories
    .swiper-wrapper.s-slider-swiper-wrapper
    .swiper-slide,
  .s-block.s-block--categories
    .swiper-wrapper.s-slider-swiper-wrapper
    .swiper-slide
    a {
    min-height: 150px;
    padding: 0 !important;
    width: 23vw;
  }

  .s-block.s-block--categories
    .swiper-wrapper.s-slider-swiper-wrapper
    .swiper-slide
    a
    h2 {
    font-size: 0.8rem !important;
    position: relative;
    z-index: 100;
    padding: 0.2rem 0rem;
    width: 100%;
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .s-block.s-block--categories .swiper-wrapper.s-slider-swiper-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
  }
}

/* بطاقة المنتج */
custom-salla-product-card .s-product-card-image,
custom-salla-product-card {
  background-color: rgb(var(--bg)) !important;
}

custom-salla-product-card button {
  background-color: rgb(var(--main));
  color: rgb(var(--secondary)) !important;
  border: none !important;
  border-radius: var(--border-radius) !important;
}

custom-salla-product-card button:hover {
  /*   scale: 1.05; */
  opacity: 1 !important;
  /*   border-color: rgb(var(--secondary)) !important; */
}

custom-salla-product-card button[product-status='out'] {
  background-color: rgb(var(--main));
  color: rgb(var(--secondary)) !important;
  border: none !important;
  opacity: 0.5;
}

.s-products-slider-card {
  margin-bottom: 1rem;
}

/* عنوان البطاقة */
custom-salla-product-card .s-product-card-content-title a {
  max-height: 22px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
  height: 22px;
  display: block;
  color: rgb(var(--secondary));
}
.s-product-card-price {
  color: rgb(var(--secondary));
}

custom-salla-product-card .s-product-card-content-sub .s-product-card-price {
  width: 100%;
  text-align: center;
}

.s-product-card-vertical .s-product-card-wishlist-btn button {
  background-color: transparent !important;
}

/* store features */
.s-block--features__item {
  background-color: rgb(var(--bg));
  /*     border: 1px solid rgb(var(--secondary)); */
}
.s-block--features__item p,
.s-block--features__item h2 {
  color: rgb(var(--gray));
}
/* الفوتر */
.store-footer {
  border-top: 1px solid rgba(var(--main), 0.7) !important;
  color: rgb(var(--main)) !important;
}

.store-footer,
footer .items-center.justify-between.py-4.container.text-center,
.store-footer .store-footer__inner {
  background-color: rgba(var(--bg), 0.8) !important;
}

.store-footer li a,
.store-footer a span {
  border: none !important;
}

footer salla-apps-icons {
  display: none;
}
footer salla-social ul,
footer .store-footer__inner .container a {
  display: flex;
  justify-content: center;
}
footer .store-footer__inner .container {
  display: flex !important;
  /* border:1px solid red; */
  justify-content: space-around;
  flex-wrap: wrap;
}
footer .store-footer__inner .container h3,
footer .store-footer__inner .container p {
  text-align: center !important;
}

/* featured product */
.s-block.s-block-tabs.s-block--tabs-produtcs.s-block--full-bg.as-grid.bg-gray-100.py-8 {
  background-color: rgba(var(--light), 0.7) !important;
}

/* whatsapp  */
#_2chat-whatsapp-widget header {
  background-color: #075e54 !important;
}

/* product-page */
body.product-single .swiper-wrapper.s-slider-swiper-wrapper a img,
body.product-single .swiper-wrapper.s-slider-swiper-wrapper a,
body.product-single .swiper-wrapper.s-slider-swiper-wrapper {
  border: none !important;
  border-color: transparent !important;
  border-width: 0 !important;
}

[class="btn--wishlist animated hidden sm:inline-flex s-button-element s-button-icon s-button-outline s-button-light-outline s-button-loader-center"],
[class="s-social-share-btn s-button-element s-button-icon s-button-outline s-button-light-outline s-button-loader-center"],
body.product-single .s-comments.s-comments-product,
body.product-single .s-quantity-input-input,
body.product-single
  [class='sticky-product-bar bg-white p-5 rounded-md rounded-b-none'],
body.product-single
  [class='flex bg-white p-5 sm:pb-0 rounded-md rounded-b-none'],
body.product-single salla-product-options,
/* body.product-single button, */
body.product-single .swiper-wrapper img {
  background-color: rgb(var(--bg)) !important;
  color: white;
  /*   background-color: red !important; */
}

body.product-single .s-quantity-input-container,
body.product-single .s-quantity-input-input {
  border-color: rgb(var(--bg)) !important;
}

body.product-single
  [class='s-button-element s-button-btn s-button-solid s-button-wide s-button-primary s-button-loader-center'] {
  border-color: rgb(var(--secondary)) !important;
}

body.product-single
  [class='s-button-element s-button-btn s-button-solid s-button-wide s-button-primary s-button-loader-center'],
body.product-single h1 {
  color: rgb(var(--secondary)) !important;
}

/* splash */
body {
  position: relative;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: rgba(6, 63, 52, 0.95);
  z-index: 9999;
  animation: splashFadeOut 0.5s ease-out 3s forwards;
}

body::after {
  content: '';
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.82) translateY(12px);
  width: 160px;
  height: 160px;
  background-image: url('https://cdn.files.salla.network/theme/1625403966/8d85c85c-c692-47e1-b8d0-bfcdc18879d5.webp');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10000;
  opacity: 0;
  filter: drop-shadow(0 8px 32px rgba(0, 0, 0, 0.35));
  animation:
    logoReveal 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.3s forwards,
    logoFloat 3s ease-in-out 1s infinite,
    splashFadeOut 0.5s ease-out 3s forwards;
}

@keyframes logoReveal {
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) translateY(0);
  }
}

@keyframes logoFloat {
  0%,
  100% {
    transform: translate(-50%, calc(-50% + 0px));
  }
  50% {
    transform: translate(-50%, calc(-50% - 7px));
  }
}

@keyframes splashFadeOut {
  to {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
}


/* categroy page */
body.product-index #product-filter {
  background-color: transparent;
}