/* Canonical share action: one widget for every public/shareable KoloPlus entity. */
.share-widget{display:inline-flex;align-items:center;vertical-align:middle;line-height:1}
.share-widget__btn{appearance:none;border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:36px;padding:0 8px;border-radius:999px;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease,opacity .16s ease;font:inherit}
.share-widget__btn:hover,.share-widget__btn:focus-visible{background:var(--n-bg-hover,rgba(127,127,127,.12));outline:none}
.share-widget__btn:active{transform:scale(.96)}
.share-widget__btn:disabled{opacity:.45;cursor:not-allowed}
.share-widget__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px}
.share-widget__icon svg{width:18px;height:18px;display:block;stroke:currentColor}
.share-widget__label{white-space:nowrap;font-size:var(--kp-text-sm,14px)}
.share-widget__btn.is-flash{background:color-mix(in srgb,var(--kp-accent,#ff7a1a) 18%,transparent);color:var(--kp-accent,#ff7a1a)}

/* 1.1.7.099 — canonical compact share control.
   The tile belongs to the widget itself (not to post/comment host CSS), so every
   compact Share looks exactly like the other KoloPlus action tiles everywhere. */
.share-widget--compact{width:36px;height:36px;flex:0 0 36px}
.share-widget--compact .share-widget__btn{
  width:36px;min-width:36px;height:36px;padding:3px;margin:0;
  border-radius:11px;background:transparent;color:var(--kp-color-text-muted);
}
.share-widget--compact .share-widget__icon{
  width:30px;height:30px;flex:0 0 30px;border-radius:9px;
  display:inline-grid;place-items:center;
  background:color-mix(in srgb,var(--kp-accent) 24%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kp-accent) 18%,var(--kp-color-border));
  color:#fff;
}
.share-widget--compact .share-widget__icon svg{width:17px;height:17px;color:#fff;stroke:currentColor}
.share-widget--compact .share-widget__btn:hover,
.share-widget--compact .share-widget__btn:focus-visible{background:transparent;color:#fff}
.share-widget--compact .share-widget__btn:hover .share-widget__icon,
.share-widget--compact .share-widget__btn:focus-visible .share-widget__icon{
  background:color-mix(in srgb,var(--kp-accent) 32%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kp-accent) 24%,var(--kp-color-border));
}

/* Generic full button, used on standalone surfaces. */
.share-widget--button .share-widget__btn{min-width:auto;border:1px solid var(--n-border,var(--kp-color-border,#d8d8d8));padding:0 12px}

/* Menu variants deliberately inherit their host menu dimensions/colours. */
.share-widget--menu{display:contents}
.share-widget--menu .share-widget__btn{width:100%;height:auto;min-width:0;justify-content:flex-start;border-radius:0;padding:9px 12px;background:transparent;text-align:left}
.share-widget--menu .share-widget__btn:hover,.share-widget--menu .share-widget__btn:focus-visible{background:var(--n-bg-hover,rgba(127,127,127,.12))}

/* Arena mobile swipe action. */
.share-widget--action{display:contents}
.share-widget--action .share-widget__btn{width:100%;height:100%;min-width:0;border-radius:0;flex-direction:column;gap:4px;padding:8px}
.share-widget--action .share-widget__label{font-size:12px}

/* Menu hosts may inherit typography; compact sizing is intentionally NOT overridden by hosts. */
.w-profile-profile-relationship-actions__menu .share-widget__btn,.kp-cc-menu .share-widget__btn{font:inherit;color:inherit}