/***************************************************** PAGE_D'ACCEUIL***************************************************** */
#index .block_carousel .title {
  font-size: 14px !important;
}

.block_carousel img {
  max-width: 75% !important;
}

.leo-megamenu .navbar-nav > li:last-child > a {
  color: #eb2da1 !important;
}

#index .thumbnail-container .category-default a {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-wrap: break-word !important;
  white-space: nowrap !important;
}

#index .product-default .thumbnail-container .product-title a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-wrap: break-word !important;
  white-space: normal !important;
}

/*****************************************************ModifColors****************************************************************/
.bottomnav {
  background-color: #1e8f85 !important;
}

.contact-box li {
  color: white !important;
}

.contact-box li i {
  color: white !important;
}

#my-account.page-my-account #content .links a i {
  color: #1e8f85 !important;
}

#category #subcategories .subcategories-list .subcategory-meta {
  border: solid 1px #1e8f85 !important;
}

/*********************************************************page_brands******************************************************/
/* Styles par défaut */
#manufacturer .brand-img img {
    display: none !important;
  }
  
  .brand-img {
    display: none !important;
  }
  
  .brand-products {
    display: none !important;
  }
  
  .list-brands {
    display: grid !important;
    grid-template-columns: auto auto auto auto !important;
    align-content: center !important;
    justify-content: space-between !important;
    margin: 4.25rem 0 0.625rem !important;
    background: #fff !important;
  }
  
  .alphabet-filter {
    display: grid !important;
    height: 55px !important;
    box-sizing: border-box !important;
    border: 2px solid #1e8f85 !important;
    border-radius: 13px !important;
    padding: 3px !important;
    margin-bottom: 10px !important;
    min-width: 600px !important;
    margin-top: 40px;
  }
  
  #brandFilter {
    border: 1px solid #1e8f85 !important;
    border-radius: 13px !important;
    width: 60% !important;
    height: 60px !important;
  }
  
  .description_marque {
    font-weight: 400 !important;
    font-size: 31px !important;
    line-height: 40px !important;
    margin: 0 !important;
    color: #1e8f85 !important;
  }
  
  .brands-by-letter {
    display: grid;
    padding-top: 3%;
    gap: 20px;
    margin-top: 20px;
  }
  
  /* Styles pour les conteneurs de lettre */
  .box-letter {
    padding: 10px !important;
    border-radius: 15px !important;
    background: #1e8f851a !important;
  }
  
  /* Styles pour le titre de la lettre */
  .box-title {
    font-weight: bold !important;
    margin-bottom: 25px !important;
    text-rendering: optimizeSpeed !important;
    font-size: 30px !important;
    color: #1e8f85;
    line-height: 36px !important;
  }
  
  .letter-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-gap: 10px !important;
    padding-top: 2% !important;
    grid-column-gap: 10% !important;
    font-weight: 500 !important;
  }
  
  /* Styles pour la liste des lettres de l'alphabet */
  .letter-select {
    display: flex !important;
    justify-content: center !important;
    gap: 5px !important;
  }
  
  /* Styles pour les lettres */
  .letter-select a {
    color: #333 !important;
    font-size: 12px !important;
  }
  
  /* Couleur de fond différente pour chaque lettre */
  .letter-select a[href^='#letter_'] {
    font-weight: bold !important;
    font-size: 12px !important;
    align-content: center !important;
  }
  /* CSS pour masquer les éléments */
    #manufacturer #left-column.sidebar {
    display: none !important;
  }  

  /* CSS pour ajuster la largeur du content-wrapper */
  #manufacturer #content-wrapper {
    padding-bottom: 20px !important ;
    width: 100% !important; 
    margin: 0 auto !important; 
  }
  
  /* Styles responsives */
  @media (max-width: 1200px) {
    .list-brands {
      grid-template-columns: auto auto auto !important;
    }
  }
  
  @media (max-width: 992px) {
    .list-brands {
      grid-template-columns: auto auto !important;
    }
  
    div#content-wrapper {
      padding-top: 0px !important;
    }
  
    .letter-select {
      flex-wrap: wrap !important;
      justify-content: center !important;
      gap: 5px !important;
    }
  }
  
  @media (max-width: 768px) {
    .list-brands {
      grid-template-columns: auto !important;
    }
  
    .alphabet-filter {
      min-width: 100% !important;
    }
  
    #brandFilter {
      width: 100% !important;
    }
  
    .description_marque {
      font-size: 24px !important;
      line-height: 32px !important;
    }
  
    .box-title {
      font-size: 24px !important;
      line-height: 30px !important;
    }
  
    .letter-select a {
      font-size: 10px !important;
    }
  
    .letter-select {
      flex-direction: row !important;
      flex-wrap: wrap !important;
      justify-content: center !important;
      gap: 5px !important;
      padding-top: 0 !important;
    }
  }
  
  @media (max-width: 576px) {
    .letter-content {
      grid-template-columns: repeat(2, 1fr) !important;
      grid-column-gap: 5% !important;
    }
  
    .letter-select {
      
      align-items: center !important;
    }
  
    .alphabet-filter {
      height: auto !important;
      padding: 10px !important;
    }
  
    #brandFilter {
      height: auto !important;
      margin-bottom: 10px !important;
    }
  }
  
/*********************************************************SIZEPRODUCT****************************************************************/

/* taille de prix */
.product-line-grid-body > .product-line-info .current-price .price {
  font-size: 14px !important;
}

.product-line-grid-right .product-price {
  font-size: 14px !important;
}

.form-check + .form-check {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}
/* *************************************************AMAZING_BLOG********************************************************* */
.amazzingblog h1 {
    font-size: 20px !important;
    text-align: center !important;
  }
  
  .page-content-card card-block {
    border: none !important;
  }
  
  .amazzingblog img {
    max-width: 100% !important;
    border: none !important;
    border-radius: 20px !important;
  }
 
  .amazzingblog a {
    font-weight: bold !important;
  }
  
  .post-tag.fill {
    position: inherit !important;
    border-radius: 20px !important;
  }
  
  .post-tag.fill:before {
    border: none !important;
  }
  
  .page-content.card {
    border: none !important;
    box-shadow: none !important;
  }
  
  .card-block::after::before {
    border: none !important;
  }
  
  .blog-subcategories {
    border: none !important;
  }
  
  .category-item.blog-subcategory {
    background: #ffffff !important;
    padding: 15px !important;
    border: 1px solid #d3d3d3 !important;
    font-size: 14px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 25px !important; /* Centers the element horizontally */
  }
  
  @media (max-width: 768px) {
    .blog-subcategories {
      display: flex !important;
      flex-wrap: nowrap !important;
      justify-content: center !important;
    }
  
  
    #module-amazzingblog-blog .js-content-wrapper {
      width: 100% !important;
      padding: 15px !important;
      margin: 0 auto !important;
    }
  }
.post-item-footer {
  border: none !important;
}
/* *******************************************************MODULE_CHAT************************************************************* */
 /* .formoffline {
  background-image: none !important;
} */
/* Styles par défaut */
#hello_text-offline {
  position: static !important;
}

  
  .chat-window {
    width: 30% !important;
    padding: 20px !important;
  }
  
  .msg_container_base {
    max-height: 468px !important;
  }
   */
  .second-image-style {
    min-height: 30px !important;
  }
  
  
  #chat_window_2 .msg_container_base {
    background-color: #fafbfc !important;
  }
  
  /* Styles responsives */
  
  @media (max-width: 992px) {
    .chat-window {
      width: 50% !important;
    }
  }
  
  @media (max-width: 768px) {
    .chat-window {
      width: 70% !important;
      padding: 15px !important;
    }
  
    .msg_container_base {
      max-height: 300px !important;
    }
  }
  
  @media (max-width: 576px) {
    .chat-window {
      width: 90% !important;
      padding: 10px !important;
    }
  
    .msg_container_base {
      max-height: 200px !important;
    }
  }
  */

.block_carousel .title {
  line-height: 18px !important;
}

/* *******************************************************FOOTER**************************************************************** */