/* ========================================
   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 text + icons */
.navbar_dropdown-list:is(.is-2, .is-3, .is-4) .link.link-dropdown-demo-2,
.navbar_dropdown-list:is(.is-2, .is-3, .is-4) .product_icon.grey {
  transition:
    color 0.3s ease,
    fill 0.3s ease;
}

/* ========================================
   HOVER
======================================== */

/* 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;
}

/* Hovered text orange */
.navbar_dropdown-list:is(.is-2, .is-3, .is-4)
  .link-wrapper-3:hover
  .link.link-dropdown-demo-2 {
  color: #f0a601;
}

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

/* ========================================
   CURRENT / ACTIVE PAGE
======================================== */

/* Current Webflow link stays orange */
.navbar_dropdown-list:is(.is-2, .is-3, .is-4)
  .link.link-dropdown-demo-2.w--current {
  color: #f0a601;
}

/* Icon that belongs to current page stays orange */
.navbar_dropdown-list:is(.is-2, .is-3, .is-4)
  .link-wrapper-3:has(.link.link-dropdown-demo-2.w--current)
  .product_icon.grey {
  color: #f0a601;
  fill: #f0a601;
}

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

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

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

/* Smooth transition for text + icons */
.navbar_dropdown-links .link.link-dropdown-demo-2,
.navbar_dropdown-links .product_icon.grey {
  transition:
    color 0.3s ease,
    fill 0.3s ease;
}

/* ========================================
   HOVER
======================================== */

/* Fade all links in THIS group */
.navbar_dropdown-links:has(.link-wrapper-3:hover) .link-wrapper-3 {
  opacity: 0.4;
}

/* Keep hovered link fully visible */
.navbar_dropdown-links:has(.link-wrapper-3:hover) .link-wrapper-3:hover {
  opacity: 1;
}

/* Hovered text black */
.navbar_dropdown-links .link-wrapper-3:hover .link.link-dropdown-demo-2 {
  color: #1c1f2c;
}

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

/* ========================================
   CURRENT / ACTIVE PAGE
======================================== */

/* Current Webflow link stays orange */
.navbar_dropdown-links .link.link-dropdown-demo-2.w--current {
  color: #f0a601;
}

/* Corresponding icon stays orange */
.navbar_dropdown-links
  .link-wrapper-3:has(.link.link-dropdown-demo-2.w--current)
  .product_icon.grey {
  color: #f0a601;
  fill: #f0a601;
}

/* Keep current item fully visible */
.navbar_dropdown-links
  .link-wrapper-3:has(.link.link-dropdown-demo-2.w--current) {
  opacity: 1;
}