/* WP Pro Share Plus v2 — Clean News compatible share block */
.proshare{
  --proshare-bg:var(--surface,#fff);
  --proshare-text:var(--text,#172033);
  --proshare-muted:var(--muted,#667085);
  --proshare-border:var(--border,#e5e7eb);
  --proshare-accent:var(--accent,#c1121f);
  --proshare-shadow:var(--shadow,0 12px 32px rgba(15,23,42,.08));
  margin:24px 0;
  padding:18px;
  border:1px solid var(--proshare-border);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));
  color:var(--proshare-text);
  box-shadow:0 10px 28px rgba(15,23,42,.055);
  clear:both;
}
.proshare__head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 14px}
.proshare__label{margin:0;font-size:clamp(18px,2vw,22px);line-height:1.2;font-weight:900;letter-spacing:-.025em;color:var(--proshare-text)}
.proshare__hint{font-size:13px;line-height:1.4;color:var(--proshare-muted);font-weight:650;text-align:right}
.proshare__grid{display:flex;flex-wrap:wrap;gap:10px}
.proshare__btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 14px;border-radius:999px;border:1px solid rgba(15,23,42,.09);background:#fff;color:var(--proshare-text);text-decoration:none!important;font-weight:850;font-size:14px;line-height:1;box-shadow:0 7px 18px rgba(15,23,42,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.proshare__btn:hover,.proshare__btn:focus{transform:translateY(-2px);border-color:color-mix(in srgb,var(--proshare-color) 38%,#fff);box-shadow:0 12px 26px rgba(15,23,42,.10);color:var(--proshare-text);outline:0}
.proshare__btn:focus-visible{box-shadow:0 0 0 4px rgba(193,18,31,.13),0 12px 26px rgba(15,23,42,.10)}
.proshare__btn:active{transform:translateY(0)}
.proshare__icon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:999px;background:var(--proshare-color);color:#fff;flex:0 0 auto;box-shadow:0 7px 16px color-mix(in srgb,var(--proshare-color) 24%,transparent)}
.proshare__icon svg{display:block;width:15px;height:15px;fill:currentColor}.proshare__text{white-space:nowrap}.proshare__btn.copied{border-color:rgba(193,18,31,.32);background:#fff1f2;color:var(--proshare-accent)}
.proshare__btn.copied .proshare__icon{background:var(--proshare-accent)}
.proshare--style-solid{background:#111827;border-color:rgba(255,255,255,.09);box-shadow:0 16px 36px rgba(15,23,42,.16)}
.proshare--style-solid .proshare__label{color:#fff}.proshare--style-solid .proshare__hint{color:#cbd5e1}.proshare--style-solid .proshare__btn{background:var(--proshare-color);border-color:rgba(255,255,255,.14);color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--proshare-color) 26%,transparent)}
.proshare--style-solid .proshare__btn:hover,.proshare--style-solid .proshare__btn:focus{filter:saturate(1.1);color:#fff}.proshare--style-solid .proshare__icon{background:rgba(255,255,255,.18);box-shadow:none}.proshare--style-solid .proshare--x,.proshare--style-solid .proshare--email{background:#1f2937}
.proshare--style-compact{padding:14px}.proshare--style-compact .proshare__hint{display:none}.proshare--style-compact .proshare__btn{width:44px;height:44px;min-height:44px;padding:0}.proshare--style-compact .proshare__text{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media (max-width:680px){
  .proshare{margin:20px 0;padding:16px;border-radius:20px}
  .proshare__head{display:block;margin-bottom:12px}.proshare__hint{display:block;text-align:left;margin-top:4px}
  .proshare__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.proshare__btn{width:100%;min-height:44px;padding:10px 12px}.proshare__text{font-size:13px}
}
@media (max-width:420px){
  .proshare__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.proshare__btn{min-width:0;padding:0;height:44px}.proshare__text{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.proshare__icon{width:28px;height:28px}.proshare__icon svg{width:16px;height:16px}
}
@supports not (color:color-mix(in srgb,#000 10%,#fff)){
  .proshare__btn:hover,.proshare__btn:focus{border-color:rgba(193,18,31,.32)}.proshare__icon{box-shadow:0 7px 16px rgba(15,23,42,.14)}
}
