/**
 * Fix for Berita Detail Page - Card Height Issue
 * Add this to style.css or create a new CSS file
 */

/* Fix card height in sidebar - Berita Lainnya */
.berita-detail-sidebar .card {
    max-height: 120px;
    overflow: hidden;
}

.berita-detail-sidebar .card img {
    height: 120px;
    object-fit: cover;
}

.berita-detail-sidebar .card-body {
    padding: 0.5rem;
    overflow: hidden;
}

.berita-detail-sidebar .card-title {
    font-size: 0.875rem;
    line-height: 1.3;
    max-height: 2.6em;
    /* 2 lines max */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Ensure sidebar doesn't extend beyond main content */
.berita-detail-sidebar {
    position: sticky;
    top: 20px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}

/* Fix for related posts section */
.related-posts-section {
    max-height: 500px;
    overflow-y: auto;
}