/* ======================================================================= NAVIGATION BUNDLE → nav-bundle.css ----------------------------------------------------------------------- SATU-SATUNYA file yang perlu di-link di SEMUA PAGE BARU untuk dapat header + footer + sticky sidebar (position+style+layout) OTOMATIS. Cara pakai di template BARU (cukup TAMBAHKAN INI di ): Selesai. Tidak perlu konfigurasi apapun lagi. ======================================================================= */ /* Header (top bar + mobile drawer + bottom nav) */ @import url('./header/header.css'); /* Footer (app-footer, 4/6 kolom, compliance, copyright) */ @import url('./footer/footer.css'); /* Sidebar sticky POSITION (fixed overlay, top:64px, width, z-index, drawer) */ @import url('./sidebar-sticky/position.css'); /* Sidebar sticky STYLE VISUAL (section title, sb-link, active, icon-only) */ @import url('./sidebar-sticky/style.css'); /* Sidebar sticky LAYOUT (padding-left dorong konten + footer agar tidak tertutup) */ @import url('./sidebar-sticky/layout.css'); /* ================================================================ 📱 MOBILE MENU MODULE BARU — KHUSUS ≤1023px — FOLDER: menu mobile/ ================================================================ Load PALING TERAKHIR di nav-bundle (setelah sidebar-sticky/layout), agar rule @media(max-width:1023px) hide sidebar-sticky lama MOBILE + munculkan bottom bar .mm-bottom-bar & drawer .mm-drawer MENANG specificity cascade (tanpa butuh !important berlebih). ⚠️ DESKTOP ≥1024px: modul INI OTOMATIS TIDAK AKTIF via @media(min-width:1024px) { display:none } built-in di dalam file! Jadi sidebar sticky desktop (230px / icononly 64px) 100% TIDAK TERGANGGU SATU PUN! */ @import url('./menu mobile/menu-mobile.css'); /* ================================================================ 🖥️ DESKTOP SIDEBAR MODULE BARU — KHUSUS ≥1024px — FOLDER: menu/ ================================================================ Load PALING TERAKHIR di nav-bundle (setelah menu-mobile.css). Semua rule di-wrap @media(min-width:1024px) = MOBILE ≤1023px TIDAK TERDAMPAKI 0% (sudah 100% ditangani menu-mobile.css). Home (body.home-page) TETAP PAKAI specificity lock .home-page dari _GLOBAL-LOCK.css (PATOKAN TIDAK DIUBAH), modul ini berlaku untuk SEMUA HALAMAN LAIN (blog, slots, slot-demos, post, page, single post, single slot, dll) agar sidebar SAMA PERSIS DENGAN HOME. 3-layer anti clip (root visible → sticky passthrough → cards overflow-y:auto), hide scrollbar indicator, icononly 64px, content padding dorong. */ @import url('./menu/desktop-sidebar.css');