/* Patchwork.bg shared social-share component — one visual language everywhere. */
.pw-share{margin:20px 0 24px;padding:0;background:transparent;max-width:620px}
.pw-share-title{font:800 12px/1.2 Manrope,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#77716a;margin-bottom:10px}
.pw-share-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.pw-share-item{appearance:none;min-width:0;border:1px solid #ded7cd!important;background:#fff!important;border-radius:12px;padding:9px 10px!important;display:flex!important;align-items:center;justify-content:flex-start;gap:8px;text-decoration:none!important;color:#3d3935!important;font:700 12px/1.2 Manrope,sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(43,43,43,.035);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.pw-share-item:hover{border-color:#9dbfc4!important;transform:translateY(-1px);box-shadow:0 5px 14px rgba(43,43,43,.07)}
.pw-share-icon{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;background:#edf5f5;color:#3f7f89;border:0}
.pw-share-icon svg{display:block;width:16px;height:16px;fill:currentColor}
.pw-share-icon.is-facebook{background:#3f7f89;color:#fff}.pw-share-icon.is-pinterest{background:#fff0f0;color:#bd4f55}.pw-share-icon.is-email{background:#f2eef5;color:#7b5185}.pw-share-icon.is-copy{background:#f5f1ea;color:#74634d}
.pw-share-feedback{display:block;margin-top:8px;color:#6e6e6e;min-height:0;font-size:12px}
.pw-author-share .pw-share{margin-top:18px}.pw-sw-intro .pw-share{margin-top:16px}.pw-se-hero-copy .pw-share,.pw-sx-hero-copy .pw-share{margin:16px 0 4px;padding-top:14px;border-top:1px solid #eee8df}
/* Modal instances use the exact same component; only their outer spacing changes. */
.pw-ex-modal-share .pw-share,.pw-vote-modal-actions .pw-share{margin:16px 0 0;padding-top:16px;border-top:1px solid #eee8df;max-width:none}

/* Compact mobile row for article sharing. */
.pw-share.is-layout-compact{max-width:none;margin:0}
.pw-share.is-layout-compact .pw-share-actions{display:flex;gap:10px;flex-wrap:wrap}
.pw-share.is-layout-compact .pw-share-item{width:46px;height:46px;justify-content:center!important;padding:0!important;border-radius:14px}
.pw-share.is-layout-compact .pw-share-item>span:last-child{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.pw-share.is-layout-compact .pw-share-icon{width:34px;height:34px;flex-basis:34px;border-radius:50%}
.pw-share.is-layout-compact .pw-share-icon svg{width:17px;height:17px}
.pw-share.is-layout-compact .pw-share-feedback{margin-top:8px}

@media(max-width:780px){
  /* Use the cleaner mobile icon-only share buttons everywhere, except inside modals. */
  .pw-share-actions{display:flex;gap:10px;flex-wrap:wrap}
  .pw-share-item{width:46px;height:46px;justify-content:center!important;padding:0!important;border-radius:14px}
  .pw-share-item>span:last-child{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
  .pw-share-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%}
  .pw-share-icon svg{width:17px;height:17px}

  /* Keep modal sharing readable because those live in tighter dialog layouts. */
  .pw-ex-modal-share .pw-share-actions,
  .pw-vote-modal-actions .pw-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pw-ex-modal-share .pw-share-item,
  .pw-vote-modal-actions .pw-share-item{width:auto;height:auto;min-height:46px;justify-content:flex-start!important;padding:8px 10px!important;border-radius:12px}
  .pw-ex-modal-share .pw-share-item>span:last-child,
  .pw-vote-modal-actions .pw-share-item>span:last-child{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important}
  .pw-ex-modal-share .pw-share-icon,
  .pw-vote-modal-actions .pw-share-icon{width:28px;height:28px;flex:0 0 28px;border-radius:8px}
  .pw-ex-modal-share .pw-share-icon svg,
  .pw-vote-modal-actions .pw-share-icon svg{width:15px;height:15px}
}