/* Palet Warna Utama dari Logo DWP */
:root {
    --dwp-green: #1A4D2E;
    --dwp-gold: #FFC107;
    --dwp-red: #A41E24;
}

/* Pengaturan Dasar & Efek Scroll */
html { scroll-behavior: smooth; }
body { display: flex; flex-direction: column; min-height: 100vh; }
main { flex: 1 0 auto; }
.bg-dwp-green { background-color: var(--dwp-green) !important; }
.text-dwp-gold { color: var(--dwp-gold) !important; }

/*
=================================================
STYLING BARU UNTUK HERO SECTION MODERN
=================================================
*/
.hero-section-modern {
    position: relative;
    height: 75vh;
    min-height: 500px;
    background-image: url('https://dwp.makassarkota.go.id/assets/img/cover/cover1.jpg'); /* Pastikan path gambar benar dan sesuai struktur production */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-overlay-modern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.3)); /* Lapisan gradien gelap */
}
.hero-content {
    position: relative;
    z-index: 2;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Bayangan teks agar mudah dibaca */
}
.hero-content .display-3 {
    font-size: 3.5rem;
}
.hero-content .lead {
    font-size: 1.25rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* Styling Kartu Kegiatan */
.activity-card {
    border-radius: 0.75rem;
    overflow: hidden;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.activity-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.activity-card-img-container {
    position: relative;
    height: 200px;
}
.activity-card-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.activity-card-date {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: var(--dwp-red);
    color: white;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    font-weight: bold;
    font-size: 0.9rem;
}

/* Pengaturan Umum Lainnya */
.btn-primary { background-color: var(--dwp-red); border-color: var(--dwp-red); color: #fff; font-weight: bold; transition: background-color 0.2s, border-color 0.2s; }
.btn-primary:hover { background-color: #8c191e; border-color: #8c191e; color: #fff; }
.btn-outline-success { color: var(--dwp-green); border-color: var(--dwp-green); }
.btn-outline-success:hover { background-color: var(--dwp-green); color: #fff; }

a { color: var(--dwp-green); text-decoration: none; transition: color 0.2s; }
a:hover { color: var(--dwp-red); }

/* Navbar */
.navbar-dark .nav-link { color: rgba(255, 255, 255, 0.8); font-weight: 500; padding: 0.5rem 1rem; border-radius: 0.375rem; transition: background-color 0.3s, color 0.3s; }
.navbar-dark .nav-link.active { background-color: #fff; color: var(--dwp-green) !important; }
.navbar-dark .nav-link:hover { background-color: rgba(255, 255, 255, 0.1); color: #fff; }
.dropdown-item:hover { background-color: var(--dwp-green); color: #fff; }
.navbar .btn-primary { color: #fff !important; }

/* Footer */
footer a { color: #fff; }
footer a:hover { color: var(--dwp-gold); }