/* HomeConnect: grouped navigation, shared by every page.
   Desktop: "Property Management" and "Real Estate" open small menus (hc-nav.js).
   Mobile: the burger menu lists the same links under two group labels.
   Plain colours, so it works on index.html and on pages that load hc-pages.css. */

.hc-dd{position:relative;}
a.hc-tab{text-decoration:none;}
button.hc-tab{font:600 14.5px/1 Inter,sans-serif;background:none;border:0;cursor:pointer;}
.hc-dd-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.hc-dd-chev{flex:none;opacity:.8;transition:transform .25s ease;}
.hc-dd[data-open="1"] .hc-dd-chev{transform:rotate(180deg);}
.hc-dd-btn[data-current="1"]{color:#fff;}
.hc-dd-btn[data-current="1"]::after{transform:scaleX(1);}
#hc-nav[data-scrolled="1"] .hc-dd-btn[data-current="1"]{color:#1f5c54;}

.hc-dd-panel{position:absolute;top:100%;left:50%;z-index:10;padding-top:16px;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .2s ease,transform .28s cubic-bezier(.16,1,.3,1),visibility 0s linear .28s;}
.hc-dd[data-open="1"] .hc-dd-panel{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s;}
.hc-dd-card{width:344px;background:#fff;border:1px solid #ebe7df;border-radius:18px;box-shadow:0 26px 60px rgba(21,36,64,.22),0 2px 8px rgba(21,36,64,.06);padding:8px;}
.hc-dd-card a{display:flex;align-items:flex-start;gap:14px;padding:12px 14px 12px 12px;border-radius:13px;text-decoration:none;transition:background .2s ease;}
.hc-dd-card a:hover,.hc-dd-card a[aria-current="page"]{background:#f0faf8;}
.hc-dd-ic{width:40px;height:40px;border-radius:12px;background:#e3f4f0;color:#1f5c54;display:flex;align-items:center;justify-content:center;flex:none;transition:background .2s ease,color .2s ease;}
.hc-dd-card a:hover .hc-dd-ic,.hc-dd-card a[aria-current="page"] .hc-dd-ic{background:#2E8B7A;color:#fff;}
.hc-dd-t{display:block;font:600 15px/1.25 Inter,sans-serif;color:#1A2B4A;margin:2px 0 4px;}
.hc-dd-d{display:block;font:400 13px/1.45 Inter,sans-serif;color:#5f6b7c;}
.hc-dd-card a:focus-visible{outline:2px solid #1f5c54;outline-offset:2px;}

/* Mobile menu groups */
#hc-menu{max-height:calc(100svh - 84px);overflow-y:auto;}
.hc-mh{display:block;margin:0;padding:14px 14px 6px;font:600 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#5f6b7c;}
.hc-mi{display:flex;align-items:center;min-height:44px;width:100%;font:500 15px/1.2 Inter,sans-serif;color:#2D3748;padding:12px 14px;border-radius:10px;text-decoration:none;}
.hc-mi:hover,.hc-mi[aria-current="page"]{background:#f0faf8;color:#1f5c54;}

@media (prefers-reduced-motion: reduce){
  .hc-dd-panel,.hc-dd-chev{transition:none;}
}

/* Footer "About Us" link on pages that use hc-pages.css */
.hc-footer-about{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font:600 14px/1.4 Inter,sans-serif;color:#7fd3c5;text-decoration:none;}
.hc-footer-about:hover{color:#fff;}