/* Post share — inline knoppen */
.post-share { margin-top: 2rem; }
.post-share h3 { margin: 0 0 .75rem; }

.post-share .share-list{
  /* inline, wrapt netjes op kleine schermen */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .75rem;

  /* bullets weg & spacing reset */
  list-style: none;
  padding: 0;
  margin: 0;
}

.post-share .share-list li{ margin: 0; }

.post-share .share-btn{
  /* laat ze eruitzien als nette chips */
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .45rem .75rem;
  border-radius: 9999px;
  border: 1px solid var(--share-border, currentColor);
  background: var(--share-bg, transparent);
  color: var(--share-fg, currentColor);
  text-decoration: none;
  line-height: 1;
  font-weight: 600;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .05s ease;
}

.post-share .share-btn svg{
  width: 1rem; height: 1rem; flex: 0 0 auto; display: block;
}

.post-share .share-btn:hover,
.post-share .share-btn:focus-visible{
  background: var(--share-hover-bg, rgba(0,0,0,.06));
  outline: none;
}

.post-share .share-btn:active{ transform: translateY(1px); }

.post-share .share-btn.share-copy{ cursor: pointer; }

/* verberg feedback element als hidden aanwezig is */
.post-share .share-feedback[hidden]{ display: none !important; }

/* ————————————————————————————————
   Optioneel: één kleur (bijv. goud) voor alle knoppen
   Zet je eigen variabelen/kleuren hier:
*/
.post-share{
  --share-border: var(--primary_color, #d4a838);
  --share-fg:     var(--primary_color, #d4a838);
  --share-hover-bg: color-mix(in srgb, var(--share-fg) 12%, transparent);
}
/* Wil je brand-kleuren per netwerk? Haal bovenstaande 3 regels weg en gebruik dit: */
/*
.post-share .share-fb{ --share-bg:#1877F2; --share-fg:#fff; --share-border:#1877F2; }
.post-share .share-x { --share-bg:#000000; --share-fg:#fff; --share-border:#000000; }
.post-share .share-li{ --share-bg:#0A66C2; --share-fg:#fff; --share-border:#0A66C2; }
.post-share .share-wa{ --share-bg:#25D366; --share-fg:#fff; --share-border:#25D366; }
.post-share .share-mail{ --share-bg:#4b5563; --share-fg:#fff; --share-border:#4b5563; }
.post-share .share-btn:hover{ color:#fff; }
*/