.top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
	  height: 50px;
	  
            
        }
        
        .search-box {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 20px;
            padding: 8px 15px;
            display: flex;
            align-items: center;
            gap: 10px;
            width: 250px;
        }
        
  
        
        .user-actions {
            display: flex;
            gap: 20px;
            padding: 10px 20px;
    background: linear-gradient(131deg, #60606038, #ff000047);
    backdrop-filter: blur(0px);
    border-radius: 10px;
        }
        
        .action-icon {
            font-size: 20px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .action-icon:hover {
            color: #ff9933;
            transform: scale(1.2);
        }

.mobile-logo {
    display: none;
}


/* Mobile style */
@media (max-width: 768px) {
    .search-box {
        display: none; /* hide search bar on mobile */
    }
    .mobile-logo {
        display: flex;
        align-items: center;
        justify-content: center;
		width: 100px;  /* size of circle */
        height: 100px;
		padding: 2px;
        border-radius: 50%;
        object-fit: cover;
        background: #000; /* black background */
        border: 2px solid #444;
        box-shadow: 
            0 4px 8px rgba(0, 0, 0, 0.6),  /* outer shadow */
            inset 0 2px 4px rgba(255, 255, 255, 0.2); /* inner highlight for 3D */
    }
    .mobile-logo img {
        
        object-fit: cover;
        
    }
}