/* Blog Image Placeholders - CSS-based image generation */

.blog-image-placeholder {
    width: 100%;
    height: 200px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.blog-image-placeholder::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.blog-image-placeholder span {
    position: relative;
    z-index: 2;
    padding: 20px;
}

/* Specific image styles for different blog posts */
.pdf-to-word-featured {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.pdf-security {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.adobe-vs-free-tools {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

.pdf-compression-tips {
    background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
}

.merge-pdf-tutorial {
    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
}

.pdf-to-excel-guide {
    background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
}

.remove-pdf-password {
    background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
}

.pdf-editing-tips {
    background: linear-gradient(135deg, #fad0c4 0%, #ffd1ff 100%);
}

.pdf-formats-comparison {
    background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .blog-image-placeholder {
        height: 150px;
        font-size: 16px;
    }
}