/* top Navbar */
.hc-wrap { display: inline-block; position: relative; }
.hc-trigger {
    display: flex; align-items: center; gap: 6px;
    padding: 6px 12px; cursor: pointer;
    font-size: 13px; font-weight: 500; color: #fff;
    background: transparent; border: none; user-select: none;
}
.hc-trigger:hover { opacity: 0.8; }
.hc-arr { transition: transform 0.2s; }
.hc-wrap.open .hc-arr { transform: rotate(180deg); }
.hc-menu {
    display: none; position: absolute; top: calc(100% + 6px); left: 0;
    background: #fff; border: 1px solid rgba(0,0,0,0.10);
    border-radius: 12px; min-width: 220px;
    overflow: hidden; z-index: 99999;
    box-shadow: 0 8px 24px rgba(0,0,0,0.13);
}
.hc-wrap.open .hc-menu { display: block; }
.hc-item {
    display: flex; align-items: center; gap: 13px;
    padding: 11px 16px; text-decoration: none; color: #222;
    font-size: 13px; transition: background 0.15s;
}
.hc-item:hover { background: #f5f5f5; }
.hc-icon {
    width: 34px; height: 34px; border-radius: 50%;
    background: #f2f2f2; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.hc-divider { height: 1px; background: #f0f0f0; margin: 4px 0; }

/* ========================== End Top Nav Dropdown =========================== */