/*
 * Copyright since 2002 Advisa
 *
 * NOTICE OF LICENSE
 *
 * Licensed under the EUPL, Version 1.2 or – as soon they will be approved by
 * the European Commission - subsequent versions of the EUPL (the "Licence");
 * You may not use this work except in compliance with the Licence.
 * You may obtain a copy of the Licence at:
 *
 * https://joinup.ec.europa.eu/software/page/eupl
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the Licence is distributed on an "AS IS" basis,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the Licence for the specific language governing permissions and
 * limitations under the Licence.
 *
 * @author Advisa <dev@advisa.fr>
 * @copyright Since 2002 Advisa
 * @license <https://joinup.ec.europa.eu/software/page/eupl> EUPL
 */

.feature__colors__list__list .feature .color span {
  font-size: 0;
}

.feature__colors:not(.select) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, max-content));
  align-items: center;
  gap: 8px;
}
.feature__colors__selected {
  color: var(--text-content-main);
}
.feature__colors__label {
  color: var(--text-content-main);
}
.feature__colors__list {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.feature__colors__list li {
  line-height: 1;
}
.feature__colors__list li > label {
  display: inline-flex;
  align-items: center;
}
.feature__colors__list li .color {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  cursor: pointer;
  background-size: contain;
  border-radius: var(--radius-rad-sd);
  transition: all 0.24s ease;
  outline: 1px solid transparent;
  outline-offset: 1px;
}
.feature__colors__list li .color.input-color {
  display: none;
}
.feature__colors__list li .color:hover {
  outline-color: var(--outline-low);
}
.feature__colors__list li .color.active {
  outline-color: var(--text-content-main);
}
.feature__colors__list li .color.is-light {
  border: 1px solid var(--outline-low);
}
.feature__colors__list li .color.disabled {
  opacity: .4;
}
.feature__radio {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.feature__radio .input-container {
  margin-right: 0.5rem;
}
.feature__radio .input-container .input-radio {
  display: none;
}
.feature__radio .input-container .btn.checked, .feature__radio .input-container .checked.header-block__action-btn, .feature__radio .input-container .ui-menu .ui-menu-item .dajolisearch-moreresults a.checked, .ui-menu .ui-menu-item .dajolisearch-moreresults .feature__radio .input-container a.checked, .feature__radio .input-container .section-carousel-videos .checked.swiper-button-next, .section-carousel-videos .feature__radio .input-container .checked.swiper-button-next,
.feature__radio .input-container .section-carousel-videos .checked.swiper-button-prev,
.section-carousel-videos .feature__radio .input-container .checked.swiper-button-prev {
  background: var(--surface-zone-uno);
}