/* Share Modal Styles */
.share-buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 10px;
}

.share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border-radius: 8px;
    text-decoration: none;
    color: white;
    font-weight: 500;
    transition: all 0.3s ease;
    gap: 8px;
}

.share-btn i {
    font-size: 18px;
}

.whatsapp-share {
    background-color: #25D366;
}

.whatsapp-share:hover {
    background-color: #1da851;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
}

.facebook-share {
    background-color: #1877F2;
}

.facebook-share:hover {
    background-color: #0d63d1;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(24, 119, 242, 0.4);
}

.twitter-share {
    background-color: #1DA1F2;
}

.twitter-share:hover {
    background-color: #0c85d0;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(29, 161, 242, 0.4);
}

.instagram-share {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    display: flex !important;
}

.instagram-share:hover {
    background: linear-gradient(45deg, #d97f2a 0%, #cc5a33 25%, #c42139 50%, #b31d59 75%, #a3147a 100%) !important;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(225, 48, 108, 0.4);
}

.copy-link {
    background-color: #6c757d;
}

.copy-link:hover {
    background-color: #545b62;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);
}

#shareModal .modal-content {
    border-radius: 15px;
    border: none;
}

#shareModal .modal-header {
    border-bottom: 1px solid #e9ecef;
    padding: 20px;
}

#shareModal .modal-title {
    font-weight: 600;
    color: #333;
}

#shareModal .modal-body {
    padding: 20px;
}

/* Responsive design for mobile */
@media (max-width: 576px) {
    .share-buttons {
        grid-template-columns: 1fr;
    }
}