/* Blog Post Action Icons - PDF, Dinle, Paylaş */
.blog-post-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding: 12px 0;
    border-bottom: 1px solid #e9ecef;
}

.blog-post-actions .action-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    color: #022032;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.blog-post-actions .action-btn:hover {
    background: #022032;
    color: #fff;
    border-color: #022032;
}

.blog-post-actions .action-btn i {
    font-size: 16px;
}

.blog-post-actions .action-btn.pdf-btn i { color: #dc3545; }
.blog-post-actions .action-btn.pdf-btn:hover i { color: #fff; }

.blog-post-actions .action-btn.listen-btn i { color: #022032; }
.blog-post-actions .action-btn.listen-btn:hover i { color: #fff; }
.blog-post-actions .action-btn.listen-btn.playing i { color: #EF7F1B; }
.blog-post-actions .action-btn.listen-btn.playing:hover i { color: #fff; }

.blog-post-actions .action-btn.share-btn i { color: #28a745; }
.blog-post-actions .action-btn.share-btn:hover i { color: #fff; }

/* Paylaş menüsü */
.blog-share-menu {
    display: none;
    position: fixed;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    padding: 8px 0;
    min-width: 180px;
    z-index: 9999;
}
.blog-share-menu.show {
    display: block;
}
.blog-share-menu .share-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    color: #022032;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.2s;
}
.blog-share-menu .share-option:hover {
    background: #f8f9fa;
}
.blog-share-menu .share-option i {
    width: 20px;
    text-align: center;
    font-size: 18px;
}
.blog-share-menu .share-option .fa-whatsapp { color: #25D366; }
.blog-share-menu .share-option .fa-twitter { color: #1DA1F2; }
.blog-share-menu .share-option .fa-instagram { color: #E4405F; }
.blog-share-menu .share-option .fa-envelope { color: #6c757d; }

@media (max-width: 576px) {
    .blog-post-actions {
        flex-wrap: wrap;
        gap: 8px;
    }
    .blog-post-actions .action-btn {
        padding: 6px 12px;
        font-size: 13px;
    }
}