/* ==========================================================================
   YL Platform — Social Share
   ========================================================================== */

.yl-share { display: flex; align-items: center; gap: var(--yl-sp-2); flex-wrap: wrap; margin: var(--yl-sp-4) 0; }
.yl-share__title { font-size: var(--yl-font-sm); color: var(--yl-text-secondary); font-weight: var(--yl-weight-medium); }

.yl-share__btn {
    display: inline-flex;
    align-items: center;
    gap: var(--yl-sp-1);
    padding: var(--yl-sp-1) var(--yl-sp-3);
    border: 1px solid var(--yl-border-default);
    border-radius: var(--yl-radius-pill);
    font-size: var(--yl-font-xs);
    color: var(--yl-text-secondary);
    background: var(--yl-bg-surface);
    cursor: pointer;
    transition: all var(--yl-transition-fast);
}
.yl-share__btn:hover { background: var(--yl-color-primary); color: var(--yl-color-white); border-color: var(--yl-color-primary); }
.yl-share__icon { font-size: var(--yl-font-xs); font-weight: var(--yl-weight-bold); }

.yl-share--compact .yl-share__btn { padding: var(--yl-sp-1) var(--yl-sp-2); }

.yl-share__btn--js-copy[aria-pressed="true"] { background: var(--yl-color-success); border-color: var(--yl-color-success); color: var(--yl-color-white); }