/* Universal Link Bar Styling */
.universal-link-bar {
    background-color: #f8f9fa;
    padding: 12px 20px;
    font-family: Arial, sans-serif;
    border-bottom: 1px solid #ddd;
}

/* Current Page Title Styling */
.link-bar-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    white-space: nowrap; /* Prevent wrapping */
}

/* Navigation Styling */
.nav {
    gap: 10px; /* Space between items */
}

.nav-item {
    list-style: none;
}

.nav-link {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #007bff;
    transition: color 0.3s ease-in-out;
    white-space: nowrap; /* Prevent wrapping */
}

.nav-link:hover {
    color: #0056b3;
    text-decoration: underline;
}

/* Responsive Fix: Keep Left Alignment */
@media (max-width: 768px) {
    .universal-link-bar .d-flex {
        flex-direction: column;
        align-items: flex-start;
    }
    .link-bar-title {
        margin-bottom: 8px;
    }
}