/* Share Buttons Styling */
#shareButtons {
    display: flex;
    gap: 8px;
    align-items: center;
}

#shareButtons .btn {
    white-space: nowrap;
    transition: all 0.3s ease;
}

#copyLinkBtn {
    font-weight: 500;
}

#copyLinkBtn:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

#copyLinkBtn.btn-success {
    animation: pulse 0.3s ease;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Share dropdown styling */
.share-link {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.share-link:hover {
    background-color: #f8f9fa;
}

.share-link i {
    width: 20px;
    margin-right: 8px;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    #shareButtons {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        margin-top: 15px;
    }
    
    #shareButtons .btn {
        width: 100%;
    }
    
    #shareButtons .btn-group {
        width: 100%;
    }
    
    #shareButtons .btn-group .btn {
        width: 100%;
    }
}

/* FAQ Title and Share alignment */
.d-flex.justify-content-between.align-items-center {
    flex-wrap: wrap;
    gap: 15px;
}

@media (max-width: 768px) {
    .d-flex.justify-content-between.align-items-center {
        flex-direction: column;
        align-items: flex-start !important;
    }
    
    #faqTitle {
        width: 100%;
    }
    
    #shareButtons {
        width: 100%;
    }
}