/* Majaa shared UI roles v0.5.1. Preview integration; enqueue once on rollout. */
:root {
  --majaa-heading-icon-color:var(--majaa-action-ink,var(--majaa-color-ink));
  --majaa-groups-icon-color:#fff;
  --majaa-results-icon-color:var(--majaa-color-sage);
  --majaa-public-icon-color:var(--majaa-color-sage);
  --majaa-heading-icon-size:1em;
  --majaa-heading-icon-offset:0em;
  --majaa-status-icon-size:18px;
  --majaa-status-icon-gap:6px;
  --majaa-count-size:16px;
  --majaa-count-top:-4px;
  --majaa-count-overlap:1px;
  --majaa-count-border:var(--majaa-color-gold-soft);
  --majaa-count-ink:var(--majaa-color-ink);
}
.majaa-heading-icon {flex:none;width:var(--majaa-heading-icon-size);height:var(--majaa-heading-icon-size);color:var(--majaa-heading-icon-color);transform:translateY(var(--majaa-heading-icon-offset))}
.majaa-visibility-label {display:inline-flex;align-items:center;gap:var(--majaa-status-icon-gap)}
.majaa-visibility-label>.majaa-status-icon {flex:none;width:var(--majaa-status-icon-size);height:var(--majaa-status-icon-size);color:var(--majaa-heading-icon-color)}
.majaa-count-wrap {display:inline-block;padding-inline-end:30px}
.majaa-count-label {position:relative;display:inline-block;line-height:1.4}
.majaa-notification-count {
  position:absolute;left:calc(100% - var(--majaa-count-overlap));top:var(--majaa-count-top);
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  min-width:var(--majaa-count-size);height:var(--majaa-count-size);padding:0 3px;margin:0;
  border:1px solid var(--majaa-count-border);border-radius:999px;
  background:radial-gradient(circle at 30% 22%,#fffefa 0%,#faf7f1 46%,#ead8b9 100%);
  box-shadow:inset 0 1px 1px #fffefa,inset 0 -1px 2px #b29a6f33,0 2px 3px #39312d26;
  color:var(--majaa-count-ink);font:600 10px/1 Arial,sans-serif;font-variant-numeric:tabular-nums;
  letter-spacing:0;text-align:center;white-space:nowrap;pointer-events:none;
}
.majaa-notification-count[hidden] {display:none!important}
.majaa-choice-toggle.majaa-has-count>span {overflow:visible!important}
body.majaa-groups-preview #buddypress .mg-type.majaa-visibility-label {display:flex;align-items:center}
body.majaa-groups-preview #buddypress .mg-type .majaa-status-icon {width:var(--majaa-status-icon-size);height:var(--majaa-status-icon-size)}

.majaa-visibility-label{line-height:18px;min-height:18px}
.majaa-visibility-label>span{display:inline-flex;align-items:center;min-height:18px;line-height:18px}
.majaa-visibility-label>.majaa-status-icon{display:block;align-self:center;vertical-align:middle}

/* Color belongs to a semantic role; geometry and text colors stay shared. */
body:is(.majaa-groups-directory,.majaa-groups-preview) #buddypress .mg-discovery h2>svg{color:var(--majaa-groups-icon-color)!important}
body:is(.majaa-groups-directory,.majaa-groups-preview) #buddypress .mg-results h2>svg{color:var(--majaa-results-icon-color)!important}
.majaa-visibility-label[data-majaa-visibility=public]>.majaa-status-icon{color:var(--majaa-public-icon-color)!important}