/* Card versi kecil */
.col-lg-2 .card-img-holder {
    height: 140px; /* Gambar lebih pendek */
}

.col-lg-2 .judul-berita {
    font-size: 0.9rem; /* Font judul dikecilkan */
    -webkit-line-clamp: 2; /* Tetap maksimal 2 baris */
}

.col-lg-2 .card-konten {
    padding: 15px; /* Padding lebih tipis */
}

.col-lg-2 .ringkasan-berita {
    font-size: 0.8rem;
    display: none; /* Saran: hilangkan ringkasan di view 6 kolom agar tidak berantakan */
}

/* Tombol versi mini */
.btn-brida-sm {
    display: block;
    background: var(--merah-brida);
    color: #ffffff !important;
    text-align: center;
    padding: 8px 5px;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
}


/* =========================
   DETAIL BERITA
========================= */

#ra-detail-section{
    background:#ffffff;
    padding:50px 20px 70px;
    font-family:'Poppins',sans-serif;
}

.ra-wrapper{
    max-width:900px;
    margin:auto;
}

/* JUDUL */

.ra-header-content{
    text-align:center;
    margin-bottom:40px;
}

.ra-title{
    font-size:32px;
    font-weight:700;
    color:#2c3e50;
    line-height:1.3;
    margin-bottom:10px;
}

.ra-meta{
    font-size:13px;
    color:#7f8c8d;
}

/* GAMBAR UTAMA */

.ra-main-img-box{
    width:100%;
    border-radius:12px;
    overflow:hidden;
    margin-bottom:35px;
}

.ra-main-img{
    width:100%;
    height:420px;
    object-fit:cover;
}

/* ISI BERITA */

.ra-text-body{
    font-size:16px;
    line-height:1.9;
    color:#34495e;
    text-align:justify;
}

.ra-text-body p{
    margin-bottom:18px;
}

.ra-text-body img{
    max-width:100%;
    border-radius:10px;
}

/* GALERI */

.ra-gallery-zone{
    margin-top:60px;
}

.ra-gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:15px;
    margin-top:20px;
}

.ra-gallery-img{
    width:100%;
    height:180px;
    object-fit:cover;
    border-radius:8px;
}

/* BUTTON BACK */

.ra-back-area{
    text-align:center;
    margin-top:50px;
}

.ra-btn-back{
    display:inline-block;
    padding:12px 30px;
    background:#E53935;
    color:white;
    border-radius:30px;
    text-decoration:none;
    font-weight:500;
}

.ra-btn-back:hover{
    background:#b71c1c;
}

.ra-text-body img{
max-width:100%;
height:auto;
margin:20px 0;
}

.share-berita{
display:flex;
align-items:center;
gap:15px;
margin-top:40px;
}

.share-text{
color: #34495e;
font-weight:500;
}

.share-btn{
width:45px;
height:45px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:white;
font-size:18px;
text-decoration:none;
}

.share-btn.fb{
background:#1877F2;
}

.share-btn.tw{
background:#0a0c0e;
}

.share-btn.wa{
background:#25D366;
}