/**
 * Plugin Name: PixelcraftDev Elementor Addon
 * Author: Supapong Sakulkoo (K.Auu)
 * Author URI: https://supapongai.com
 * License: Commercial - Proprietary
 * Copyright: (c) 2026 PixelcraftDev. All rights reserved.
 * Unauthorized copying of this file, via any medium is strictly prohibited.
 */
/**
 * Pixelcraft Social Share Styles
 */

.pixelcraft-social-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.pixelcraft-social-equal-yes .pixelcraft-social-btn {
    flex: 1 1 0;
}

/* Button Base */
.pixelcraft-social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 600;
    gap: 10px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.pixelcraft-social-btn:hover {
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Layout: View Modes */
.pixelcraft-social-view-icon .pixelcraft-social-text {
    display: none;
}

.pixelcraft-social-view-text .pixelcraft-social-icon {
    display: none;
}

.pixelcraft-social-view-icon .pixelcraft-social-btn {
    aspect-ratio: 1/1;
    justify-content: center;
}

/* Official Brand Colors */
.pixelcraft-social-color-official .pixelcraft-social-facebook  { background-color: #1877F2; color: #fff; }
.pixelcraft-social-color-official .pixelcraft-social-twitter   { background-color: #000000; color: #fff; }
.pixelcraft-social-color-official .pixelcraft-social-linkedin  { background-color: #0A66C2; color: #fff; }
.pixelcraft-social-color-official .pixelcraft-social-pinterest { background-color: #BD081C; color: #fff; }
.pixelcraft-social-color-official .pixelcraft-social-whatsapp  { background-color: #25D366; color: #fff; }
.pixelcraft-social-color-official .pixelcraft-social-line      { background-color: #06C755; color: #fff; }
.pixelcraft-social-color-official .pixelcraft-social-telegram  { background-color: #26A5E4; color: #fff; }
.pixelcraft-social-color-official .pixelcraft-social-instagram { background-color: #E4405F; color: #fff; }
.pixelcraft-social-color-official .pixelcraft-social-lemon8    { background-color: #FFD100; color: #000; }
.pixelcraft-social-color-official .pixelcraft-social-copy      { background-color: #888888; color: #fff; }

/* Shapes */
.pixelcraft-social-shape-square .pixelcraft-social-btn { border-radius: 0; }
.pixelcraft-social-shape-rounded .pixelcraft-social-btn { border-radius: 8px; }
.pixelcraft-social-shape-circle .pixelcraft-social-btn { border-radius: 50%; aspect-ratio: 1/1; padding: 0; }
.pixelcraft-social-shape-pill .pixelcraft-social-btn { border-radius: 100px; }

/* SVG Filling for Icons manager */
.pixelcraft-social-color-official .pixelcraft-social-btn svg {
    fill: currentColor;
}

/* Hover Animations */
.pixelcraft-social-hover-grow .pixelcraft-social-btn:hover {
    transform: scale(1.1);
}

.pixelcraft-social-hover-float .pixelcraft-social-btn:hover {
    transform: translateY(-5px);
}

.pixelcraft-social-hover-glow .pixelcraft-social-btn:hover {
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    filter: brightness(1.15);
}

.pixelcraft-social-hover-rotate .pixelcraft-social-btn:hover {
    transform: rotate(8deg) scale(1.05);
}

.pixelcraft-social-hover-icon-spin .pixelcraft-social-btn:hover i {
    transform: rotate(360deg);
}

.pixelcraft-social-hover-icon-spin .pixelcraft-social-btn i {
    transition: transform 0.5s ease;
}

.pixelcraft-social-hover-back-pulse .pixelcraft-social-btn:hover {
    animation: pixelcraft-pulse 1s infinite;
}

.pixelcraft-social-hover-shadow-lift .pixelcraft-social-btn:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}

@keyframes pixelcraft-pulse {
    0% { box-shadow: 0 0 0 0 rgba(0,0,0,0.4); }
    70% { box-shadow: 0 0 0 10px rgba(0,0,0,0); }
    100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); }
}

/* Custom Color Mode Base (Defaults if not set) */
.pixelcraft-social-color-custom .pixelcraft-social-btn {
    background-color: #eee;
    color: #333;
}

/* Tooltip for Copy Success (Optional JS injection) */
.pixelcraft-social-copy-success {
    position: relative;
}

.pixelcraft-social-copy-success::after {
    content: "Copied!";
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    animation: pixelcraft-fade-out 2s forwards;
    pointer-events: none;
    white-space: nowrap;
}

@keyframes pixelcraft-fade-out {
    0% { opacity: 1; transform: translateX(-50%) translateY(0); }
    70% { opacity: 1; transform: translateX(-50%) translateY(-5px); }
    100% { opacity: 0; transform: translateX(-50%) translateY(-10px); }
}