/*
Theme Name: Melyna Seeds Theme
Author: AKS WebTech
Author URI: https://www.aksweb.tech/
Description: A custom WordPress theme for Melynaseeds.
Version: 0.2
*/



*::-webkit-scrollbar {
    display: none;
}

.pagination{
  margin-top: 2rem;
}

.page-numbers{
  padding: 0.5rem 0.875rem;
}


.pagination,
.pagination .nav-links{
  display: flex;
  align-items: center;
  justify-content: center;
}



.page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--primary-color);
  height: 40px;
  font-weight: 500;
  font-size: 1rem;
  color: var(--bs-body-color);
}

.page-numbers:first-child{
     border-radius: 8px 0 0 8px;
}

.page-numbers:last-child{
  border-radius: 0px 8px 8px 0px;
}

.page-numbers:not(:first-child){
  margin-left: -2px;
}

.page-numbers.current{
  color: var(--primary-color);
}

.product_filter_btn{
  border: none;
  background: transparent;
  padding :0 0 0.25rem 0;
position: relative;

}

.product_filter_btn:not(:last-child){
  margin-right: 0.75rem;
}


.product_filter_btn::before{
  content: '';
      position: absolute;
    bottom: 0;
    left: 50%;
    background: var(--primary-color-dark);
    height: 2px;
        transform: translateX(-50%);
    transform-origin: center;
        transition: all 0.3s ease;
            width: 0;
  }

  .product_filter_btn:hover{
    color: var(--primary-color);
  }
  .product_filter_btn.active{
    color: var(--primary-color-dark);
  }

  .product_filter_btn.active::before{
    width: 100%;
    left: 50%;
  }


  .product_cat_top.has-scroll .product_cat_top_action{
display: inline-flex;
  }

  .product_cat_top_action:hover{
    color: var(--bs-white);
    background: var(--primary-color);
  }


  label{
    font-weight: 500;
    margin-bottom: 0.25rem;
  }

  .no_scroll{
    overflow: hidden;
  }