/* ==========================================================
   ToListn Game Posts
   Guide List CSS
   Version:2.0
========================================================== */


/* ==========================================================
   Right Guide Panel
========================================================== */


.tlgp-guide-panel{

    background:#fff;

    border-radius:var(--tlgp-radius);

    box-shadow:var(--tlgp-shadow);

    padding:28px;

}



/* ==========================================================
   Heading
========================================================== */


.tlgp-guide-heading{

    margin:0 0 24px;

    font-size:24px;

    font-weight:700;

    color:var(--tlgp-text);

}



/* ==========================================================
   List Container
========================================================== */


.tlgp-guide-list{

    display:flex;

    flex-direction:column;

}



/* ==========================================================
   Single Item
========================================================== */


.tlgp-guide-item{

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px 0;

    border-bottom:1px solid var(--tlgp-border);

    transition:.25s ease;

}



.tlgp-guide-item:last-child{

    border-bottom:none;

}



.tlgp-guide-item:hover{

    transform:translateX(5px);

}



/* ==========================================================
   Thumbnail
========================================================== */


.tlgp-guide-thumb{

    flex:0 0 140px;

    display:block;

    overflow:hidden;

    border-radius:12px;

}



.tlgp-guide-thumb img{

    width:100%;

    height:84px;

    object-fit:cover;

    display:block;

    transition:.35s ease;

}



.tlgp-guide-item:hover .tlgp-guide-thumb img{

    transform:scale(1.08);

}



/* ==========================================================
   Content
========================================================== */


.tlgp-guide-content{

    flex:1;

}



.tlgp-guide-content h4{

    margin:0 0 10px;

    font-size:18px;

    line-height:1.45;

    font-weight:700;

}



.tlgp-guide-content h4 a{

    color:var(--tlgp-text);

    text-decoration:none;

    transition:.3s ease;

}



.tlgp-guide-content h4 a:hover{

    color:var(--tlgp-primary);

}



/* ==========================================================
   Date
========================================================== */


.tlgp-guide-content .tlgp-date{

    font-size:14px;

    color:var(--tlgp-muted);

}



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


@media(max-width:768px){


    .tlgp-guide-item{

        align-items:flex-start;

    }



    .tlgp-guide-thumb{

        flex:0 0 110px;

    }



    .tlgp-guide-thumb img{

        height:68px;

    }



    .tlgp-guide-content h4{

        font-size:16px;

    }


}

/* ==========================================================
   Game Module v2 - Latest Guides Density Optimization
========================================================== */


/* 右侧 Guide 面板优化 */

.tlgp-guide-panel{

    padding:28px;

}


/* 增加每篇文章高度 */

.tlgp-guide-item{

    padding:15px 0;

    gap:16px;

}


/* 缩略图放大 */

.tlgp-guide-thumb{

    flex-basis:130px;

}


.tlgp-guide-thumb img{

    width:130px;

    height:82px;

    object-fit:cover;

}


/* 标题优化 */

.tlgp-guide-content h4{

    font-size:16px;

    line-height:1.45;

    margin-bottom:8px;

}


/* 日期间距 */

.tlgp-date{

    font-size:13px;

}


/* View All按钮优化 */

.tlgp-guide-view-all{

    margin-top:24px;

    padding:13px 24px;

    background:var(--tlgp-brand) !important;

    color:#fff !important;

    border-radius:8px;

    font-size:14px;

    font-weight:700;

    text-decoration:none !important;

    transition:.3s ease;

}


.tlgp-guide-view-all:hover{

    background:var(--tlgp-brand-hover) !important;

    color:#fff !important;

    transform:translateY(-2px);

}

.tlgp-guide-panel{

    height:100%;

    display:flex;

    flex-direction:column;

}


.tlgp-guide-list{

    flex:1;

}


.tlgp-guide-view-all{

    margin-top:auto;

}