.za-creative-social-buttons-buttons { margin: 16px 0; clear: both; }
.za-creative-social-buttons-buttons__list { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.za-creative-social-buttons-buttons__item { margin: 0; }

/* Button base */
.za-creative-social-buttons-button { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; text-decoration: none; border: none; border-radius: 6px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 13px; font-weight: 500; cursor: pointer; transition: all .2s ease; color: #fff; background: var(--za-creative-social-buttons-brand, #666); line-height: 1.4; white-space: nowrap; }
.za-creative-social-buttons-button:hover { filter: brightness(1.1); transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.15); color: #fff; }
.za-creative-social-buttons-button:focus-visible { outline: 2px solid var(--za-creative-social-buttons-brand, #666); outline-offset: 2px; }
.za-creative-social-buttons-button__icon { display: flex; align-items: center; }
.za-creative-social-buttons-button__icon svg { width: 16px; height: 16px; display: block; }
.za-creative-social-buttons-button__count { font-size: 11px; opacity: .85; padding: 1px 6px; background: rgba(0,0,0,.12); border-radius: 3px; }

/* Style: Icon Only */
.za-creative-social-buttons-buttons--icon .za-creative-social-buttons-button { padding: 10px; min-width: 38px; justify-content: center; }
.za-creative-social-buttons-buttons--icon .za-creative-social-buttons-button__icon svg { width: 18px; height: 18px; }
.za-creative-social-buttons-buttons--icon .za-creative-social-buttons-button__label { display: none; }

/* Style: Icon + Label */
.za-creative-social-buttons-buttons--icon-label .za-creative-social-buttons-button { padding: 8px 16px; }
.za-creative-social-buttons-buttons--icon-label .za-creative-social-buttons-button__icon svg { width: 16px; height: 16px; }

/* Style: Label Only */
.za-creative-social-buttons-buttons--label .za-creative-social-buttons-button__icon { display: none; }
.za-creative-social-buttons-buttons--label .za-creative-social-buttons-button { font-size: 14px; }

/* Sizes */
.za-creative-social-buttons-buttons--small .za-creative-social-buttons-button { padding: 5px 10px; font-size: 12px; }
.za-creative-social-buttons-buttons--small .za-creative-social-buttons-button__icon svg { width: 14px; height: 14px; }
.za-creative-social-buttons-buttons--large .za-creative-social-buttons-button { padding: 12px 20px; font-size: 15px; }
.za-creative-social-buttons-buttons--large .za-creative-social-buttons-button__icon svg { width: 20px; height: 20px; }

/* Shapes */
.za-creative-social-buttons-buttons--rounded .za-creative-social-buttons-button { border-radius: 6px; }
.za-creative-social-buttons-buttons--square .za-creative-social-buttons-button { border-radius: 0; }
.za-creative-social-buttons-buttons--pill .za-creative-social-buttons-button { border-radius: 50px; }
.za-creative-social-buttons-buttons--circle .za-creative-social-buttons-button { border-radius: 50%; padding: 10px; min-width: 40px; justify-content: center; }
.za-creative-social-buttons-buttons--circle .za-creative-social-buttons-button__label { display: none; }

/* Dark Theme */
.za-creative-social-buttons-buttons--dark .za-creative-social-buttons-button { color: #e0e0e0; filter: brightness(.85); }
.za-creative-social-buttons-buttons--dark .za-creative-social-buttons-button:hover { filter: brightness(1); }

/* Brands */
.za-creative-social-buttons-button--facebook { --za-creative-social-buttons-brand: #1877F2; }
.za-creative-social-buttons-button--twitter { --za-creative-social-buttons-brand: #000; }
.za-creative-social-buttons-button--linkedin { --za-creative-social-buttons-brand: #0A66C2; }
.za-creative-social-buttons-button--pinterest { --za-creative-social-buttons-brand: #BD081C; }
.za-creative-social-buttons-button--reddit { --za-creative-social-buttons-brand: #FF4500; }
.za-creative-social-buttons-button--whatsapp { --za-creative-social-buttons-brand: #25D366; }
.za-creative-social-buttons-button--telegram { --za-creative-social-buttons-brand: #26A5E4; }
.za-creative-social-buttons-button--email { --za-creative-social-buttons-brand: #EA4335; }
.za-creative-social-buttons-button--threads { --za-creative-social-buttons-brand: #000; }
.za-creative-social-buttons-button--mastodon { --za-creative-social-buttons-brand: #6364FF; }
.za-creative-social-buttons-button--bluesky { --za-creative-social-buttons-brand: #0285FF; }
.za-creative-social-buttons-button--signal { --za-creative-social-buttons-brand: #3A76F0; }
.za-creative-social-buttons-button--discord { --za-creative-social-buttons-brand: #5865F2; }
.za-creative-social-buttons-button--slack { --za-creative-social-buttons-brand: #4A154B; }
.za-creative-social-buttons-button--messenger { --za-creative-social-buttons-brand: #00B2FF; }
.za-creative-social-buttons-button--pocket { --za-creative-social-buttons-brand: #EF4056; }
.za-creative-social-buttons-button--flipboard { --za-creative-social-buttons-brand: #E12828; }
.za-creative-social-buttons-button--hacker_news { --za-creative-social-buttons-brand: #FF6600; }
.za-creative-social-buttons-button--github { --za-creative-social-buttons-brand: #181717; }
.za-creative-social-buttons-button--youtube { --za-creative-social-buttons-brand: #FF0000; }
.za-creative-social-buttons-button--tiktok { --za-creative-social-buttons-brand: #000; }
.za-creative-social-buttons-button--snapchat { --za-creative-social-buttons-brand: #FFFC00; color: #000; }
.za-creative-social-buttons-button--spotify { --za-creative-social-buttons-brand: #1DB954; }
.za-creative-social-buttons-button--tumblr { --za-creative-social-buttons-brand: #36465D; }
.za-creative-social-buttons-button--medium { --za-creative-social-buttons-brand: #000; }
.za-creative-social-buttons-button--buffer { --za-creative-social-buttons-brand: #231F20; }
.za-creative-social-buttons-button--vk { --za-creative-social-buttons-brand: #0077FF; }
.za-creative-social-buttons-button--copy_link { --za-creative-social-buttons-brand: #666; }
.za-creative-social-buttons-button--print { --za-creative-social-buttons-brand: #666; }
.za-creative-social-buttons-button--pdf { --za-creative-social-buttons-brand: #E53935; }
.za-creative-social-buttons-button--sms { --za-creative-social-buttons-brand: #00E676; }

/* Floating Bar */
.za-creative-social-buttons-floating-bar { position: fixed; top: 50%; z-index: 99999; display: flex; flex-direction: column; align-items: center; gap: 8px; transform: translateY(-50%); transition: all .3s ease; }
.za-creative-social-buttons-floating-bar--left { left: 0; }
.za-creative-social-buttons-floating-bar--right { right: 0; }
.za-creative-social-buttons-floating-bar--collapsed .za-creative-social-buttons-floating-bar__buttons { display: none; }
.za-creative-social-buttons-floating-bar--collapsed .za-creative-social-buttons-floating-bar__toggle { transform: rotate(180deg); }
.za-creative-social-buttons-floating-bar__toggle { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--za-creative-social-buttons-primary, #2271b1); color: #fff; border: none; border-radius: 8px; cursor: pointer; transition: all .2s; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.za-creative-social-buttons-floating-bar__toggle:hover { filter: brightness(1.1); }
.za-creative-social-buttons-floating-bar__toggle:focus-visible { outline: 2px solid var(--za-creative-social-buttons-primary, #2271b1); outline-offset: 2px; }
.za-creative-social-buttons-floating-bar .za-creative-social-buttons-buttons { margin: 0; }
.za-creative-social-buttons-floating-bar .za-creative-social-buttons-buttons__list { flex-direction: column; gap: 4px; }
.za-creative-social-buttons-floating-bar .za-creative-social-buttons-button { padding: 8px; min-width: 36px; justify-content: center; font-size: 0; border-radius: 6px; }
.za-creative-social-buttons-floating-bar .za-creative-social-buttons-button__icon svg { width: 16px; height: 16px; }
.za-creative-social-buttons-floating-bar .za-creative-social-buttons-button__label { display: none; }
.za-creative-social-buttons-floating-bar .za-creative-social-buttons-button__count { display: none; }

/* Floating Bar - Dark */
.za-creative-social-buttons-floating-bar--dark .za-creative-social-buttons-floating-bar__toggle { background: #333; }

/* Auto Hide */
.za-creative-social-buttons-floating-bar--auto-hide { transition: transform .3s ease; }
.za-creative-social-buttons-floating-bar--left.za-creative-social-buttons-floating-bar--auto-hide.za-creative-social-buttons-floating-bar--hidden { transform: translateY(-50%) translateX(-100%); }
.za-creative-social-buttons-floating-bar--right.za-creative-social-buttons-floating-bar--auto-hide.za-creative-social-buttons-floating-bar--hidden { transform: translateY(-50%) translateX(100%); }

/* Click to Share */
.za-creative-social-buttons-cts { position: fixed; z-index: 999999; background: #1d2327; color: #fff; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,.3); padding: 6px 12px; font-size: 13px; display: flex; align-items: center; gap: 6px; animation: ZacrsobuFadeIn .2s ease; }
.za-creative-social-buttons-cts button { background: none; border: none; color: #fff; cursor: pointer; display: flex; align-items: center; gap: 4px; font-size: 13px; padding: 4px 8px; border-radius: 4px; transition: background .2s; }
.za-creative-social-buttons-cts button:hover { background: rgba(255,255,255,.1); }
@keyframes ZacrsobuFadeIn { from { opacity: 0; transform: scale(.9); } to { opacity: 1; transform: scale(1); } }
@keyframes ZacrsobuToastIn { from { opacity: 0; transform: translateX(-50%) translateY(16px); } to { opacity: 1; transform: translateX(-50%) translateY(0); } }

/* QR Code */
.za-creative-social-buttons-qr { display: inline-block; }
.za-creative-social-buttons-qr svg { max-width: 100%; height: auto; }

/* WooCommerce */
.za-creative-social-buttons-woocommerce-sharing { margin: 24px 0; padding: 20px; background: #f8f9fa; border-radius: 8px; }
.za-creative-social-buttons-woocommerce-sharing h3 { margin: 0 0 12px; font-size: 16px; }
.za-creative-social-buttons-woocommerce-thankyou { margin: 24px 0; padding: 20px; background: #f0f6fc; border-radius: 8px; text-align: center; }
.za-creative-social-buttons-woocommerce-thankyou h3 { margin: 0 0 8px; }
.za-creative-social-buttons-woocommerce-share-buttons { display: flex; gap: 8px; justify-content: center; margin-top: 12px; }

/* Preset: Modern */
.za-creative-social-buttons-buttons--preset-modern .za-creative-social-buttons-button { border-radius: 10px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; font-size: 11px; }
.za-creative-social-buttons-buttons--preset-modern .za-creative-social-buttons-button__icon svg { width: 18px; height: 18px; }

/* Preset: Glass */
.za-creative-social-buttons-buttons--preset-glass .za-creative-social-buttons-button { background: rgba(255,255,255,.15) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.2); color: #fff; }
.za-creative-social-buttons-buttons--preset-glass .za-creative-social-buttons-button:hover { background: rgba(255,255,255,.25) !important; }

/* Preset: Corporate */
.za-creative-social-buttons-buttons--preset-corporate .za-creative-social-buttons-button { border-radius: 3px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; }

/* Preset: Material */
.za-creative-social-buttons-buttons--preset-material .za-creative-social-buttons-button { box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12); }
.za-creative-social-buttons-buttons--preset-material .za-creative-social-buttons-button:hover { box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12); transform: none; }

/* Preset: Neon */
.za-creative-social-buttons-buttons--preset-neon .za-creative-social-buttons-button { box-shadow: 0 0 10px var(--za-creative-social-buttons-brand, #0ff), 0 0 20px var(--za-creative-social-buttons-brand, #0ff); }
.za-creative-social-buttons-buttons--preset-neon .za-creative-social-buttons-button:hover { box-shadow: 0 0 20px var(--za-creative-social-buttons-brand, #0ff), 0 0 40px var(--za-creative-social-buttons-brand, #0ff); filter: none; }

/* Preset: Magazine */
.za-creative-social-buttons-buttons--preset-magazine .za-creative-social-buttons-button { border: 2px solid var(--za-creative-social-buttons-brand, #666); background: transparent !important; color: var(--za-creative-social-buttons-brand, #666); font-weight: 700; font-family: Georgia, serif; }
.za-creative-social-buttons-buttons--preset-magazine .za-creative-social-buttons-button:hover { background: var(--za-creative-social-buttons-brand, #666) !important; color: #fff !important; }

/* Responsive Floating Bar */
@media (max-width: 768px) {
    .za-creative-social-buttons-floating-bar--left, .za-creative-social-buttons-floating-bar--right { bottom: 0; top: auto; transform: none; left: 0; right: 0; flex-direction: row; justify-content: center; padding: 8px; background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,.1); }
    .za-creative-social-buttons-floating-bar--dark { background: #1a1a2e; }
    .za-creative-social-buttons-floating-bar .za-creative-social-buttons-buttons__list { flex-direction: row; }
    .za-creative-social-buttons-floating-bar__toggle { display: none; }
    .za-creative-social-buttons-floating-bar--left .za-creative-social-buttons-buttons, .za-creative-social-buttons-floating-bar--right .za-creative-social-buttons-buttons { margin: 0; }
    .za-creative-social-buttons-floating-bar--auto-hide.za-creative-social-buttons-floating-bar--hidden { transform: translateY(100%); }
}

/* Print */
@media print {
    .za-creative-social-buttons-floating-bar { display: none !important; }
}

/* Reduce Motion */
@media (prefers-reduced-motion: reduce) {
    .za-creative-social-buttons-floating-bar, .za-creative-social-buttons-button, .za-creative-social-buttons-cts { transition: none !important; animation: none !important; }
    .za-creative-social-buttons-button:hover { transform: none; }
}