/* ========================================== */
/* HEADER / NAVBAR - NEWSPAPER STYLE         */
/* ========================================== */

.navbar.bg-dark {
    background: #000000 !important;
    border-bottom: 3px solid #888888;
}

.navbar-brand {
    font-family: 'Times New Roman', Times, serif;
    font-weight: 700;
    font-size: 1.5rem;
}

.navbar-brand i {
    font-size: 1.2rem;
    color: #888888;
}

.nav-link {
    font-family: 'Georgia', serif;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.nav-link.active {
    border-bottom: 2px solid #ffffff;
}

.user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 8px;
    border: 2px solid #ffffff;
}

.user-name {
    font-family: 'Georgia', serif;
    font-size: 0.85rem;
}

.role-badge {
    font-size: 0.55rem;
    background: #ffc107;
    color: #000000;
    padding: 2px 6px;
    border-radius: 2px;
    margin-left: 4px;
    text-transform: uppercase;
}

.btn-login-seeker {
    background: #28a745;
    color: #ffffff !important;
    border: none;
    border-radius: 20px !important;
    padding: 4px 15px !important;
    font-size: 0.7rem !important;
    font-family: 'Georgia', serif !important;
}

.btn-login-employer {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    border-radius: 20px !important;
    padding: 4px 15px !important;
    font-size: 0.7rem !important;
    font-family: 'Georgia', serif !important;
}

.btn-login-seeker:hover,
.btn-login-employer:hover {
    opacity: 0.9;
    color: #ffffff !important;
}

@media (max-width: 768px) {
    .navbar-brand {
        font-size: 1.2rem;
    }
    
    .user-name {
        font-size: 0.75rem;
    }
    
    .role-badge {
        font-size: 0.5rem;
    }
}