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

/**
  * Instant Search Autocomplete
  */
.mod_xtdir4alg_instantsearch,
.ais-SearchBox-input,
.ais-SearchBox,
.xtdir4alg_autocomplete #search-input {
  width: 100%;
}

/**
 * Instant search results
 */
.ais-SearchBox .ais-SearchBox-form {
    margin-bottom: 0;
}

.ais-Hits-list {
    display: flex;
    flex-wrap: wrap;
}

.ais-Hits-list li.ais-Hits-item {
    flex: 1 0 33%;
    max-width: 30%;
}

.xtdir4alg_autocomplete .hit {
    margin: 1rem;
}

.xtdir4alg_autocomplete .hit .hit-image {
    margin-right: 0;
}

.xtdir4alg_autocomplete .hit .hit-image img{
    width: 100%;
}

.xtdir4alg_autocomplete .hit .hit-content {
    margin-top: 1.5rem;
    text-align: center;
}

.xtdir4alg_autocomplete .hit .s_title_block {
    text-align: center;
}

.xtdir4alg_autocomplete .hit .s_title_block a {
    font-weight: 700;
}

.hit-content .product-prices {
    text-align: center;
    font-weight: 700;
    line-height: 2rem;
}

.hit-content .product-prices .current-price .price {
    font-size: 1rem;
}

.xtdir4alg_autocomplete div.autocomplete-search-results {
    margin-top: 1rem;
}

 .search-widget.aa-input-container{
     width: 100%;
 }
 
 .aa-the-form.input-group {
     border: 1px solid #d9d9d9;
 }

  .aa-the-form.input-group:focus {
     border-color: black;
 }



 .mod_xtdir4alg_instantsearch .ais-Hits-list {
     display: flex;
     flex-wrap: wrap;
 }

 .mod_xtdir4alg_instantsearch .ais-Hits-item {
     flex: 0 1 50%;
 }
 
 .hit-category {
     min-height: 2.5rem;
 }

/** Changes related to inmediate results in autosearch classic configuration **/

.aa-suggestions {
  /* grid-auto-columns: repeat(3, 1fr); */
  display: flex !important;
  flex-wrap: wrap;
}

.aa-suggestion {
  flex: 1 0 33%;
  max-width: 30%;
}

span.aa-dropdown-menu {
  width: 100%;
}

span.xt-suggestion-with-image {
  display: block !important;
}

.xt-suggestion-image {
  width: 70px;
  margin: auto;
  display: block;
}
.algolia-advanced-search-link {
    padding: 1rem;
    text-align: center;
    display: inline-block !important;
    width: 100% !important;
    margin-left: 0;
}

/* FIX23 – Hide duplicate univers section on homepage */
.full_width_top_container > .univers-wrapper { display:none !important; }

/* FIX24 – Hide duplicate reassurance in easy_brother on product page */
#product .easy_brother_block > .blockreassurance_product.st-preass-v2 { display:none !important; }
#product .easycontent_35 { display:none !important; }
#product .easycontent_35 { display:none !important; }