/* ========================================
   DROPDOWNS .is-2, .is-3, .is-4
======================================== */

/* Smooth transition for links */
.navbar_dropdown-list:is(.is-2, .is-3, .is-4) .link-wrapper-3 {
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* Smooth transition for icons */
.navbar_dropdown-list:is(.is-2, .is-3, .is-4) .product_icon.grey {
  transition:
    color 0.3s ease,
    fill 0.3s ease;
}

/* Fade all links when one link inside this dropdown is hovered */
.navbar_dropdown-list:is(.is-2, .is-3, .is-4)
  .navbar_dropdown-item:has(.link-wrapper-3:hover)
  .link-wrapper-3 {
  opacity: 0.4;
}

/* Keep hovered link fully visible */
.navbar_dropdown-list:is(.is-2, .is-3, .is-4)
  .navbar_dropdown-item:has(.link-wrapper-3:hover)
  .link-wrapper-3:hover {
  opacity: 1;
}

/* Change ONLY hovered link icon to orange */
.navbar_dropdown-list:is(.is-2, .is-3, .is-4)
  .link-wrapper-3:hover
  .product_icon.grey {
  color: #f0a601;
  fill: #f0a601;
}

/* ========================================
   .navbar_dropdown-links GROUP
======================================== */

/* Smooth transition for links */
.navbar_dropdown-links .link-wrapper-3 {
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* Smooth transition for icons */
.navbar_dropdown-links .product_icon.grey {
  transition:
    color 0.3s ease,
    fill 0.3s ease;
}

/* When one link is hovered, fade all links in THIS group */
.navbar_dropdown-links:has(.link-wrapper-3:hover) .link-wrapper-3 {
  opacity: 0.4;
}

/* Keep the currently hovered link at 100% */
.navbar_dropdown-links:has(.link-wrapper-3:hover) .link-wrapper-3:hover {
  opacity: 1;
}

/* Change ONLY hovered link icon to orange */
.navbar_dropdown-links .link-wrapper-3:hover .product_icon.grey {
  color: #f0a601;
  fill: #f0a601;
}