/** * Header, Footer & Cek Pesanan global restyle (2026-08-29, item 6 roadmap). * Header & Footer di tema Botiga ini dibangun lewat Botiga Header/Footer * Builder (BHFB) -- BUKAN header.php/footer.php polos -- jadi pendekatan di * sini SAMA kayak semua fix Botiga lain di plugin ini (lihat * woo-compat-botiga.php): tidak menyentuh file tema, murni override dari * plugin kita sendiri. Header (logo/menu/search/account/cart) di-RESKIN di * tempat (markup BHFB dipakai apa adanya, biar search-expand/sticky/offcanvas/ * cart-AJAX bawaan Botiga TETAP jalan tanpa disentuh) -- HANYA Footer yang * di-ganti total (markup BHFB footer disembunyikan, digantikan versi baru * lewat wp_footer, lihat includes/header-footer-restyle.php). * * REVISI 2026-09-11 -- rollout "global visual setting" WARNA sempat * dipasang di sini (Home, Journal, Shop, Product Detail, About Us, Contact * sudah selesai duluan), tapi ATAS PERMINTAAN FERDIAN warna Header/Footer * DIKEMBALIKAN jadi berdiri sendiri lagi -- rencananya Header/Footer akan * punya pengaturan warna sendiri terpisah nanti (bukan ikut preset warna * global halaman lain). Yang TETAP ikut global cuma FONT heading (font * pairing), lihat blok token di bawah dan preset override font di bagian * bawah file ini. * * Selama proses rollout warna kemarin (sekarang sudah dilepas lagi) sempat * ditemukan bug pre-existing yang independen dari keputusan ini: token * warna di sini dulu di-declare di ":root" (elemen html, benar-benar * global) dan sebagian nilainya fallback-referencing "--zsd-jr-*" lewat * var(x, fallback) -- akibatnya warna Header/Footer bisa diam-diam ikut * berubah kalau halaman aktif kebetulan sudah declare "--zsd-jr-*" sendiri * (custom property CSS ikut turun ke elemen anak). Karena warna sekarang * balik jadi hardcode lokal (bukan var(--zsd-jr-*) lagi), risiko itu sudah * otomatis tidak ada lagi tanpa perlu penanganan khusus. * * Font TETAP di-declare di elemen pembungkus sendiri (".site"/".zsd-footer", * bukan body/html) -- alasan sama seperti sebelumnya: drawer mobile * off-canvas (".bhfb-mobile_offcanvas") ternyata SEJAJAR (sibling) dengan * header di DOM, bukan anak di dalamnya (dikonfirmasi lewat inspeksi DOM * live), keduanya sama-sama anak dari ".site". Footer TIDAK ikut ".site" * (dia sendiri anak langsung ), jadi ditulis sebagai selector * terpisah di baris yang sama. * * CATATAN: seluruh komentar rollout ini SENGAJA tidak pernah menulis * tanda bintang yang langsung diikuti garis miring di mana pun -- dua * karakter itu berurutan menutup komentar CSS lebih awal, pernah kejadian * nyata di rollout Product Detail (rule custom property hilang total dari * CSSOM walau teks sumbernya kelihatan benar). */ .site, .zsd-footer { --zsd-hf-coklat: #6b5744; --zsd-hf-coklat-gelap: #574632; --zsd-hf-krem: #f8f2e9; /* FIX 2026-09-13 (round 2, laporan Ferdian "warna warm vs light tidak ada bedanya di Footer"): root cause -- default "Light" Footer sebelumnya pakai --zsd-hf-krem-lebih-muda: #fbf7f0 (krim pucat), padahal preset "Warm" di bawah file ini (.zsd-footer.zsd-ff-warna-warm) set warna yang HAMPIR SAMA (#f8f2e9) -- 2 krim yang nyaris identik, jadi switch warm<->light nyaris tidak kelihatan. Header TIDAK kena bug ini karena default Light Header hardcode PUTIH murni (.bhfb-header { background: #fff !important }, lihat baris di bawah), BUKAN dari token krim ini -- jadi Header warm (krim) vs Header light (putih) kontras jelas. FIX: samakan pola -- default Light Footer sekarang PUTIH murni juga, biar preset Warm (krim) baru benar-benar kelihatan beda. */ --zsd-hf-krem-lebih-muda: #ffffff; --zsd-hf-garis: #ece4d8; --zsd-hf-teks: #2b2622; --zsd-hf-teks-muted: #7a7168; /* Font TETAP ikut "global visual setting" (font pairing), lihat zsd_body_class_header_footer() -- picu lewat body class zsd-hf-font-*, override di bawah file ini. */ --zsd-jr-font-heading: "Inter", -apple-system, "system-ui", "Segoe UI", Roboto, sans-serif; --zsd-hf-font-heading: var(--zsd-jr-font-heading); } body.zsd-hf-font-editorial-klasik .site, body.zsd-hf-font-editorial-klasik .zsd-footer { --zsd-jr-font-heading: "Playfair Display", Georgia, serif; } body.zsd-hf-font-editorial-hangat .site, body.zsd-hf-font-editorial-hangat .zsd-footer { --zsd-jr-font-heading: "Fraunces", Georgia, serif; } .zsd-footer-group h3 { font-family: var(--zsd-hf-font-heading); } /* ===================================================================== * HEADER -- reskin di atas markup BHFB yang sudah ada (bukan rebuild) * ===================================================================== */ .bhfb-header { background: #fff !important; border-bottom: 1px solid var(--zsd-hf-garis) !important; box-shadow: none !important; } .bhfb-header.bhfb-sticky-header, .bhfb-header .bhfb-row-wrapper.bhfb-sticky-header { transition: box-shadow .25s ease, background-color .25s ease; } .bhfb-header.botiga-scrolling-down .bhfb-main_header_row, body.botiga-scrolling-down .bhfb-header { box-shadow: 0 1px 10px rgba(43,38,34,.06); } @media (prefers-reduced-motion: reduce) { .bhfb-header, .bhfb-header * { transition: none !important; } } /* Logo -- text "ZENOS." asli WordPress site-title diganti gambar hitam * (image-replacement technique: teks tetap ada di DOM buat screen reader/SEO, * cuma disembunyikan visual lewat text-indent, background-image ambil alih). * URL background-image di-inject lewat