/* HP Nav Grouping -- department dividers on the primary header nav (desktop only).
 *
 * Live nav_menu_item ID map (captured 2026-06-02; do NOT assume across rebuilds):
 *   PROPERTY MANAGEMENT : Owners=31, Renters=33, Find a Rental=81
 *   BROKERAGE           : Sell=79, Buy=80
 *   INVESTING           : Invest=82, Market=34
 *   About (standalone) = 35 ; Login (dropdown, never underlined) = 239
 *
 * Thin vertical dividers BEFORE Sell(79) / Invest(82) / About(35) cue the
 * department clusters on their own -- no text labels (the eyebrow markers were
 * dropped as too busy / not premium). Scoped to .elementor-nav-menu--main (the
 * desktop header nav); the whole file is gated to >=1025px so the mobile
 * hamburger (.elementor-nav-menu--dropdown) is untouched.
 */
@media (min-width: 1025px) {

  /* Thin vertical dividers before the first item of Brokerage / Investing /
     About (i.e. before Sell, Invest, About). */
  .elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item-79,
  .elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item-82,
  .elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item-35 {
    border-left: 1px solid #E4E4E4;
    margin-left: 18px;
    padding-left: 18px;
  }

  /* Gold active/hover underline on the header nav links. Excludes the Login
     pill (menu-item-239); the `> a` direct-child combinator excludes Login's
     dropdown children (they live in a nested ul.sub-menu). */
  .elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item:not(.menu-item-239) > a:hover,
  .elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item:not(.menu-item-239).current-menu-item > a,
  .elementor-nav-menu--main ul.elementor-nav-menu > li.menu-item:not(.menu-item-239) > a.elementor-item-active {
    border-bottom: 2px solid #E5A823;
    padding-bottom: 3px;
  }

}