/* Complaint icon in header - applied via menu_link_attributes class */
a.site-link.complaint,
a.site-link.complaint:active,
a.site-link.complaint:focus {
  display: block;
  width: 29px;
  height: 24px;
  background-image: url("/themes/custom/bureauveritasbase/img/complaint-icon.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0 10px;
  transition: all 0.25s ease-out;
}

a.site-link.complaint:hover {
  background-image: url("/themes/custom/bureauveritasbase/img/complaint-icon-red.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px;
}

/* Sticky header (white background) → dark icon */
.site-header.sticky a.site-link.complaint {
  background-image: url("/themes/custom/bureauveritasbase/img/complaint-icon-dark.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px;
}

/* Burger menu pseudo-element → dark icon */
.burger-menu--container .site-link.complaint:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 29px;
  height: 24px;
  background-image: url("/themes/custom/bureauveritasbase/img/complaint-icon-dark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}

/* Burger menu: reset element itself (icon via :before pseudo-element) */
.burger-menu--container .site-link.complaint {
  background: none !important;
  padding-left: 39px;
}