/*
Theme Name: VerdaAgro Child
Author: WebGeniusLab
Author URI: http://webgeniuslab.net
Description: WebGeniusLab team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
Version: 1.0
Template: verdaagro
Text Domain: verdaagro-child
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
}
.site-main div.wgl-filter-products{
    display: block !important;
}
.woocommerce-result-count{
    display: none;

  }
   .orderby{
    display: none ;
  }
  .wgl-filter-button{
    display: none;
  }
  .yith-wcan-filters .yith-wcan-filter .filter-items.level-0
  {
    flex-direction: row;
  }
@media (max-width: 720px) {
   .wgl-filter-button{
    display: inline;
  }
  
  .wgl-filter-button{
    width: 100% ;
    display: inline !important;
  }
  
  .site-main div.wgl-filter-products.active{
    max-width: 100%;
  }
  .yith-wcan-filters .yith-wcan-filter{
    flex-direction: column;
  }
  .yith-wcan-filters .yith-wcan-filter h4
  {
    width: 100% !important;
  }
  .wgl-woocommerce-sorting{
  display: inline;
}
}
.wgl-woocommerce-sorting{
  display: none ;
}
.site-main div.wgl-filter-products .sidebar-container .sidebar > *{
    width: 100% !important;
}
.filter-items{
   display: flex;
}

.yith-wcan-filters .yith-wcan-filter{
  display: flex;
  align-items: center;
  border-bottom: .5px solid var(--e-global-color-primary);
  align-items: flex-start !important;
}
.wgl-style-input label{
  display: flex;
  align-items: center;
}
.yith-wcan-filters{
  width: 100%;
}
.yith-wcan-filters .yith-wcan-filter h4{
    width: 20%;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item
{
    margin: 0 20px ;
}
.wgl-reset-filter{
    display: none !important;
}
.wgl-reset-filter{
    display: none !important;
}
.site-main div.wgl-filter-products .sidebar-container{
    padding: 20px !important;
}
.site-main div.wgl-filter-products .sidebar-container .sidebar > *{
  display: flex;
}
/* .filter-title{
  display: none;
} */

.verda-tab-btn { 
  border: 2px solid #004c43;
  background: transparent;
  color: #004c43;
  padding: 6px 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a{
  font-size: 14px;
}
.yith-wcan-filters{
  width: 100%;
}

.verda-tab-content {
  display: none;
}

.verda-tab-content.active {
  display: block;
}
.verda-filter-tabs {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 16px;
    padding-bottom: 4px;
    flex-direction: column;
    margin-right: 20px;
}

.verda-tab-btn {
  position: relative;
  background: transparent;
  border: none;
  outline: none;
  color: #004c43;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.verda-tab-btn:hover {
  background: #e9f3f1;
}

.verda-tab-btn.active {
  background: #004c43;
  color: #fff;
  border-bottom: 2px solid #004c43;
}

/* --- Tab content (ẩn/hiện nhẹ) --- */
.verda-tab-content {
  display: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  will-change: opacity;
}

.verda-tab-content.active {
  display: block;
  opacity: 1;
}

/* --- YITH filter items --- */
.yith-wcan-filters li,
.yith-wcan-filters ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Ngăn giật khi hover các item */
.yith-wcan-filters a {
  display: block;
  padding: 6px 10px;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.2s ease, color 0.2s ease;
  will-change: background-color, color;
}

.yith-wcan-filters a:hover {
  background-color: #f3f7f6;
  color: #004c43;
}

/* Khi chọn (checked/active) */
.yith-wcan-filters a.yith-wcan-active {
  background-color: #004c43;
  color: #fff;
}

/* Giữ khung ổn định, tránh “nhảy” khi filter load */
.yith-wcan-filters {
  min-height: 120px; /* hoặc tùy độ cao trung bình */
  transition: none !important; /* tắt transition layout */
}

/* Ngăn bị flash khi AJAX load lại */
.yith-wcan-loading {
  opacity: 0.4;
  pointer-events: none;
}
.yith-wcan-filters{
      margin-bottom: 0px !important
}
.product_meta{
  display: none;
}

.certifications{
  text-align: left;
  min-height: 30px;
}
.certifications>.certification-badge
{
 
  PADDING: 4px 10px;
  font-family: 'Montserrat';
  font-size: 8px;
  font-weight: bold;
  border-radius: 5px;
  color: #fff;
  gap: 20px !important;

}
#ISO-22000{
    color: #0057A8;
}
#HACCP{
    color: #F7931E;
}
#HALAL{
    color: #00843D;
}
#KOSHER{
    color: #003366;
}
#ORGANIC{
    color: #78BE20;
}
#FDA{
   color: #002F6C;
}