/*
 * VIVI Profile Avatar Contract
 * All identity/profile avatars use a pure-white canvas and a circular mask.
 * Sizes and object-fit remain owned by each feature stylesheet.
 */
:root{
  --vivi-profile-avatar-bg:#fff;
  --vivi-profile-avatar-radius:50%;
}

/* Profile/avatar containers. Group/community logos are intentionally excluded. */
.vivi-profile-avatar,
.vivi-activity-comment-avatar,
.vivi-activity-compose-avatar,
.vivi-life-journal-avatar,
.vivi-account-avatar,
.vivi-account-head-avatar,
.vivi-mobile-bottom-nav .vivi-mobile-profile-avatar,
.vivi-shared-profile-loop-avatar,
.vivi-brand-map-loop-avatar,
.vivi-brand-map-marker-preview-avatar,
.vivi-bm-manager-avatar,
.vivi-group-member-avatar,
.vivi-passport-stamp-mark,
body.vivi-lite-profile-media-edit-page:not(.vivi-lite-group-media-edit-page) .vivi-profile-media-avatar-preview{
  background:#fff!important;
  border-radius:50%!important;
}

/* Images inside profile/avatar containers also carry the circular mask.
 * This keeps editable avatars circular even where the parent must allow overflow
 * for the camera/edit control.
 */
.vivi-profile-avatar img,
.vivi-activity-comment-avatar img,
.vivi-activity-compose-avatar img,
.vivi-life-journal-avatar img,
.vivi-account-avatar img,
.vivi-account-head-avatar img,
.vivi-mobile-bottom-nav .vivi-mobile-profile-avatar img,
.vivi-shared-profile-loop-avatar img,
.vivi-brand-map-loop-avatar img,
.vivi-brand-map-marker-preview-avatar img,
.vivi-bm-manager-avatar img,
.vivi-group-member-avatar img,
.vivi-passport-stamp-mark img,
body.vivi-lite-profile-media-edit-page:not(.vivi-lite-group-media-edit-page) .vivi-profile-media-avatar-preview img{
  background:#fff!important;
  border-radius:50%!important;
}

/* Profile/avatar elements rendered directly as <img>. */
.vivi-menu-button.vivi-menu-button--profile .vivi-mobile-menu-avatar,
.vivi-bm-follower-avatar,
.vivi-brand-chat-peer img,
.vivi-brand-chat-list-item img,
.vivi-brand-chat-message-avatar,
.vivi-notification-main img,
.vivi-passport-brand-list img,
.vivi-brand-points-account-avatar img,
.vivi-brand-points-detail-head > span img{
  background:#fff!important;
  border-radius:50%!important;
}

/* WordPress-admin profile/brand avatars. */
.vivi-bm-admin-brand-avatar,
.vivi-bm-admin-brand-directory-avatar,
.vivi-admin-detail-title img,
.vivi-passport-admin-card header > img,
.vivi-passport-admin-ia .widefat img.avatar{
  background:#fff!important;
  border-radius:50%!important;
}