/*html, body {*/
/*    overflow-x: hidden;*/
/*    max-width: 100%;*/
/*    width: 100%;*/
/*    position: relative;*/
/*}*/

/* کارت‌ها */
.article-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    transition: transform .3s ease, box-shadow .3s ease, opacity .6s ease;
    direction: rtl;
    opacity: 0;
    transform: translateY(40px);
}

.article-card.visible {
    opacity: 1;
    transform: translateY(0);
}

.article-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(0,0,0,.15);
}

/* تصویر + hover */
.article-image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;

}

.article-card:hover .article-image img {
    transform: scale(1.08);
}

/* دسته‌بندی */
.article-card .category {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #075B5E;
    color: #fff;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 20px;
    z-index: 2;
}

/* دکمه مطالعه مقاله */
/* حالت hover برای دسکتاپ */
.read-more {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    transition: bottom .4s ease;
}

/* وقتی موس روی کارت رفت (دسکتاپ) */
.article-card:hover .read-more {
    bottom: 12px;
}

/* حالت موبایل: همیشه نمایش داده شود */
@media (max-width: 768px) {
    .read-more {
        bottom: 12px !important; /* همیشه پایین تصویر */
        opacity: 1 !important;    /* همیشه قابل مشاهده */
    }
}


/* متن مقاله */
.article-title { font-size: 1.1rem; font-weight: 700; }
.article-excerpt { font-size: .9rem; color: #666; line-height: 1.6; }

/* فوتر */
.article-footer { font-size: .85rem; }
.author img { width: 32px; height: 32px; object-fit: cover; }


.article-card{
    flex: 0 0 auto;
}