/*==================================================*
* HOME CATEGORY SECTION
*==================================================*/

.home-category-section{
    margin:60px 0;
}

.home-category-grid{
    display:grid;
    grid-template-columns:1.8fr 1fr;
    gap:30px;
    align-items:stretch;
}


/*==============================*
* خبر بزرگ
*==============================*/

.home-category-featured{
    width:100%;
    height:100%;
}

.home-category-featured .post-card-featured{
    height:auto;
}

.home-category-featured-card{
    height:auto;
}


/*==============================*
* ستون اخبار کوچک
*==============================*/

.home-category-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}


/*==============================*
* کارت خبر کوچک
*==============================*/

.home-category-card{
    background:var(--white);
    border:1px solid var(--border);
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:var(--shadow-sm);
    transition:var(--transition);
}

.home-category-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow-hover);
}

.home-category-card-link{
    display:flex;
    align-items:center;
    gap:15px;
    padding:12px;
    color:inherit;
    text-decoration:none;
}

.home-category-card-image{
    width:130px;
    min-width:130px;
    height:90px;
    border-radius:var(--radius-sm);
    overflow:hidden;
}

.home-category-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:var(--transition);
}

.home-category-card:hover .home-category-card-image img{
    transform:scale(1.05);
}

.home-category-card-content{
    flex:1;
    padding:0;
}

.home-category-card-meta{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:8px;
    color:var(--text-light);
    font-size:13px;
}

.home-category-card-meta i{
    color:var(--primary);
}

.home-category-card-title{
    margin:0;
    color:var(--text);
    font-size:17px;
    font-weight:700;
    line-height:1.9;
    transition:var(--transition);
}

.home-category-card:hover .home-category-card-title{
    color:var(--primary);
}


/*==============================*
* Tablet
*==============================*/

@media (max-width:991px){

    .home-category-grid{
        grid-template-columns:1fr;
    }

    .home-category-list{
        margin-top:20px;
    }

}


/*==============================*
* Mobile
*==============================*/

@media (max-width:768px){

    .home-category-card-link{
        flex-direction:column;
        align-items:flex-start;
    }

    .home-category-card-image{
        width:100%;
        height:200px;
    }

}