/* Top Bar Styles */
    .top-bar {
        background-color: #EE0E82; /* Dark blue to match navbar */
        color: white;
        padding: 10px 0;
        font-size: 16px;
        font-weight: 700;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    
    .top-bar a {
        color: #FE9900; /* Orange to match nav links */
        text-decoration:bold;
        transition: color 0.3s ease;
		
    }
    
    .top-bar a:hover {
        color: white;
    }
    
    .top-bar i {
        margin-right:25px;
    }
    
    .btn-register {
        background-color: #7a0eee; /* Pink accent color */
        color: white !important;
        padding: 5px 12px;
        border-radius: 4px;
        font-weight: 600;
    }
    
    .btn-register:hover {
        background-color: #eeea0e;
        color: white;
    }
    
    @media (max-width: 768px) {
        .top-bar {
            padding: 20px 0;
            text-align:center;
        }
        
        .top-bar .container > div {
            flex-direction: column;
        }
        
        .top-contact-info, .top-auth-links {
            margin-bottom:5px;
        }
        
        .top-bar a {
            display:block;
            margin:20px 0;
        }
        
        .btn-register {
            display: inline-block;
            margin-top:5px;
        }
    }