/* 7TuT Home Tournament Card v3.6.4.7
 * Theme presentation only.
 *
 * Mục tiêu theo mẫu đã duyệt:
 * - thẻ cao, cân đối;
 * - ảnh 16:9 rõ ràng;
 * - các card cùng hàng cao đều;
 * - CTA nằm sát đáy;
 * - desktop 4 cột / mobile 1 cột.
 */

body.vlp-layout-events-v3645 .vlp-event-catalog-grid{
    align-items:stretch;
}

/* Card */
body.vlp-layout-events-v3645 .vlp-event-catalog-grid .vlp-event-cloud-card{
    display:flex!important;
    flex-direction:column;
    height:100%;
    min-height:500px;
    overflow:hidden;
}

/* Vùng ảnh giống mẫu: ngang 16:9, phủ đầy card */
body.vlp-layout-events-v3645 .vlp-event-catalog-grid .vlp-event-cloud-photo{
    display:block!important;
    position:relative;
    flex:0 0 auto;
    width:100%!important;
    aspect-ratio:16/9!important;
    min-height:0!important;
    overflow:hidden!important;
    background-color:#2a2a2a;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
}

body.vlp-layout-events-v3645 .vlp-event-catalog-grid .vlp-event-cloud-photo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    position:absolute;
    inset:0;
    object-fit:cover!important;
    object-position:center!important;
    opacity:1!important;
    visibility:visible!important;
}

/* Nội dung cao, thoáng và giữ CTA xuống đáy */
body.vlp-layout-events-v3645 .vlp-event-catalog-grid .vlp-event-cloud-copy{
    display:flex!important;
    flex:1 1 auto;
    flex-direction:column;
    min-height:280px;
    padding:18px 18px 16px;
}

body.vlp-layout-events-v3645 .vlp-event-catalog-grid .vlp-event-cloud-topline{
    flex:0 0 auto;
}

body.vlp-layout-events-v3645 .vlp-event-catalog-grid .vlp-event-cloud-copy h2,
body.vlp-layout-events-v3645 .vlp-event-catalog-grid .vlp-event-cloud-copy h3{
    display:-webkit-box;
    min-height:2.7em;
    margin:14px 0 12px;
    overflow:hidden;
    line-height:1.35;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

body.vlp-layout-events-v3645 .vlp-event-catalog-grid .vlp-event-card-details{
    display:grid;
    gap:8px;
    min-height:74px;
    margin-bottom:16px;
}

body.vlp-layout-events-v3645 .vlp-event-catalog-grid .vlp-event-cloud-actions{
    margin-top:auto!important;
    padding-top:16px;
}

/* Desktop */
@media (min-width:901px){
    body.vlp-layout-events-v3645 .vlp-event-catalog-grid{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        grid-auto-rows:1fr;
    }

    body.vlp-layout-events-v3645 .vlp-event-catalog-grid .vlp-event-cloud-card{
        min-height:500px;
    }
}

/* Mobile: card vẫn cao như mẫu, 1 cột */
@media (max-width:767px){
    body.vlp-layout-events-v3645 .vlp-event-catalog-grid{
        grid-template-columns:1fr!important;
    }

    body.vlp-layout-events-v3645 .vlp-event-catalog-grid .vlp-event-cloud-card{
        width:100%;
        max-width:560px;
        min-height:560px;
        margin-inline:auto;
    }

    body.vlp-layout-events-v3645 .vlp-event-catalog-grid .vlp-event-cloud-copy{
        min-height:270px;
    }

    body.vlp-layout-events-v3645 .vlp-event-catalog-grid .vlp-event-card-details{
        min-height:68px;
    }
}