/* @import url('https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css'); */

/* Ensure image remains small */
.popover-profile-img {
    max-width: 100%;
    height: auto;
    border-radius: 50%; /* Optional: Makes the image circular */
}

/* Style for the popover's content */
.popover-member-info {
    margin-bottom: 10px; /* Space between name/info and links */
}

.popover-member-name {
    font-size: 1.2rem;
    font-weight: bold;
}

.popover-member-brief {
    font-size: 0.9rem;
    color: #6c757d; /* Optional: grayish text for brief info */
}

.popover-member-links a {
    color: #007bff; /* Bootstrap primary color */
    text-decoration: none;
}

.popover-member-links a:hover {
    text-decoration: underline;
}

/* Responsive styling for different screen sizes */
@media (max-width: 576px) {
    .popover {
        width: 100%;
    }
}
@media (min-width: 576px) {
    .popover {
        max-width: 300px; /* You can adjust this for small screens */
    }
}
@media (min-width: 768px) {
    .popover {
        max-width: 400px; /* Medium screens (tablets) */
    }
}
@media (min-width: 992px) {
    .popover {
        max-width: 500px; /* Larger screens */
    }
}