/* Share Panel Container */
.share-panel {
    background: transparent;
}

/* Base Button Styling */
.btn-share {
    border: none !important; /* Force remove borders */
    color: #fff !important; /* Force white text */
    font-size: 0.9rem;
    padding: 6px 12px;
    border-radius: 6px;
    transition: transform 0.2s ease, opacity 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none !important;
    box-shadow: none !important;
}

.btn-share:hover {
    transform: translateY(-2px);
    opacity: 0.9;
    color: #fff !important;
}

.btn-share i {
    font-size: 1rem;
}

/* --- Brand Colors (Updated with !important) --- */

/* Socials */
.btn-facebook { background: #1877F2 !important; }
.btn-x { background: #000000 !important; }
.btn-linkedin { background: #0077B5 !important; }
.btn-whatsapp { background: #25D366 !important; }
.btn-reddit { background: #FF4500 !important; }
.btn-email { background: #6c757d !important; }

/* AI Tools */
.btn-chatgpt { 
    background: #74AA9C !important; /* OpenAI Green-ish */ 
}

.btn-gemini {
    /* Gradient usually overrides basic colors, but we keep !important just in case */
    background: linear-gradient(135deg, #4E86F8 0%, #8867F0 100%) !important; 
}

.btn-perplexity {
    background: #222222 !important; /* Dark theme style */
    border: 1px solid #444 !important;
}

/* Tooltip for "Link Copied" */
.ai-share-btn {
    position: relative;
}

.ai-share-btn::after {
    /* CHANGED: Explicit instruction */
    content: "Prompt Copied! Paste (Ctrl+V) in Gemini";
    
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: green;
    color: #fff;
    padding: 6px 10px; /* Slightly more padding */
    font-size: 11px;   /* Slightly larger font */
    border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    white-space: nowrap;
    margin-bottom: 8px; /* Lift it up a bit more */
    z-index: 100;       /* Ensure it's on top */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.ai-share-btn.copied::after {
    opacity: 1;
}

.ai-share-btn.copied::after {
    opacity: 1;
}