/* FridayPosts × WebNigerians Share Integration V1
   Branded sharing for article rail + universal footer.
*/

:root {
  --fp-wn-blue: #0866d7;
  --fp-wn-blue-deep: #064a9f;
  --fp-wn-blue-soft: #eef6ff;
  --fp-wn-line: #c7dcf6;
}

/* Article vertical share rail */
.sharebar .wn-share-circle {
  width: 52px;
  height: 52px;
  min-width: 52px;
  padding: 0;
  border-radius: 999px;
  display: grid;
  place-items: center;
  overflow: visible;
  background: transparent;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.sharebar .wn-share-circle img {
  display: block;
  width: 30px;
  height: 30px;
  max-width: none;
  object-fit: contain;
  background: transparent;
  border-radius: 0;
}

.sharebar .wn-share-circle:hover,
.sharebar .wn-share-circle:focus-visible {
  transform: translateY(-2px);
  background: transparent;
  border-color: #7fb4f0;
  box-shadow: 0 8px 22px rgba(8,102,215,.13);
  outline: none;
}

.sharebar .wn-share-circle:focus-visible {
  box-shadow: 0 0 0 4px rgba(8,102,215,.10),0 8px 22px rgba(8,102,215,.13);
}

/* Universal footer share action */
.fp-footer-share-actions .fp-footer-share-webnigerians {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 7px 13px 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.24);
  background: transparent;
  color: inherit;
  font-weight: 800;
  text-decoration: none;
  box-shadow: none;
  white-space: nowrap;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.fp-footer-share-actions .fp-footer-share-webnigerians:hover,
.fp-footer-share-actions .fp-footer-share-webnigerians:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(91,166,255,.78);
  background: rgba(255,255,255,.055);
  box-shadow: none;
  outline: none;
}

.fp-wn-brandmark {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  flex: 0 0 24px;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.fp-wn-brandmark img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: block;
  background: transparent;
}

@media (max-width: 760px) {
  .sharebar .wn-share-circle {
    width: 46px;
    height: 46px;
    min-width: 46px;
  }

  .sharebar .wn-share-circle img {
    width: 27px;
    height: 27px;
  }

  .fp-footer-share-actions .fp-footer-share-webnigerians {
    min-height: 40px;
    padding: 7px 12px 7px 8px;
  }

  .fp-wn-brandmark {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
  }

  .fp-wn-brandmark img {
    width: 22px;
    height: 22px;
  }
}