/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


/* Hide elements with the 'hide-accessoires' class */
.hide-accessoires {
  display: none;
}

 /* hide password reset modal */
 #passwordResetModal{
  display: none !important;
 }
/* Hide the 'Nouveau' label */
.product-flags li.product-flag {
  display: none !important;
}


#products .product-miniature .product-flags li.product-flag, .featured-products .product-miniature .product-flags li.product-flag, .product-accessories .product-miniature .product-flags li.product-flag, .product-miniature .product-miniature .product-flags li.product-flag{
	display: none !important;
}

/*
RESPONSIVE
*/

/*to hide buttons that lead nowhere*/ 
.custom-biolys .text-side .more-buttons {
  display: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* Styles for tablets */
  #_desktop_top_menu .top-menu[data-depth="0"] {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}

@media (max-width: 767px){
  #category #left-column #search_filters {
      height: 35vh;

  }
}

@media (max-width: 767px){
  #category #left-column #search_filters_wrapper {
      margin-left: 0px;
      margin-right: 0px;
      height: 35vh;
      overflow: auto;

  }
}
@media (max-width: 767px) {
  #filter-wrapper{
    padding: 0 0 15px 15px;
  }
  #header.is-open, 
  #header.is-open .header-top {
    background-color: #fff;
    position: absolute;
    z-index: 1;
  }
  .footer-container .links ul {
    background-color: #232323 !important; 
  }
  .products-selection .showing{
    display: none !important;
  }
  .dropdown-backdrop{
    z-index: -1  !important;
  } 

}

#filter-wrapper .btn.filter-toggle-mobile {
  display: none;
}

@media (max-width: 767px) {
#filter-wrapper .btn.filter-toggle-mobile {
  display: block;
}

.filter-content-mobile {
  display: none;
}
}

@media (min-width: 768px) {
#filter-wrapper .btn.filter-toggle-mobile {
  display: none;
}

.filter-content-mobile {
  display: block;
}
}





/***********************/
 .btn {
  display: inline-block;
  padding: 10px 20px;
  font-size: 1em;
  color: #ffffff;
  background-color: #6ea02a;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.3s ease;
}

.btn:hover, .btn:focus {
  background-color: #52781f;
  color: #ffffff;
  text-decoration: none;
}


 /*
  * To make "Toutes les categories" scrollable
  */
 .typeahead__dropdown{
    max-height: 300px !important;
    overflow: auto !important;
 }
  /*
  * To make "Filtrer par" scrollable (the height is the height of the page minus the height of the header)
  */
 #search_filters {
    height: calc(100vh - 80px);
    overflow-y: auto;
 }
  /*
  * To reduce product title to some characters
  */
  .products .product-title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
/*
  * To reduce filter dropdown height and add scroll as demanded
  */
.facet-dropdown .dropdown-menu {
    max-height: 200px !important;
    overflow: auto !important;
  	z-index: 1 !important;
}


/* CSS for positioning the additional logo on desktop */
#_desktop_logo {
  position: relative;
}

#_desktop_logo .additional-logo-container {
  position: absolute;
  top: 50%;
  right: 8%;
  transform: translateY(-50%);
  text-align: center;
}

#_desktop_logo .additional-logo-link {
  display: block;
}
#_desktop_logo .additional-logo-text {
  font-size: 14px; /* Adjust the font size as necessary */
  margin-bottom: 5px;
}
#_desktop_logo .additional-logo {
  width: 10rem; /* Adjust the width as necessary */
  height: auto; /* Maintain aspect ratio */
}

/* CSS for resizing the additional logo on mobile */
@media (max-width: 767px) {
  #_mobile_logo .desktop-space {
    display: none;
  }
  #_mobile_logo .additional-logo-container{
    margin: 5px;
    display: flex;
    /* align-items: flex-start; */
    align-items: center;
  }
  .additional-logo {
    width: 9rem; /* Smaller width on mobile */
  }
  /* #_mobile_logo .img-container-mobile {
    display: flex;
    align-items: center;
    flex-direction: column;
    
  } */
  .top-logo a {
    display: flex;
    align-items: center;
    flex-direction: column;
    /* width: 10rem; */
  }
  #header .header-nav .top-logo {
    padding-top: 0px !important;
  }
  #header .header-nav .top-logo a img {
    max-height: 55px;
  }
}