/*----------------------------------------------------------------
                                GLOBAL
----------------------------------------------------------------*/
body.wb-rtl .direction-auto {
  direction: rtl !important;
}

body.wb-ltr .direction-auto {
  direction: ltr !important;
}

body.wb-rtl .text-align-auto {
  text-align: right !important;
}

body.wb-ltr .text-align-auto {
  text-align: left !important;
}

/*----------------------------------------------------------------
                                HEADER
----------------------------------------------------------------*/
.product .price {
  font-size: 1.6rem;
  font-weight: 700;
  font-family: "iran-yekan-regular";
}
.product .toman,
.detail-currency {
  font-size: 1rem;
  color: #9e9e9e;
}
.gap-5 {
  gap: 5px;
}
.bg-light {
  background-color: #f1f1f1 !important;
}
body.wb-rtl .btn.banner-link i:last-child {
  margin-right: 0.9rem;
  margin-left: 0;
}

.search__results {
  position: absolute;
  top: 10px;
  padding: 5px;
  border-radius: 15px;
  z-index: 9999999;
  background: #f4f4f4;
  border: none;
  border-top: none;
  left: 50%;
  transform: translateX(-50%);
  width: 350px;
  height: 40rem;
  overflow: auto;
}

.search__results::-webkit-scrollbar {
  width: 5px;
}

.search__results::-webkit-scrollbar-thumb {
  background: var(--wb-primary-color);
}

.search__item {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #000;
  font-size: 13px;
  text-align: right;
  margin: 0 0 7px 0;
  background: #fff;
  border-radius: 10px;
  padding: 5px;
  width: 100%;
  gap: 7px;
  justify-content: start;
}

.search__results .search__item .search__img {
  border: 1px solid #e9e9e9;
  width: 5rem;
  height: auto;
  border-radius: 8px;
  padding: 3px;
}

.noitem {
  display: none;
  width: 270px;
  height: 80px;
  position: absolute;
  top: 30px;
  padding: 5px;
  z-index: 9999999;
  background: #fff;
  border: 1px solid var(--wb-primary-color);
  border-top: none;
  left: 0px;
  text-align: center;
  border-radius: 1px 1px 20px 20px;
  box-shadow: 0px 22px 20px #00000012;
}

.search-form .loading-icon {
  display: none;
  width: 270px;
  height: 80px;
  position: absolute;
  top: 30px;
  padding: 5px;
  z-index: 9999999;
  background: #fff;
  border: 1px solid #e7a4b5;
  border-top: none;
  left: 0px;
  text-align: center;
  border-radius: 1px 1px 20px 20px;
  box-shadow: 0px 22px 20px #00000012;
}

.search-form .loading-icon::before {
  content: "\f111";
  font-family: "fontello";
  font-style: normal;
  position: absolute;
  top: 25px;
  left: 43%;
  font-size: 50px;
  color: rgb(202, 202, 202);
  animation: load 1s infinite backwards;
  opacity: 0;
  transform: scale(0);
}
.search-form button {
  position: absolute;
  top: 50%;
  background-color: transparent;
  border: 0;
  left: 3%;
  transform: translateY(-50%);
}
.search-box {
  background-color: #efefef;
  border-radius: 50px;
  border: 0;
}

@keyframes load {
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

.sidebar-shop .custom-control-label {
  display: block;
}
.widget-collapsible .widget-title a:after {
  left: 0;
  right: inherit;
}

.widget-collapsible .widget-title a {
  padding-left: 3rem;
  padding-right: 0;
  text-align: right;
}

.filter-items-count .filter-item {
  padding-right: 0rem;
}

.sidebar-shop .custom-control {
  text-align: right;
  padding-left: 1rem;
  font-size: 1.5rem;
  padding-right: 0;
}
.custom-checkbox .custom-control-label::after {
  content: "\e800";
  font-family: "fontello";
}

.product-title-en {
  font-size: 14px;
  letter-spacing: 3px;
  color: #bbbbbb;
  line-height: 18px;
  font-family: "montserrat-light";
  text-transform: uppercase;
}

.category-name {
  font-size: 13px;
  padding: 5px;
  background-color: #cbcbcb21;
  border-radius: 4px;
}

.selection-container {
  padding: 10px 5px;
  width: 100%;
  margin-bottom: 5px;
}

.selection-container > div {
  display: flex;
  flex-wrap: wrap;
}

.selection-container > div > span {
  line-height: 20px;
  min-width: fit-content;
  padding-left: 10px;
  margin-left: 10px;
  color: #8d8d8d;
  font-size: 13px;
  font-weight: 100;
  text-align: right;
}

.selection-container > div > h4 {
  font-size: 16px;
  line-height: 25px;
  padding-right: 10px;
  margin-bottom: 0;
  color: var(--wb-primary-color);
}
.entry-content p {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.pagination-wila {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.pagination-wila ul {
    display: flex;
    flex-direction: row;
    list-style: none;
}

.pagination-wila ul {
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.pagination-wila ul a.active {
    background-color: var(--wb-primary-color);
    color: #fff;
}

.pagination-wila ul a {
    width: 40px;
    height: 40px;
    background-color: #ededed;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--wb-primary-color);
    border-radius: 7px;
}

.pagination-wila ul .text {
    display: none !important;
}

.pagination-wila ul .more-btn:last-child .WMi-right-open:before {
    content: "\f626" !important;
}

.pagination-wila ul .more-btn:first-child .WMi-left-open:before {
    content: "\f625" !important;
}

.pagination-wila ul li,
.pagination-wila ul .more-btn {
    padding: 0 !important;
}
body.wb-rtl .menu.sf-arrows .sf-with-ul::after {
    left: 0;
    right: unset;
}
body.wb-rtl .menu ul {
    right: 0;
    left: unset;
}
body.wb-rtl .menu.sf-arrows ul .sf-with-ul:after {
    content: "\f111";
    left: 3rem;
    right: unset;
}
body.wb-rtl .menu ul ul {
    left: 0;
    right: 100%;
}
body.wb-rtl .menu .megamenu.megamenu-md {
    right: -10rem;
    left: auto;
}
.mmenu-btn {
    left: 1rem;
    right: unset;
}
@media (min-width: 1200px) {
  .search-form {
    width: 250px;
  }
}