/* CSS styles for your widget */
@import url('https://fonts.cdnfonts.com/css/calibri-light');

/* Apply Calibri Light font to specific elements */
.via_product_category_card,
.category_title,
.texte-survol,
a.category-name {
  font-family: 'Calibri Light', sans-serif; /* Use Calibri Light font for these elements */
}
span.voir-produit {
  color: aliceblue;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Calibri Light', sans-serif;
}
.via_product_category_card {
  position: relative;
  width: 100%;
  height: auto;
  margin: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.1);
}
.category_title {
  padding: 15px;
  text-align: center;
  background: white;
}
a.category-name {
  color: #682057;
  font-size: 20px;
  font-weight: 700;
 
}
.category-image {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
img.via_category_image {
  height: 300px !important;
  border-radius: 10px 10px 0px 0px !important;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black overlay */
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.via_product_category_card:hover .overlay {
  opacity: 1;
}

.texte-survol {
  text-align: center;
  color: white;
}

.category-name {
  font-size: 18px;
  text-decoration: none;
  color: white;
}

.voir-produit {
  display: none;
}

.overlay:hover .category-name {
  display: none;
}

.overlay:hover .voir-produit {
  display: inline;
}


/* CSS styles for your widget */

.via_product_category_card.elementor-column.elementor-col-4 {
  display: block;
}
.elementor-row {
  flex-wrap: nowrap;
  justify-content: unset;
}

.via_product_category_card {
  flex: 0 0 calc(25.333% - 20px);
  margin: 10px; 
  overflow: hidden;
  position: relative;
  height: auto; 
}

.categories_sliders_home .elementor-row {
  flex-wrap: nowrap;
  justify-content: unset;
}

@media (max-width: 991px) {
  .via_product_category_card {
      flex: 0 0 calc(50% - 20px); 
      height: auto;
  }
  .categories_sliders_home .elementor-row {
    flex-wrap: wrap;
    justify-content: unset;
  }
  a.woo-wallet-menu-contents {
    color: white;
    
}
}


@media (max-width: 767px) {
  .via_product_category_card {
      flex: 0 0 calc(100% - 20px);
      height: auto; 
  }
}