/*!
 * Recent Posts Section - Editorial Design
 * The Porto Life WordPress Theme
 * Version: 2.0.0
 *
 * Features:
 * - Editorial typography (Crimson Text, Inter, Playfair Display)
 * - Burgundy accent color (#8B0000) matching template.html
 * - Featured post layout (first post spans 2 columns)
 * - RTL support for Hebrew
 * - Responsive design
 * - Accessibility features
 * - Performance optimized
 */



/* Recent Posts Section */
.recent-posts {
    padding: var(--spacing-xxl) 0;
    background: var(--color-bg);
    position: relative;
}

/* Section Header */
.recent-posts__header {
    margin-bottom: var(--spacing-xl);
    text-align: center;
}

.recent-posts__title {
    font-family: var(--font-display);
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: var(--spacing-xs);
    position: relative;
    display: inline-block;
    color: var(--color-primary);
}

.recent-posts__subtitle {
    font-family: var(--font-serif);
    font-size: 1.125rem;
    color: var(--color-secondary);
    font-style: italic;
}

/* Empty State */
.recent-posts--empty {
    text-align: center;
    padding: var(--spacing-xxl) 0;
}

.recent-posts__empty {
    color: var(--color-secondary);
}

.recent-posts__empty p {
    font-size: 1.125rem;
    margin-bottom: var(--spacing-md);
}

.recent-posts__empty a {
    color: var(--color-accent);
    text-decoration: none;
    font-weight: 600;
}

.recent-posts__empty a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .recent-posts {
        padding: var(--spacing-xl) 0;
    }

    .recent-posts__title {
        font-size: 2rem;
    }
}

@media (max-width: 480px) {
    .recent-posts__title {
        font-size: 1.75rem;
    }

    .recent-posts__subtitle {
        font-size: 1rem;
    }
}

/* Print Styles */
@media print {
    .recent-posts {
        padding: 2rem 0;
    }
}

[dir="rtl"] .recent-posts__footer {
    text-align: center; /* Keep load more centered in RTL */
}
