/* «بَراح» — share row (article pages) */
.shr{position:relative;margin:2.2rem auto 0;max-width:34rem;text-align:center;background:#F5F0FA;border:1px solid #E3D6BC;border-radius:18px;padding:1.25rem 1rem 1.05rem}
.cin-read .shr h2.shr-h,.shr-h{font-family:'El Messiri','Tajawal',serif;font-weight:600;color:#3F2E58;font-size:1.18rem;line-height:1.5;margin:0 0 .85rem;display:flex;align-items:center;justify-content:center;gap:.7rem}
.shr-h::before,.shr-h::after{content:"";width:1.6rem;height:1px;background:#C9A25B}
.shr-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}
.shr-btn{font-family:'Tajawal',system-ui,sans-serif;font-weight:500;font-size:.98rem;line-height:1;display:inline-flex;align-items:center;gap:.45rem;padding:.62rem 1.05rem;border-radius:999px;border:1.5px solid #57417A;background:#fff;color:#3F2E58!important;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s,color .2s,background-color .2s}
.shr-btn svg{flex:none;color:#57417A;transition:color .2s}
.shr-btn:hover,.shr-btn:focus-visible{border-color:#C9A25B;background:#FBF6EC;outline:none}
.shr-btn:hover svg,.shr-btn:focus-visible svg{color:#C9A25B}
.shr-btn.is-done{border-color:#C9A25B;background:#FBF6EC}
.shr-btn.is-done svg{color:#C9A25B}
.shr-btn[hidden]{display:none}
.shr .shr-done{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:560px){
  .shr{padding:1.1rem .9rem 1rem}
  .shr-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;max-width:21rem;margin:0 auto}
  .shr-btn{justify-content:center;font-size:.95rem;padding:.66rem .6rem}
  .shr-native[hidden] ~ .shr-copy{grid-column:1/-1}
}