/* (Sizes are in px, not rem: regular posts set a 22px root, which made rem sizes
   too big there; the bar reads the same on every article.)
   The Share button at the right of the article bar (template-parts/
   article-breadcrumb.php, 'share'). Plain text and an icon, like the back
   link, rather than the bar's bordered button style. */
.site-breadcrumb-fixed .site-breadcrumb button.bar-share{
  display:inline-flex;align-items:center;gap:6.4px;
  margin:0 0 0 auto;padding:3.2px 0;
  border:0;border-radius:2px;background:none;box-shadow:none;
  font-family:"Work Sans",system-ui,sans-serif;font-size:13.12px;font-weight:600;line-height:1.2;
  color:#2f6d84;
  cursor:pointer;
  white-space:nowrap;
}
.site-breadcrumb-fixed .site-breadcrumb button.bar-share:hover{color:#16283c;border:0;background:none}
.site-breadcrumb-fixed .site-breadcrumb button.bar-share:focus-visible{outline:2px solid #2e5c8a;outline-offset:3px}
.site-breadcrumb-fixed .site-breadcrumb button.bar-share svg{width:16px;height:16px;flex:0 0 auto}
.site-breadcrumb-fixed .site-breadcrumb button.bar-share .bar-share-done{display:none}
.site-breadcrumb-fixed .site-breadcrumb button.bar-share.is-done .bar-share-ico{display:none}
.site-breadcrumb-fixed .site-breadcrumb button.bar-share.is-done .bar-share-done{display:block}
/* beside the search, share sits right after it (the search already pushes
   everything to the right) */
.site-breadcrumb-fixed .site-breadcrumb .controls ~ button.bar-share{margin-left:0}
/* what happened ("Link copied"), for a moment, as a small note under the bar
   at the right, so the search never shifts */
.site-breadcrumb-fixed .site-breadcrumb .bar-share-status{
  position:absolute;right:32px;top:calc(100% + 8px);z-index:5;
  padding:6.4px 12px;border-radius:6px;
  background:#22313a;color:#fff;
  font-family:"Work Sans",system-ui,sans-serif;font-size:12.48px;font-weight:600;line-height:1.2;
  box-shadow:0 2px 8px rgba(12,62,96,0.25);
  pointer-events:none;
}
.site-breadcrumb-fixed .site-breadcrumb .bar-share-status:empty{display:none}
/* phones: the icon alone, so the search keeps its room */
@media (max-width:640px){
  .site-breadcrumb-fixed .site-breadcrumb button.bar-share .bar-share-label{display:none}
  .site-breadcrumb-fixed .site-breadcrumb button.bar-share{padding:3.2px 1.6px}
  .site-breadcrumb-fixed .site-breadcrumb button.bar-share svg{width:20px;height:20px}
  .site-breadcrumb-fixed .site-breadcrumb .bar-share-status{right:20px}
}