/**
 * Equal Height Support CSS for show-most-viewed boxes only
 *
 * CSS hỗ trợ cho script equal-height.js
 * Chỉ áp dụng cho các box trong show-most-viewed
 */

/* Đảm bảo các box trong show-most-viewed có display flex để equal height hoạt động tốt */
.mv-article-card,
.article-card {
    display: flex;
    flex-direction: column;
}

/* Đảm bảo content area có flex-grow để fill space */
.card-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Đảm bảo title và description có min-height để tránh collapse */
.article-title {
    min-height: 1.2em;
    line-height: 1.3;
}

.article-excerpt {
    min-height: 1.2em;
    line-height: 1.6;
}

/* Đảm bảo text overflow được xử lý đúng */
.article-title a {
    display: block;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .mv-article-card,
    .article-card {
        width: 100%;
    }
}

/* Fallback cho trường hợp JavaScript bị disable */
/* .no-js .article-title {
    height: auto !important;
}

.no-js .article-excerpt {
    height: auto !important;
}  */