.social-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;text-decoration:none;color:var(--text,#1f2933);background:var(--card-bg,var(--surface,var(--bg,#ffffff)));border:1px solid var(--border,rgba(15,23,42,0.08));transition:background-color .25s,border-color .25s,transform .24s}
.social-item:hover,.social-item:focus-visible{transform:translateY(-2px);border-color:var(--border,rgba(15,23,42,0.18));text-decoration:none}
.social-item:focus-visible{outline:none}
.social-item .social-icon{width:42px;height:42px;border-radius:12px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--social-icon-bg,transparent)}
.social-item .social-icon img{width:78%;height:78%;display:block;object-fit:contain;border-radius:8px;filter:var(--social-icon-filter,none)!important;mix-blend-mode:normal!important;opacity:1!important}
.social-item .social-label{font-weight:600;font-size:1rem;color:currentColor}
.social-item .social-desc{opacity:0.75;font-size:0.9rem;color:currentColor;margin-top:3px}

html[data-theme="dark"] .social-item{color:var(--text,#e5e7eb);background:var(--card-bg,var(--surface,rgba(17,24,39,0.92)));border-color:rgba(148,163,184,0.2)}
html[data-theme="dark"] .social-item:hover,html[data-theme="dark"] .social-item:focus-visible{border-color:rgba(148,163,184,0.32)}
html[data-theme="dark"] .social-item .social-desc{opacity:0.7}
html[data-theme="dark"] .social-item .social-icon{background:var(--social-icon-bg,transparent)}