/* Navbar Styling */
.navbar {
    padding: 0.75rem 1rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

/* Custom link disable style */
.custom-disabled-link {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

/* Logo image */
.navbar-brand img {
    border-radius: 8px;
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.3);
}

/* Profile picture in dropdown */
.profile-pic {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 2px solid #fff;
}

/* Dropdown text */
.dropdown-header h6 {
    color: #f8f9fa;
    margin-top: 0.25rem;
    margin-bottom: 0.1rem;
}

.dropdown-header small {
    color: #d1d1d1;
}

/* Dropdown menu */
.dropdown-menu {
    background-color: #343a40;
    border: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dropdown-menu a {
    color: #ffffff;
}

.dropdown-menu a:hover {
    background-color: #495057;
}

/* Divider line */
.dropdown-divider {
    border-top: 1px solid #6c757d;
}

/* Icon alignment */
.dropdown-item i {
    width: 20px;
}

/* Welcome text */
.navbar-text {
    color: #f8f9fa;
}

/* Responsive toggle icon spacing */
.navbar-toggler {
    margin-left: auto;
}

/* On small screen: profile pic and toggle icons */
@media (max-width: 768px) {
    .navbar-brand span {
        display: none;
    }

    .profile-pic {
        width: 60px;
        height: 60px;
    }
}