/*  Custom css additionnel - Permet le travail de deux collaborateurs simultanement  */

.img-fluid, .img-thumbnail {
    height: auto !important; /*l'image des produits dans le panier ne doit pas suivre la régle des icones du header*/
}


#promo-code .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {
  margin-top: 0;
}

#promo-code .btn-secondary {
  border-bottom: 1px solid #000;
  color: var(--color-primary);
}

#category .breadcrumb-wrapper{
  display: none;
}
#category #wrapper{
  padding-top: 0px;
}
.category-title {
  text-align: center;
  margin-top: 30px;
  font-weight: inherit;
}

.category-desc {
  text-align: center;
  margin-top: 50px;
  font-weight: inherit;
}

.title-categories span, .category_left_column_title {
  background: linear-gradient(to top, var(--color-primary) 70%, transparent 8px );
  font-style: italic !important;
  
  padding: 0 6px;
  position: relative;
  top: 3px;
  font-size: 35px;
  color: #000 !important;
}

@media (min-width: 1360px) {
  .top-content-left {
    left: calc((100% - 1360px)/2);
  }
  .title-categories span, .category_left_column_title {
    font-size: 3.2rem;
  }
}

.top-content-left {
  float: left;
  min-height: 255px;
  z-index: 10;
}

.top-content-right {
  float: right;
}

.top-content-right img{
  position: absolute;
  right: 0px;
}

.row {
  width: 100%;
}

.products-selection {
  margin: 0;
  padding-bottom: 0;
  border-top: none;
  border-bottom: none; }

.product-sort-selected {
  border:none !important;
}

.select-title-name {
  color: var(--color-primary);
  font-size: 14px;
  margin-right: 20px;
}

.facet .fa-angle-up {
  color: var(--color-primary);
  font-size: 35px;
  position: absolute;
  margin-top: -35px;
  right: 5px;
}

.closed-filter .fa-angle-up:before {
  content: "\f107";
}

.products-selection .show .fa-angle-down:before, .block-facets .show .fa-angle-down:before  {
  content: "\f106";
}

.dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item {
  border: none !important;
}

.dropdown-menu .dropdown-item:hover {
  background: none !important;
}

.dropdown-item {
    padding: 0 .8em !important;
}

.products-selection .hidden-md-up{
  display: block !important;
}

#wrapper .facet-title::after {
  display: none;
}

#wrapper .facet-title {
  color: var(--color-primary);
  text-transform: uppercase;
  font-weight: lighter;
  font-size: 18px;
}

.custom-checkbox input[type="checkbox"] + span:not(.color), .custom-radio {
  border-color: #000;
  border-radius: 100%;
}

.facet-label a {
  text-transform: capitalize;
}


#search_filters .noUi-connect {
  background: var(--color-primary) !important;
}

#search_filters .noUi-horizontal .noUi-handle {
    width: 15px !important;
    height: 15px !important;
    top: -5px !important;
    cursor: pointer !important;
    border: 1px solid var(--color-primary) !important;
    box-shadow: none !important;
    border-radius: 100% !important;
    background-color: var(--color-primary) !important;
}


.facet-toggle {
  cursor: pointer;
}

/* animation de fermeture des éléments de filtres */

.hide-box {
  transition: .25s ease;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}

.hide-box.-visible {
  max-height: 99em;
  opacity: 1;
  visibility: visible;
}



.facet-label.active .custom-checkbox span.color, .facet-label:hover .custom-checkbox span.color {
  border: none;
}

.color, .custom-checkbox input[type="checkbox"] + span.color, .radio-label {
  outline: none;
}

.color.active, .color:hover, .custom-checkbox input[type="checkbox"] + span.color.active, .custom-checkbox input[type="checkbox"] + span.color:hover, .radio-label.active, .radio-label:hover {
  border: none !important;
}

.active .search-link {
  text-decoration: underline;
}

.custom-checkbox input[type="checkbox"] + span {
  box-shadow: none !important;
}

.fa-check::before {
    content: "\f00c";
}

.desktop-header-style-w-2 {
  z-index: 999999 !important;
}

#modal-cms .modal-content{
  padding: 1rem !important;
}

#modal-cms .close span {
  float: right;
}

.ui-tooltip {
  opacity: .9 !important;
  display: block !important;
  margin: 0 !important;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-align: left !important;
  text-align: start !important;
  text-decoration: none !important;
  text-shadow: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  word-break: normal !important;
  word-spacing: normal !important;
  white-space: normal !important;
  line-break: auto !important;
  font-size: .875rem !important;
  word-wrap: break-word !important;
  background: #333 !important;
  color: #fff !important;
  border: none !important;
  max-width: 200px !important;
  padding: .25rem .5rem !important;
  border-radius: 0px !important;
}

@media (max-width: 520px) {
  .payment-options img {
    display: none;
  }
}


#order-confirmation h1 span{
    background: linear-gradient(to bottom,transparent 76%, var(--color-primary) 30%);
    position: relative;
    height: 37px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    font-size: 2.5rem;
    padding: 0 5px;
}


.payment-options .js-additional-information {
  display: none !important;
}

#cart .slick-products-carousel .product-title {
  font-size: 10px;
}

.modal-backdrop .fade .show {
  z-index: 99 !important;
}

#new-products #facets_search_wrapper {
  display: none;
}

.out-of-stock-variant::before {
  content: "\f05e";
  font: 33px FontAwesome;
  color: #7b7b7b;
  position: absolute;
  margin-top: -2px;
}


@-moz-document url-prefix() {
  .out-of-stock-variant::before {
    margin-top: -5px;
  }
}

@media (max-width: 768) {
  .out-of-stock-variant::before {
    font-size: 28px;
  }
}