/* Base icon state */
.navbar_dropdown-item .product-icon {
  color: #4f5464;
  fill: #4f5464;

  transition:
    color 0.3s ease,
    fill 0.3s ease,
    opacity 0.3s ease;
}

/* Base link text */
.navbar_dropdown-item .link-dropdown-demo {
  color: #fff;

  transition:
    color 0.3s ease,
    opacity 0.3s ease;
}

/* Initial state for dark links */
.navbar_dropdown-item .link-dropdown-demo.is-dark {
  color: rgba(255, 255, 255, 0.8);
}

/* Hover for dark links */
.navbar_dropdown-item .link-wrapper:hover .link-dropdown-demo.is-dark {
  color: #fff;
}

/* Base wrapper state */
.navbar_dropdown-item .link-wrapper {
  opacity: 1;

  transition: opacity 0.3s ease;
}

/* Dim all items when one is hovered */
.navbar_dropdown-item:has(.link-wrapper:hover) .link-wrapper {
  opacity: 0.3;
}

/* Keep hovered item fully visible */
.navbar_dropdown-item .link-wrapper:hover {
  opacity: 1 !important;
}

/* Hover icon */
.navbar_dropdown-item .link-wrapper:hover .product-icon {
  color: #f0a601 !important;
  fill: #f0a601 !important;
}