.icon__catalog {
  -webkit-mask: url("20260127.154636/img/app/rwd/icons/catalog-icon.svg") no-repeat center;
  mask: url("20260127.154636/img/app/rwd/icons/catalog-icon.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #130103 !important;
}

.header-icon-group .icon__color--secondary {
  background-color: #130103 !important;
}

.header-icon-group .header-icon__label,
.header-icon-group .header-icon__label--compte {
  color: #000000 !important;
}

.header-icon-group .icon__catalog,
.header-icon-group .icon__customer,
.header-icon-group .icon__header-basket,
.header-icon-group .icon__header-wishlist {
  -webkit-mask: none !important;
  mask: none !important;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.header-icon-group .icon__catalog {
  background-image: url("20260127.154636/img/app/rwd/icons/catalog-icon.svg");
}

.header-icon-group .icon__customer {
  background-image: url("20260127.154636/img/app/rwd/icons/customer.svg");
}

.header-icon-group .icon__header-basket {
  background-image: url("20260127.154636/img/app/rwd/icons/basket.svg");
}

.header-icon-group .icon__header-wishlist {
  background-image: url("20260127.154636/img/app/rwd/icons/heart.svg");
}

.icon__customer {
  -webkit-mask: url("20260127.154636/img/app/rwd/icons/customer.svg") no-repeat center;
  mask: url("20260127.154636/img/app/rwd/icons/customer.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #130103 !important;
}

.icon__header-basket,
.icon__basket {
  -webkit-mask: url("20260127.154636/img/app/rwd/icons/basket.svg") no-repeat center;
  mask: url("20260127.154636/img/app/rwd/icons/basket.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #130103 !important;
}

.icon__header-wishlist {
  -webkit-mask: url("20260127.154636/img/app/rwd/icons/heart.svg") no-repeat center;
  mask: url("20260127.154636/img/app/rwd/icons/heart.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #130103 !important;
}

.icon__search {
  -webkit-mask: url("20260127.154636/img/app/rwd/icons/search.svg") no-repeat center;
  mask: url("20260127.154636/img/app/rwd/icons/search.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icon__burger {
  -webkit-mask: url("20260127.154636/img/app/rwd/icons/burger.svg") no-repeat center;
  mask: url("20260127.154636/img/app/rwd/icons/burger.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icon__arrow-left,
.icon__arrow-left-slider {
  -webkit-mask: url("20260127.154636/img/app/rwd/icons/arrow-left.svg") no-repeat center;
  mask: url("20260127.154636/img/app/rwd/icons/arrow-left.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icon__arrow-right,
.icon__arrow-right-slider {
  -webkit-mask: url("20260127.154636/img/app/rwd/icons/arrow-right.svg") no-repeat center;
  mask: url("20260127.154636/img/app/rwd/icons/arrow-right.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icon__arrow-down {
  -webkit-mask: url("20260127.154636/img/app/rwd/icons/arrow-down.svg") no-repeat center;
  mask: url("20260127.154636/img/app/rwd/icons/arrow-down.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icon__close-x {
  -webkit-mask: url("20260127.154636/img/app/rwd/icons/close-x.svg") no-repeat center;
  mask: url("20260127.154636/img/app/rwd/icons/close-x.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icon__zoom {
  -webkit-mask: url("20260127.154636/img/app/rwd/icons/zoom.svg") no-repeat center;
  mask: url("20260127.154636/img/app/rwd/icons/zoom.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icon__breadcrumb-arrow {
  -webkit-mask: url("20260127.154636/img/app/rwd/icons/breadcrumb-arrow.svg") no-repeat center;
  mask: url("20260127.154636/img/app/rwd/icons/breadcrumb-arrow.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icon__measuring-tape {
  -webkit-mask: url("20260127.154636/img/app/rwd/icons/measuring_tape.svg") no-repeat center;
  mask: url("20260127.154636/img/app/rwd/icons/measuring_tape.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

@supports not ((-webkit-mask: url("")) or (mask: url(""))) {
  .icon__catalog,
  .icon__customer,
  .icon__search,
  .icon__burger,
  .icon__arrow-left,
  .icon__arrow-left-slider,
  .icon__arrow-right,
  .icon__arrow-right-slider,
  .icon__arrow-down,
  .icon__close-x,
  .icon__zoom,
  .icon__breadcrumb-arrow,
  .icon__measuring-tape,
  .icon__header-basket,
  .icon__header-wishlist {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .icon__catalog {
    background-image: url("20260127.154636/img/app/rwd/icons/catalog-icon.svg");
  }

  .icon__customer {
    background-image: url("20260127.154636/img/app/rwd/icons/customer.svg");
  }

  .icon__header-basket,
  .icon__basket {
    background-image: url("20260127.154636/img/app/rwd/icons/basket.svg");
  }

  .icon__header-wishlist {
    background-image: url("20260127.154636/img/app/rwd/icons/heart.svg");
  }

  .icon__search {
    background-image: url("20260127.154636/img/app/rwd/icons/search.svg");
  }

  .icon__burger {
    background-image: url("20260127.154636/img/app/rwd/icons/burger.svg");
  }

  .icon__arrow-left,
  .icon__arrow-left-slider {
    background-image: url("20260127.154636/img/app/rwd/icons/arrow-left.svg");
  }

  .icon__arrow-right,
  .icon__arrow-right-slider {
    background-image: url("20260127.154636/img/app/rwd/icons/arrow-right.svg");
  }

  .icon__arrow-down {
    background-image: url("20260127.154636/img/app/rwd/icons/arrow-down.svg");
  }

  .icon__close-x {
    background-image: url("20260127.154636/img/app/rwd/icons/close-x.svg");
  }

  .icon__zoom {
    background-image: url("20260127.154636/img/app/rwd/icons/zoom.svg");
  }

  .icon__breadcrumb-arrow {
    background-image: url("20260127.154636/img/app/rwd/icons/breadcrumb-arrow.svg");
  }

  .icon__measuring-tape {
    background-image: url("20260127.154636/img/app/rwd/icons/measuring_tape.svg");
  }
}

/* Hide "Commande par référence catalogue" icon */
.header-icon-group__icon--direct-order {
  display: none !important;
}

.navigation__list__item.commande {
  display: none !important;
}

/* Fix for icon hover black square issue - apply opacity/darkening instead */
.header-icon-group__icon:hover .icon,
.header-icon-group__icon:hover .icon.icon__color--secondary {
  background-color: #130103 !important;
  opacity: 0.7 !important;
  filter: brightness(0.8) !important;
}

.header-icon-group__icon:hover .icon.icon__header-basket,
.header-icon-group__icon:hover .icon.icon__header-wishlist,
.header-icon-group__icon:hover .icon.icon__customer,
.header-icon-group__icon:hover .icon.icon__catalog {
  opacity: 0.7 !important;
  filter: brightness(0.8) !important;
}