/* Component: Social Share (LinkedIn / X / Facebook / Copy link)
   Canonical share-icon row, markup in template-parts/components/social-share.php.
   Replaces the two previously-separate implementations (.soc-networks in the
   post-hero top bar, .author-article__soc-networks in the article footer)
   that had drifted to different sizes (44px vs 40px) and different hover
   behavior — the top bar's icons were inline SVG (hover fill worked) while
   the footer's were <img>-referenced SVGs (hover fill could never reach
   inside them). Both now render the same inline-SVG markup, so one hover
   rule covers both. */

.sd-social-share {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 12px;
}

.sd-social-share__item {
    list-style: none;
}

.sd-social-share__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid rgba(217, 217, 217, 1);
}

.sd-social-share__link:hover svg path {
    fill: #282828;
}

.sd-social-share__link:hover {
    outline: 2px solid #282828;
}

.sd-social-share__copy-status {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}