/* Avatar Badge Styles - Uses same positioning as avatar-online */

/* Base badge styles - positioned slightly outside bottom-right */
.avatar.avatar-badge-gov::after,
.avatar.avatar-badge-staff::after,
.avatar.avatar-badge-provos::after,
.avatar.avatar-badge-business::after,
.avatar.avatar-badge-verified::after,
.avatar.avatar-badge-achievement::after,
.avatar.avatar-badge-reputation::after,
.avatar.avatar-badge-active::after {
  content: "" !important;
  position: absolute !important;
  bottom: -1px !important;
  right: -1px !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 100% !important;
  box-shadow: 0 0 0 2px #fff !important;
  background-color: #fff !important;
  background-size: 14px 14px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Override avatar-online for navbar - move badge outside */
.navbar .avatar.avatar-online::after,
.navbar .avatar.avatar-offline::after,
.navbar .avatar.avatar-away::after,
.navbar .avatar.avatar-busy::after {
  bottom: -1px !important;
  right: -1px !important;
}

/* ============================================
   IDENTITY BADGES - Staff assigned
   ============================================ */

/* Government Badge - Black shield */
.avatar.avatar-badge-gov::after {
  background-color: #fff;
  background-image: url('/static/svg/badges/gov-shield.svg?v=8');
}

/* GoValid Staff Badge - Purple decorative seal */
.avatar.avatar-badge-staff::after {
  background-color: #fff;
  background-image: url('/static/svg/badges/govalid-staff.svg?v=8');
}

/* Provos Badge - Red shield with star */
.avatar.avatar-badge-provos::after {
  background-color: #fff;
  background-image: url('/static/svg/badges/provos.svg?v=8');
}

/* Verified Business Badge - Gold decorative seal */
.avatar.avatar-badge-business::after {
  background-color: #fff;
  background-image: url('/static/svg/badges/verified-business.svg?v=8');
}

/* Verified User Badge - Sky blue decorative seal */
.avatar.avatar-badge-verified::after {
  background-color: #fff;
  background-image: url('/static/svg/badges/verified.svg?v=8');
}

/* ============================================
   ACHIEVEMENT BADGES - User can feature
   ============================================ */

/* Achievement Badge - Gold star on white background */
.avatar.avatar-badge-achievement::after {
  background-color: #fff;
  background-image: url('/static/svg/badges/reputation.svg?v=9');
}

/* ============================================
   LEGACY BADGES
   ============================================ */

/* Reputation Badge - Gold star */
.avatar.avatar-badge-reputation::after {
  background-color: #fff;
  background-image: url('/static/svg/badges/reputation.svg?v=9');
}

/* Active Badge - Cyan lightning */
.avatar.avatar-badge-active::after {
  background-color: #fff;
  background-image: url('/static/svg/badges/active.svg?v=9');
}

/* ============================================
   DARK MODE SUPPORT
   ============================================ */
.dark-style .avatar.avatar-badge-gov::after,
.dark-style .avatar.avatar-badge-staff::after,
.dark-style .avatar.avatar-badge-provos::after,
.dark-style .avatar.avatar-badge-business::after,
.dark-style .avatar.avatar-badge-verified::after,
.dark-style .avatar.avatar-badge-achievement::after,
.dark-style .avatar.avatar-badge-reputation::after,
.dark-style .avatar.avatar-badge-active::after {
  box-shadow: 0 0 0 1px #2f3349;
}

/* ============================================
   GLOBAL AVATAR STATUS BADGE POSITION OVERRIDE
   Move all status badges slightly outside avatar
   ============================================ */
.avatar.avatar-online::after,
.avatar.avatar-offline::after,
.avatar.avatar-away::after,
.avatar.avatar-busy::after {
  bottom: -1px !important;
  right: -1px !important;
}