/* Profile Picture Styles */

/* Profile picture thumbnail in menu */
.navbar .nav-link img.rounded-circle {
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: border-color 0.3s ease;
}

.navbar .nav-link:hover img.rounded-circle {
    border-color: rgba(255, 255, 255, 0.8);
}

/* Profile picture in user form */
.profile-picture-preview {
    max-width: 150px;
    max-height: 150px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Profile picture upload field */
#profile_picture {
    cursor: pointer;
}

#profile_picture:hover {
    border-color: #0d6efd;
}