/* CrossBridge — desktop property currency / area controls */
@media (min-width:1100px){

  #mainNav .nav-property-units{
    display:flex;
    align-items:center;
    flex:0 0 auto;
  }

  #mainNav .cb-property-units.cb-property-units-nav{
    position:static;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0;
    margin:0;
    background:transparent;
    border:0;
    box-shadow:none;
  }

  #mainNav .cb-nav-dd{
    position:relative;
    display:flex;
    align-items:center;
  }

  #mainNav .cb-nav-btn{
    display:flex;
    align-items:center;
    gap:6px;
    padding:0;
    margin:0;
    border:0;
    background:none;
    color:var(--primary);
    cursor:pointer;
    font-family:var(--sans);
    font-size:calc(12px * var(--user-font-scale));
    font-weight:400;
    line-height:1;
    letter-spacing:.1em;
    text-transform:uppercase;
    transition:color var(--trans);
  }

#mainNav .cb-nav-btn > span{
  position:relative;
  top:1px;
}

  #mainNav .cb-nav-btn:hover{
    color:var(--accent);
  }

  #mainNav .cb-nav-btn svg{
    width:14px;
    height:14px;
    stroke:currentColor;
    fill:none;
    stroke-width:2;
    transition:transform var(--trans);
  }

  #mainNav .cb-nav-dd.open .cb-nav-btn svg,
  #mainNav .cb-nav-dd:hover .cb-nav-btn svg{
    transform:rotate(180deg);
  }

  #mainNav:not(.scrolled) .cb-nav-btn{
    color:rgba(255,255,255,.85);
  }

  #mainNav .cb-nav-menu{
    position:absolute;
    top:calc(100% + 12px);
    right:0;
    min-width:110px;
    background:var(--bg-white);
    border:1px solid var(--border);
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-6px);
    transition:opacity var(--trans), visibility var(--trans), transform var(--trans);
    z-index:200;
  }

  #mainNav .cb-nav-dd.open .cb-nav-menu,
  #mainNav .cb-nav-dd:hover .cb-nav-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }

  #mainNav .cb-nav-menu button{
    display:block;
    width:100%;
    padding:10px 16px;
    border:0;
    background:transparent;
    color:var(--primary);
    text-align:left;
    font-family:var(--sans);
    font-size:calc(12px * var(--user-font-scale));
    font-weight:400;
    line-height:1;
    letter-spacing:.1em;
    text-transform:uppercase;
    cursor:pointer;
  }

  #mainNav .cb-nav-menu button:hover{
    background:var(--bg);
    color:var(--accent);
  }
}

/* Keep desktop dropdown hover active across the 12px menu gap */
@media (min-width:1100px){
  #mainNav .cb-nav-dd::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:100%;
    height:14px;
  }
}