/* Frontend styles for VentraConnect Social Login */
.wsc-buttons { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0; }
.wsc-button { 
  display: inline-flex; align-items: center; gap: 8px; 
  padding: 10px 14px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.08);
  color: #fff; text-decoration: none; font-weight: 600; cursor: pointer;
}
.wsc-button:focus { outline: 2px solid #005fcc; outline-offset: 2px; }
.wsc-button img { width: 32px !important; height: 32px !important; display: inline-block; object-fit: contain; }
.wsc-button-google { background: #4285F4; }
.wsc-button-facebook { background: #1877F2; }
.wsc-buttons .wsc-linked { font-weight: 500; color: #2c3338; }
/* WP login context adjustments */
.login .wsc-buttons { margin: 12px 0; }

/* Defaults for buttons (improved) */
.wsc-button { background: #f3f4f6; color: #111827; }
.wsc-button:hover { background: #e5e7eb; }
/* Brand overrides for popular providers */
.wsc-button-google { background: #4285F4; color:#fff; }
.wsc-button-facebook { background: #1877F2; color:#fff; }
.wsc-button-apple { background: #000; color:#fff; }

/* Wide vs Compact styles */
.wsc-style-wide .wsc-button { padding: 8px 16px; border-radius: 8px; }
.login .wsc-style-wide .wsc-button { width: 100%; justify-content: center; }

.wsc-style-compact { gap: 8px; }
.wsc-style-compact .wsc-button { width: 44px; height: 44px; padding: 0; border-radius: 0px; justify-content: center; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.wsc-style-compact .wsc-button span { display: none; }
.wsc-style-compact .wsc-button img { width: 44px !important; height: 44px !important; }

/* Brand backgrounds for compact/wide buttons */
.wsc-button-github { background:#24292E; color:#fff; }
.wsc-button-spotify { background:#1DB954; color:#fff; }
.wsc-button-twitter,.wsc-button-x { background:#000; color:#fff; }
.wsc-button-linkedin { background:#0A66C2; color:#fff; }
.wsc-button-slack { background:#4A154B; color:#fff; }
.wsc-button-microsoft { background:#2F2F2F; color:#fff; }
.wsc-button-amazon { background:#232F3E; color:#FF9900; }
.wsc-button-yahoo { background:#6001D2; color:#fff; }
.wsc-button-wordpress { background:#0087BE; color:#fff; }
.wsc-button-discord { background:#5865F2; color:#fff; }
.wsc-button-disqus { background:#707070; color:#fff; }
.wsc-button-tiktok { background:#000; color:#fff; }