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