/* Navigation hover 08: Gold tracking. Loaded after the legacy header rules. */
@keyframes artbinGoldTracking {
  0% {
    opacity: 0;
    transform: translateX(-170%);
  }

  16% {
    opacity: 1;
  }

  84% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateX(360%);
  }
}

html body :is(#header-hz-elementor, .elementor-location-header, header[data-elementor-type="header"], header[data-elementor-type="wp-post"])
:is(nav.elementor-nav-menu--main, nav.elementor-nav-menu--dropdown.elementor-nav-menu__container)
ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.elementor-sub-item {
  position: relative !important;
  overflow: hidden !important;
  transition: color .22s ease, background-color .22s ease, letter-spacing .22s ease !important;
}

html body :is(#header-hz-elementor, .elementor-location-header, header[data-elementor-type="header"], header[data-elementor-type="wp-post"])
:is(nav.elementor-nav-menu--main, nav.elementor-nav-menu--dropdown.elementor-nav-menu__container)
ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.elementor-sub-item::after {
  position: absolute !important;
  left: 12px !important;
  bottom: 4px !important;
  display: block !important;
  width: 36px !important;
  min-width: 0 !important;
  height: 3px !important;
  margin: 0 !important;
  border-radius: 2px !important;
  background: #f4b51b !important;
  content: "" !important;
  opacity: 0;
  pointer-events: none !important;
  transform: translateX(-170%);
}

html body :is(#header-hz-elementor, .elementor-location-header, header[data-elementor-type="header"], header[data-elementor-type="wp-post"])
:is(nav.elementor-nav-menu--main, nav.elementor-nav-menu--dropdown.elementor-nav-menu__container)
ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.elementor-sub-item:is(:hover, :focus-visible) {
  background: transparent !important;
  color: #b9820a !important;
  -webkit-text-fill-color: #b9820a !important;
  letter-spacing: .055em !important;
  box-shadow: none !important;
}

html body :is(#header-hz-elementor, .elementor-location-header, header[data-elementor-type="header"], header[data-elementor-type="wp-post"])
:is(nav.elementor-nav-menu--main, nav.elementor-nav-menu--dropdown.elementor-nav-menu__container)
ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.elementor-sub-item:is(:hover, :focus-visible)::after {
  opacity: 1;
  animation: artbinGoldTracking .72s cubic-bezier(.2, .7, .2, 1) both !important;
}

html body :is(#header-hz-elementor, .elementor-location-header, header[data-elementor-type="header"], header[data-elementor-type="wp-post"])
:is(nav.elementor-nav-menu--main, nav.elementor-nav-menu--dropdown.elementor-nav-menu__container)
ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.elementor-sub-item:is(:hover, :focus-visible)
:is(.elementor-nav-menu__item-text, .artbin-menu-market-segment__label) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  letter-spacing: inherit !important;
}

/* Properties and Blog used to hide ::after to remove arrows. Here it is only
   the tracking line; arrow markup remains removed by the existing rules. */
html body :is(#header-hz-elementor, .elementor-location-header, header[data-elementor-type="header"], header[data-elementor-type="wp-post"])
.artbin-properties-menu > :is(ul.sub-menu, .elementor-nav-menu--dropdown) > li.artbin-menu-market-segment > a.elementor-sub-item::after,
html body :is(#header-hz-elementor, .elementor-location-header, header[data-elementor-type="header"], header[data-elementor-type="wp-post"])
.artbin-blog-menu > :is(ul.sub-menu, .elementor-nav-menu--dropdown) > li > a.elementor-sub-item::after {
  display: block !important;
  visibility: visible !important;
  width: 36px !important;
  min-width: 0 !important;
  height: 3px !important;
  margin: 0 !important;
  background: #f4b51b !important;
  content: "" !important;
  opacity: 0;
  transform: translateX(-170%);
}

html body :is(#header-hz-elementor, .elementor-location-header, header[data-elementor-type="header"], header[data-elementor-type="wp-post"])
.artbin-properties-menu > :is(ul.sub-menu, .elementor-nav-menu--dropdown) > li.artbin-menu-market-segment > a.elementor-sub-item:is(:hover, :focus-visible)::after,
html body :is(#header-hz-elementor, .elementor-location-header, header[data-elementor-type="header"], header[data-elementor-type="wp-post"])
.artbin-blog-menu > :is(ul.sub-menu, .elementor-nav-menu--dropdown) > li > a.elementor-sub-item:is(:hover, :focus-visible)::after {
  opacity: 1;
  animation: artbinGoldTracking .72s cubic-bezier(.2, .7, .2, 1) both !important;
}

@media (prefers-reduced-motion: reduce) {
  html body :is(#header-hz-elementor, .elementor-location-header, header[data-elementor-type="header"], header[data-elementor-type="wp-post"])
  :is(nav.elementor-nav-menu--main, nav.elementor-nav-menu--dropdown.elementor-nav-menu__container)
  ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.elementor-sub-item:is(:hover, :focus-visible)::after {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

/* Final stable menu treatment. Kept after legacy tracking rules so hover never
   changes a row's width, height, letter spacing, or underline position. */
html body :is(#header-hz-elementor, .elementor-location-header, header[data-elementor-type="header"], header[data-elementor-type="wp-post"])
:is(nav.elementor-nav-menu--main, nav.elementor-nav-menu--dropdown.elementor-nav-menu__container)
ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.elementor-sub-item {
  overflow: visible !important;
  letter-spacing: inherit !important;
  transform: none !important;
  animation: none !important;
  transition: color 160ms ease, background-color 160ms ease !important;
}

html body :is(#header-hz-elementor, .elementor-location-header, header[data-elementor-type="header"], header[data-elementor-type="wp-post"])
:is(nav.elementor-nav-menu--main, nav.elementor-nav-menu--dropdown.elementor-nav-menu__container)
ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.elementor-sub-item::after {
  display: none !important;
  content: none !important;
  animation: none !important;
  transform: none !important;
}

html body :is(#header-hz-elementor, .elementor-location-header, header[data-elementor-type="header"], header[data-elementor-type="wp-post"])
:is(nav.elementor-nav-menu--main, nav.elementor-nav-menu--dropdown.elementor-nav-menu__container)
ul.sub-menu.elementor-nav-menu--dropdown > li.menu-item > a.elementor-sub-item:is(:hover, :focus-visible) {
  background: transparent !important;
  color: #b9820a !important;
  -webkit-text-fill-color: #b9820a !important;
  letter-spacing: inherit !important;
  box-shadow: none !important;
}

.artbin-market-card__icon .artbin-market-illustration {
  display: block;
  width: 32px;
  height: 32px;
}

.artbin-market-card__arrow .artbin-market-chevron {
  display: block;
  width: 16px;
  height: 16px;
}