/* Explain: Styles for dynamic hero backgrounds with a consistent blue overlay. */
/* Latar gambar bagian pembuka (hero) setiap halaman publik.
   Setiap halaman memakai gambar yang sesuai dengan isi menunya dengan
   lapisan warna biru desa yang sama seperti bagian pembuka beranda, agar
   seluruh halaman terasa satu gaya. Halaman yang sudah memiliki latar gambar
   sendiri, termasuk beranda, tidak diubah. Tulisan di atas latar biru dibuat
   terang agar tetap mudah dibaca, sementara warna aksen pada label kecil
   tetap dipertahankan. */
.app-hero-bg {
    --hero-overlay: linear-gradient(
        to bottom right,
        color-mix(in srgb, var(--primary-color) 92%, transparent),
        color-mix(in srgb, var(--primary-hover) 96%, transparent)
    );
    background-color: var(--primary-color);
    background-image: var(--hero-overlay), var(--hero-img);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--cream-color);
}

/* Tulisan judul pada bagian pembuka dibuat terang mengikuti gaya beranda. */
.app-hero-bg :is(h1, h2, h3, h4) {
    color: var(--cream-color);
}

/* Paragraf pengantar dibuat terang lembut; label kecil berwarna aksen
   (eyebrow) dibiarkan tetap berwarna emas seperti pada beranda. */
.app-hero-bg p:not(.eyebrow) {
    color: color-mix(in srgb, var(--cream-color) 84%, transparent);
}

.app-hero-bg-layanan {
    --hero-img: url('https://files.cdn-files-a.com/admin/system_photos_stock/normal_69701ac9d25d2.jpg?format=avif');
}

.app-hero-bg-pengajuan {
    --hero-img: url('https://files.cdn-files-a.com/admin/system_photos_stock/normal_6973a86048f40.jpg?format=avif');
}

.app-hero-bg-status {
    --hero-img: url('https://cdn-cms.f-static.net/ready_uploads/media/4216759/normal_5e70b8f1e7310.jpg?format=avif');
}

.app-hero-bg-kontak {
    --hero-img: url('https://files.cdn-files-a.com/admin/system_photos_stock/normal_6965c1d38019b.jpg?format=avif');
}

.app-hero-bg-pengumuman {
    --hero-img: url('https://files.cdn-files-a.com/ready_uploads/media/15351088/normal_67d6596ae6d65.jpg?format=avif');
}

.app-hero-bg-agenda {
    --hero-img: url('https://files.cdn-files-a.com/admin/system_photos_stock/normal_69771fe98d54a.jpg?format=avif');
}

.app-hero-bg-kalender {
    --hero-img: url('https://files.cdn-files-a.com/admin/system_photos_stock/normal_69655e1d4e986.jpg?format=avif');
}

.app-hero-bg-maklumat {
    --hero-img: url('https://files.cdn-files-a.com/uploads/12541471/normal_gi-6af584fe72e7c.jpg?format=avif');
}

.app-hero-bg-survei {
    --hero-img: url('https://files.cdn-files-a.com/uploads/12541471/normal_gi-6af584fe72e89.jpg?format=avif');
}

.app-hero-bg-transparansi {
    --hero-img: url('https://files.cdn-files-a.com/admin/system_photos_stock/normal_69619998aae8e.jpg?format=avif');
}

.app-hero-bg-infrastruktur {
    --hero-img: url('https://files.cdn-files-a.com/admin/system_photos_stock/normal_697467298361e.jpg?format=avif');
}

.app-hero-bg-partisipasi {
    --hero-img: url('https://files.cdn-files-a.com/admin/system_photos_stock/normal_69795e33f35d9.jpg?format=avif');
}

.app-hero-bg-pengurus {
    --hero-img: url('https://files.cdn-files-a.com/admin/system_photos_stock/normal_6964435e4506d.jpg?format=avif');
}

.app-hero-bg-kelembagaan {
    --hero-img: url('https://files.cdn-files-a.com/admin/system_photos_stock/normal_696e6fc3648d6.jpg?format=avif');
}

.app-hero-bg-chat {
    --hero-img: url('https://files.cdn-files-a.com/admin/system_photos_stock/normal_69600971e21d4.jpg?format=avif');
}

.app-hero-bg-search {
    --hero-img: url('https://cdn-cms.f-static.com/ready_uploads/media/2959206/normal_5e1b58934e8ca.jpg?format=avif');
}