/* Conservative Connect — sitewide public member badges (v1.3.2) */
.ccbadge-public-badges{
  display:inline-flex;
  align-items:center;
  gap:1px;
  margin-left:2px;
  vertical-align:middle;
  white-space:nowrap;
  line-height:1;
  position:relative;
}
.ccbadge-public-badge{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  padding:0 1px;
  margin:0;
  min-width:0;
  font:inherit;
  line-height:1;
  cursor:default;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  vertical-align:middle;
  text-decoration:none !important;
  box-shadow:none !important;
  outline-offset:2px;
}
.ccbadge-public-emoji{
  display:inline-block;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",emoji,sans-serif !important;
  font-size:1.02em;
  font-weight:400 !important;
  font-style:normal !important;
  line-height:1;
  letter-spacing:0;
  vertical-align:-.05em;
  text-rendering:auto;
  font-variant-emoji:emoji;
}
/* Tooltip appears on desktop hover/focus and on touch after a tap. */
.ccbadge-public-badge::after{
  content:attr(data-label);
  position:absolute;
  z-index:999999;
  left:50%;
  bottom:calc(100% + 8px);
  transform:translate(-50%,4px);
  background:rgba(20,22,26,.96);
  color:#fff;
  border-radius:7px;
  padding:6px 9px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:0;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease;
}
.ccbadge-public-badge::before{
  content:"";
  position:absolute;
  z-index:999999;
  left:50%;
  bottom:calc(100% + 3px);
  transform:translateX(-50%);
  border:5px solid transparent;
  border-top-color:rgba(20,22,26,.96);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .12s ease,visibility .12s ease;
}
@media (hover:hover) and (pointer:fine){
  .ccbadge-public-badge:hover::after,
  .ccbadge-public-badge:hover::before,
  .ccbadge-public-badge:focus-visible::after,
  .ccbadge-public-badge:focus-visible::before{opacity:1;visibility:visible;transform:translate(-50%,0)}
  .ccbadge-public-badge:hover::before,
  .ccbadge-public-badge:focus-visible::before{transform:translateX(-50%)}
}
.ccbadge-public-badge.ccbadge-tooltip-open::after,
.ccbadge-public-badge.ccbadge-tooltip-open::before{opacity:1;visibility:visible}
.ccbadge-public-badge.ccbadge-tooltip-open::after{transform:translate(-50%,0)}

/* Keep several badges compact beside the display name. */
@media(max-width:680px){
  .ccbadge-public-badges{gap:0;margin-left:1px}
  .ccbadge-public-badge{padding:0 1px}
  .ccbadge-public-emoji{font-size:1em}
}
.ccbadge-native-emoji,
.ccbadge-public-emoji{
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",emoji,sans-serif !important;
  font-variant-emoji:emoji;
}
.ccbadge-native-emoji img.emoji,
.ccbadge-public-emoji img.emoji{display:none !important;}


/* v1.3.1 — keep profile badges compact and wrap-safe on genuinely small phones. */
@media (max-width:430px){
  .ccp-profile-identity h1 > .ccbadge-public-badges,
  .ccp-profile-identity h1 .ccbadge-public-badges{
    display:inline-flex!important;
    align-items:center!important;
    gap:0!important;
    margin-left:2px!important;
    white-space:nowrap!important;
    max-width:100%!important;
    vertical-align:1px!important;
  }
  .ccp-profile-identity h1 .ccbadge-public-badge{
    padding:0!important;
    margin:0!important;
  }
  .ccp-profile-identity h1 .ccbadge-public-emoji{
    font-size:.82em!important;
    line-height:1!important;
  }
}
@media (max-width:390px){
  .ccp-profile-identity h1 .ccbadge-public-emoji{
    font-size:.76em!important;
  }
}

/* Verified badge: fixed and compact beside the name, first among assigned badges. */
.ccbadge-verified-icon{display:block!important;width:16px!important;height:16px!important;max-width:16px!important;min-width:16px!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.ccbadge-public-badges{gap:1px!important;margin-left:3px!important;vertical-align:middle!important}
.ccbadge-public-badge:has(.ccbadge-verified-icon){padding:0!important;margin:0!important;line-height:1!important}
@media(max-width:680px){.ccbadge-verified-icon{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important}.ccbadge-public-badges{margin-left:2px!important}}

/* v1.4.1: Verified icon never inherits large avatar or full-width image rules. */
.ccbadge-public-badges .ccbadge-public-badge:has(>img.ccbadge-verified-icon){
  display:inline-flex!important;vertical-align:middle!important;align-items:center!important;justify-content:center!important;
  flex:0 0 15px!important;width:15px!important;height:15px!important;
  min-width:15px!important;max-width:15px!important;min-height:15px!important;max-height:15px!important;
  padding:0!important;margin:0!important;border:0!important;line-height:1!important;
}
.ccbadge-public-badges .ccbadge-public-badge>img.ccbadge-verified-icon{
  display:inline-block!important;vertical-align:middle!important;flex:0 0 15px!important;
  width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important;
  min-height:15px!important;max-height:15px!important;object-fit:contain!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
.ccbadge-public-badges{display:inline-flex!important;align-items:center!important;vertical-align:middle!important;gap:2px!important;margin-left:3px!important;max-width:none!important;white-space:nowrap!important;}

/* v1.4.2: the icon is part of the name, not a separate sidebar/grid row. */
.ccbadge-inline-name > .ccbadge-public-badges { display:inline-flex!important; position:static!important; vertical-align:baseline!important; margin-left:3px!important; margin-right:0!important; padding:0!important; line-height:1!important; white-space:nowrap!important; }
.ccbadge-inline-name > .ccbadge-public-badges > .ccbadge-public-badge { vertical-align:-2px!important; }
.ccbadge-inline-name > .ccbadge-public-badges .ccbadge-verified-icon { width:14px!important; height:14px!important; min-width:14px!important; max-width:14px!important; min-height:14px!important; max-height:14px!important; }
.ccbadge-inline-name > .ccbadge-public-badges > .ccbadge-public-badge:has(.ccbadge-verified-icon) { width:14px!important; height:14px!important; min-width:14px!important; max-width:14px!important; min-height:14px!important; max-height:14px!important; flex:0 0 14px!important; }