@import url("../main-colors.css");

/* ==================== Blog Section - Style 5 ==================== */
.blog-section {
    padding: 7rem 0 10rem;
    background: var(--light-background-color);
    direction: rtl;
    text-align: right;
    font-family: "Vazir", "Inter", sans-serif;
}

    .blog-section .section-title {
        color: var(--dark-color);
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    /* کارت پست */
    .blog-section .post-entry {
        background: var(--white);
        border-radius: 10px;
        border: 1px solid var(--light-background-color);
        overflow: hidden;
        transition: all 0.35s ease;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

        .blog-section .post-entry:hover {
            border-color: var(--primary-color);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
            transform: translateY(-5px);
        }

        /* تصویر — عرض کامل + ارتفاع ثابت + برش از بالا/پایین */
        .blog-section .post-entry img {
            width: 100% !important;
            height: 250px !important; /* ارتفاع دلخواهت رو اینجا عوض کن (220–280) */
            object-fit: cover !important; /* برش حرفه‌ای از اطراف */
            object-position: center top !important; /* اولویت نمایش قسمت بالای عکس */
            transition: all 0.4s ease;
        }

        .blog-section .post-entry:hover img {
            transform: scale(1.06);
            opacity: 0.94;
        }

    /* محتوای متنی */
    .blog-section .post-content-entry {
        padding: 24px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

        .blog-section .post-content-entry h3 {
            font-size: 17px;
            font-weight: 600;
            line-height: 1.5;
            margin-bottom: 12px;
            color: var(--dark-color);
        }

            .blog-section .post-content-entry h3 a {
                color: inherit;
                text-decoration: none;
                transition: color 0.3s ease;
            }

                .blog-section .post-content-entry h3 a:hover {
                    color: var(--primary-color);
                }

        .blog-section .post-content-entry .meta {
            font-size: 13.5px;
            color: var(--text-color);
            margin-top: auto;
        }

            .blog-section .post-content-entry .meta a {
                font-weight: 600;
                color: var(--primary-color);
            }

                .blog-section .post-content-entry .meta a:hover {
                    color: var(--primary-hover-color);
                }

    /* دکمه "مشاهده همه پست‌ها" */
    .blog-section .more {
        font-weight: 600;
        color: var(--primary-color);
        text-decoration: none;
        border: 2.5px solid var(--primary-color);
        padding: 11px 28px;
        border-radius: 50px;
        transition: all 0.3s ease;
        display: inline-block;
        font-size: 15px;
    }

        .blog-section .more:hover {
            background: var(--primary-color);
            color: white !important;
            transform: translateY(-2px);
        }
@media (max-width: 768px) {
    .blog-section {
        padding: 1rem 0; /* از 7rem به 3rem کاهش یافت (قابل تنظیم بر اساس نیاز) */
    }
}