/* GLOBAL STYLES */
body {
    font-family: 'Poppins', sans-serif;
    background-color: #111;
}

/* Perbaikan Hero Section */
.hero {
    background: url('image/x force.jpg') center/cover no-repeat;
    min-height: 80vh;
}

/* Responsif Mobile (Layar < 768px) */
@media (max-width: 767.98px) {
    .hero {
        min-height: 60vh; /* Tinggi lebih pendek di mobile */
    }
    
    .hero-title {
        font-size: 2.5rem !important; /* Ukuran display-3 terlalu besar untuk HP */
    }

    .hero-subtitle {
        font-size: 1rem !important;
    }

    /* Mengatur padding section agar tidak terlalu rapat */
    .py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    /* Gambar keunggulan agar muncul di atas teks pada mobile */
    .mobile-order-first {
        order: -1; 
        margin-bottom: 2rem;
    }
}

/* Card Styling agar lebih rapi */
.description-text {
    display: -webkit-box;
    --webkit-line-clamp: 3; /* Membatasi teks berita maksimal 3 baris */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hero-overlay {
    background: linear-gradient(to bottom, rgba(0,0,0,0.3), #111);
    top: 0; left: 0;
}

/* BAGIAN NAVBAR */
.navbar-brand img {
    height: 60px;
    width: auto;  
    transition: 0.3s;
}

/* CARDS HOVER EFFECT */
#card-news{
     background: linear-gradient(to bottom, rgba(0,0,0,0.3), #111);
}
.news-card {
    transition: all 0.3s ease;
}

.news-card:hover {
    transform: translateY(-10px);
    border-color: #E60012 !important;
    box-shadow: 0 10px 25px rgba(230, 0, 18, 0.3);
}

.news-card img {
    height: 200px;
    object-fit: cover;
}

/* NEWSLETTER */
.newsletter {
    background-color: #0a0a0a;
    border-top: 1px solid #333;
}
.card-text {
    display: -webkit-box;
    ---webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 1rem; 
}
.card-body {
    padding-bottom: 1.5rem !important;
}
.bg-news {
  background-color: #1a1a1a !important;
  border-radius: 15px;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.bg-news:hover {
  transform: translateY(-10px);
}
.bg-news img {
  height: 220px;
  object-fit: cover;
}
.bg-news .card-text {
  font-size: 0.9rem;
  color: #a0a0a0 !important;
}
.description-text {
    display: -webkit-box;
    --webkit-line-clamp: 3; /* Membatasi teks hanya 3 baris */
    --webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px; /* Jarak aman sebelum tombol */
}
.btn-baca {
    transition: all 0.3s ease;
    text-transform: uppercase;
    font-weight: 600;
}
.btn-baca:hover {
  background-color: #fff;
  color: #000;
}

/* FOOTER CUSTOM */
footer a {
    text-decoration: none;
    color: #888;
    transition: 0.3s;
}

footer a:hover {
    color: #E60012;
}