/* Shared sharing component: articles, short posts, video and event details. */
:is(.share-bar,.media-share){--share-green:#146b3a;--share-blue:#0a66c2;--share-dark:#171717;--share-mail:#17443e}
:is(.share-links,.media-share-buttons){display:flex;flex-wrap:wrap;gap:9px}
:is(.share-links,.media-share-buttons)>:is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:46px;padding:10px 15px;border:1px solid var(--share-edge,var(--share-fill));border-radius:8px;background:var(--share-fill);color:var(--share-text,#fff);font:500 13px/1.5 'Noto Sans Arabic',Tahoma,sans-serif;text-decoration:none;cursor:pointer}
:is(.share-links,.media-share-buttons)>:is(.share-whatsapp,.media-share-whatsapp){--share-fill:#146b3a}
:is(.share-links,.media-share-buttons)>:is(.share-linkedin,.media-share-linkedin){--share-fill:#0a66c2}
:is(.share-links,.media-share-buttons)>:is(.share-x,.media-share-x){--share-fill:#171717}
:is(.share-links,.media-share-buttons)>:is(.share-email,.media-share-email){--share-fill:#17443e}
:is(.share-links,.media-share-buttons)>:is(.share-copy,[data-copy-video]){--share-fill:#fffdf8;--share-edge:#9aafa0;--share-text:#123c38}
.share-links>.share-print{--share-fill:#ece8df;--share-edge:#9c998f;--share-text:#123c38}
:is(.share-links,.media-share-buttons) svg{width:22px;height:22px;flex-shrink:0}
:is(.share-links,.media-share-buttons)>:is(a,button):focus-visible{outline:3px solid #a87628;outline-offset:3px}
@media(max-width:620px){
:is(.share-bar,.media-share){font-size:12px;padding-top:12px}
:is(.share-bar,.media-share)>strong{font-size:12px}
:is(.share-bar .share-links,.media-share .media-share-buttons){display:flex;flex-wrap:wrap;gap:2px 6px;margin-top:8px}
:is(.share-bar .share-links,.media-share .media-share-buttons)>:is(a,button){position:relative;isolation:isolate;min-width:44px;min-height:44px;margin:0;padding:10px 11px;gap:6px;font-size:12px;line-height:1.5;font-weight:500;border:0;background:transparent;color:var(--share-text,#fff);box-shadow:none;border-radius:6px;grid-column:auto}
:is(.share-bar .share-links,.media-share .media-share-buttons)>:is(a,button):before{content:'';position:absolute;inset:5px 2px;z-index:-1;border:1px solid var(--share-edge,var(--share-fill));border-radius:6px;background:var(--share-fill)}
:is(.share-bar .share-links,.media-share .media-share-buttons) svg{width:18px;height:18px}
}
.share-links[hidden]{display:none!important}
@media print{.media-share{display:none!important}}