.comment-disbaled {
    display: none;
}

.wp-block-latest-posts__featured-image img {
    width: 75px;
    height: 75px;
}

.wp-block-latest-posts__list.wp-block-latest-posts li {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}

.wp-block-latest-posts__list.wp-block-latest-posts li:hover {
    opacity: 0.8;
}

/* Link bọc cả ảnh và title */
.wp-block-latest-posts__list.wp-block-latest-posts li .wp-block-latest-posts__link {
    display: flex;
    gap: 20px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.wp-block-latest-posts__list.wp-block-latest-posts li .wp-block-latest-posts__link:hover .wp-block-latest-posts__post-title {
    color: var(--primary);
}

/* Related Posts */
.related-posts {
    margin-top: 60px;
}

.related-posts .row {
    row-gap: 35px;
}

.related-posts h3 {
    font-size: 24px;
    color: var(--dark);
    margin-bottom: 20px;
}

.related-posts .related-post-link {
    display: block;
    text-decoration: none;
    transition: all 0.3s;
}

.related-posts .related-post-link:hover {
    opacity: 0.8;
}

.related-posts .related-post-link:hover span {
    color: var(--primary) !important;
}

.related-posts .related-post-link img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 5px;
}

.related-posts .related-post-link span {
    font-size: 14px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s;
}

.related-posts .row .col {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


p > iframe {
    border: 0;
    width: 100%;
    height: 447px;
}

/* Blog Grid - Đều và đẹp hơn */
.blog__area .row {
    row-gap: 30px;
}

.blog__item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.blog__img {
    aspect-ratio: 4/3;
    overflow: hidden;
    background: #f1f1f1;
}

.blog__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog__content-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.blog__content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.blog__title {
    min-height: auto;
}

.blog__meta {
    margin-top: auto;
}

@media (max-width: 768px) {
	.blog__detail {
		padding: 15px !important;
	}
}