/* ============================================================
   NEWS MONITOR — Social Share Bar  v3.48
   File: public_html/assets/css/share-bar.css
   Horizontal bar inside right sidebar, above TOP SOURCES.
   ============================================================ */

.share-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
  padding: 6px 0 2px;
}

.share-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--border2);
  cursor: pointer;
  color: var(--text-dim);
  background: var(--panel2);
  transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease;
  outline: none;
  border-radius: 3px;
  flex-shrink: 0;
}

.share-btn:hover {
  border-color: var(--cyan);
  color: var(--bright);
}

.share-btn:focus-visible {
  outline: 2px solid rgba(0, 204, 255, 0.7);
  outline-offset: -2px;
}

/* Per-network accent colours on hover */
.share-btn-facebook:hover  { background: #1877f2; border-color: #1877f2; color: #fff; }
.share-btn-x:hover         { background: #111;    border-color: #555;    color: #fff; }
.share-btn-whatsapp:hover  { background: #25d366; border-color: #25d366; color: #fff; }
.share-btn-linkedin:hover  { background: #0a66c2; border-color: #0a66c2; color: #fff; }
.share-btn-telegram:hover  { background: #26a5e4; border-color: #26a5e4; color: #fff; }
.share-btn-reddit:hover    { background: #ff4500; border-color: #ff4500; color: #fff; }
.share-btn-email:hover     { background: #5a8aaa; border-color: #5a8aaa; color: #fff; }
.share-btn-addtoany:hover  { background: #01a3d8; border-color: #01a3d8; color: #fff; }

/* Light theme */
.light .share-btn {
  background: var(--panel2);
  color: var(--text-dim);
  border-color: var(--border2);
}
.light .share-btn:hover {
  color: #fff;
}