.bk-share { position: relative; order: 1; flex: none; }
.bk-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: transparent;
  color: #f0d7a2;
  border: 1px solid rgba(240, 215, 162, 0.45);
  border-radius: 999px;
  padding: 0.4rem 0.85rem;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 600;
  cursor: pointer;
}
.bk-share-btn:hover,
.bk-share-btn:focus-visible,
.bk-share.is-open .bk-share-btn { color: #fff; border-color: #f0d7a2; background: rgba(240, 215, 162, 0.1); }
.bk-share-btn svg { flex: none; }
.bk-share-menu {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  z-index: 6;
  min-width: 13rem;
  padding: 0.4rem;
  background: var(--card, #fffdf8);
  color: var(--ink, #1c2430);
  border: 1px solid var(--line, #e3d9c6);
  border-radius: 0.6rem;
  box-shadow: 0 14px 32px rgba(15, 38, 28, 0.22);
}
.bk-share-menu a,
.bk-share-menu button {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  padding: 0.6rem 0.7rem;
  border: 0;
  border-radius: 0.45rem;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.92rem;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.bk-share-menu a:hover,
.bk-share-menu button:hover,
.bk-share-menu a:focus-visible,
.bk-share-menu button:focus-visible { background: #f1ebdc; color: var(--green-dark, #144832); }
.bk-share-menu svg { flex: none; color: var(--green, #1f6b4a); }
.bk-share-status { margin: 0.2rem 0.7rem 0.3rem; font-size: 0.8rem; color: var(--ok, #1f7a4d); }

@media (max-width: 860px) {
  .bk-share { order: 0; margin-left: auto; }
  .bk-share-btn { padding: 0.45rem 0.75rem; }
  .bk-share-label { display: none; }
}
@media (min-width: 861px) {
  .bk-share { margin-left: 0.25rem; }
}