/* Delen van posts */
.deel-box{width:min(420px,calc(100vw - 32px));padding:24px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg-2);color:var(--text)}
.deel-box::backdrop{background:rgba(5,5,6,.8)}
.deel-box h2{margin:0 0 18px;font-size:24px;font-weight:800}
.deel-x{position:absolute;top:12px;right:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:var(--text);cursor:pointer}
.deel-opties{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.deel-opties a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border:1px solid var(--line-2);border-radius:14px;background:var(--bg-3);color:var(--text);font-size:14px;font-weight:600;text-decoration:none}
.deel-opties a:hover,.deel-opties a:focus-visible{border-color:var(--accent)}
.deel-link{display:grid;gap:8px;margin-top:18px;font-size:14px;font-weight:600}
.deel-rij{display:flex;gap:8px;min-width:0}
.deel-rij input{flex:1;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line-2);border-radius:12px;background:var(--bg);color:var(--muted);font:inherit;font-size:14px;font-weight:400}
.deel-kopie{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;flex:none}
.deel-tip{margin:14px 0 0;color:var(--muted-2);font-size:13px;line-height:1.5}
/* Knop op kaarten van de socialspagina */
.so-card{position:relative}
.so-deel{position:absolute;top:12px;right:12px;z-index:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(11,11,12,.85);color:#fff;cursor:pointer}
.so-deel:hover,.so-deel:focus-visible{background:var(--accent)}
.so-card.is-gedeeld a{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
/* Knoppen op de fanmailmuur */
.fm-deel{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:40px;padding:0;border:0;border-radius:999px;background:transparent;color:#0b0b0c;font:inherit;font-weight:700;cursor:pointer;flex:none}
button.fm-deel:hover{color:#d10f78}
.fm-box .fm-deel{min-height:48px;padding:0 20px;border:1px solid var(--line-2);background:transparent;color:var(--text)}
.fm-box .fm-deel:hover{border-color:var(--accent);color:var(--text)}
.fm-onder .fm-naam{flex:1;min-width:0}
@media (max-width:560px){
  .fm-onder{flex-wrap:wrap;gap:0 4px}
  .fm-onder .fm-naam{flex:1 0 100%;padding-top:6px}
  .fm-onder .fm-feest{justify-content:flex-start;padding-left:0}
  .fm-onder .fm-deel{margin-left:auto}
}