/* ============================================================
   RESKIN HEADER & FOOTER — berlaku di SEMUA halaman selain
   Beranda (yang sudah punya desain sendiri lengkap).

   PENTING soal cara kerja file ini: header & footer di situs ini
   BUKAN header.php/footer.php biasa, tapi Elementor Theme Builder
   template. Daripada mengganti strukturnya (berisiko merusak
   SELURUH situs kalau tebakan struktur div-nya salah), file ini
   cuma MEREWARNAI ulang elemen yang sudah ada lewat CSS — jauh
   lebih aman. Kalau ada selector yang meleset (Elementor/The7
   berubah nama class-nya), akibatnya paling buruk cuma "belum
   berubah", BUKAN situs rusak. Kirim screenshot kalau ada bagian
   yang belum ke-reskin, saya sesuaikan selector-nya.
   ============================================================ */

:root{
  --rs-tanah:      #16241A;
  --rs-daun:       #2B6B3C;
  --rs-daun-tua:   #163C25;
  --rs-daun-muda:  #E9F3EA;
  --rs-sawit:      #C7791F;
  --rs-sawit-teks: #A8631A;
  --rs-sawit-pucat:#F7E9D4;
  --rs-gading:     #FAF7F1;
  --rs-garis:      #DEE6DC;
}

/* Font dasar seluruh halaman (di luar Beranda) — konsisten dengan homepage */
body:not(.page-template-template-beranda-disbunnak) {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  color: var(--rs-tanah);
}
body:not(.page-template-template-beranda-disbunnak) h1,
body:not(.page-template-template-beranda-disbunnak) h2,
body:not(.page-template-template-beranda-disbunnak) h3,
body:not(.page-template-template-beranda-disbunnak) h4 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 800 !important;
}

/* ============================================================
   HEADER — dicakup lewat [data-elementor-type="header"], anchor
   yang stabil (tidak tergantung angka ID template yang bisa
   berubah kalau header di-rebuild).
   ============================================================ */
[data-elementor-type="header"] {
  --e-global-color-text: var(--rs-tanah);
}

/* Bilah utilitas atas (telp/WA + sosial media).
   PENTING: header ini strukturnya SATU top-level section pembungkus
   berisi DUA inner-section (bilah utilitas + baris logo/menu) sebagai
   anak. Selector .elementor-top-section:first-child (versi lama)
   salah sasaran — itu mencocokkan section PEMBUNGKUS-nya, bukan
   section utilitas spesifik, sehingga SELURUH header (termasuk baris
   menu Profil/Kinerja/dst) ikut jadi gelap. .elementor-inner-section
   :first-of-type di bawah ini menyasar section utilitas SAJA. */
[data-elementor-type="header"] .elementor-inner-section:first-of-type {
  background: var(--rs-tanah) !important;
}
[data-elementor-type="header"] .elementor-inner-section:first-of-type .elementor-heading-title,
[data-elementor-type="header"] .elementor-inner-section:first-of-type a {
  color: #fff !important;
  font-weight: 600;
}
[data-elementor-type="header"] .elementor-inner-section:first-of-type .elementor-icon {
  color: #fff !important;
}
[data-elementor-type="header"] .elementor-inner-section:first-of-type .elementor-icon:hover {
  color: var(--rs-sawit-pucat) !important;
}

/* Menu navigasi utama */
[data-elementor-type="header"] .dt-nav-menu-horizontal .menu-text,
[data-elementor-type="header"] nav a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  color: var(--rs-tanah) !important;
}
[data-elementor-type="header"] .menu-item.current-menu-item > a .menu-text,
[data-elementor-type="header"] .menu-item:hover > a .menu-text {
  color: var(--rs-daun) !important;
}
[data-elementor-type="header"] .horizontal-sub-nav {
  border-color: var(--rs-garis) !important;
}
[data-elementor-type="header"] .horizontal-sub-nav a:hover {
  background: var(--rs-daun-muda) !important;
  color: var(--rs-daun-tua) !important;
}

/* ============================================================
   FOOTER — #footer adalah ID unik & stabil.
   ============================================================ */
#footer,
#footer.elementor-footer {
  background: var(--rs-daun-tua) !important;
}
#footer .elementor-heading-title,
#footer h3, #footer h4, #footer h5 {
  color: #fff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
}
#footer a,
#footer p,
#footer .elementor-icon-box-title {
  color: rgba(255,255,255,0.82) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
#footer a:hover {
  color: var(--rs-sawit-pucat) !important;
}
#footer .elementor-icon {
  color: rgba(255,255,255,0.82) !important;
}

/* Tombol "Go to Top" */
.scroll-top, a.scroll-top {
  background: var(--rs-sawit) !important;
  color: #fff !important;
}
