/* ============================================================ TEMA — Gold (persis palet live shashe.id / assets/css/main.css): nav & footer background #a87820 (gelap/emas), body #fff4db, permukaan/card #ffffff, teks gelap #181818. Nav & footer GELAP -> semua isi di dalamnya (teks/ikon/tombol/search bar) dibuat TERANG supaya kontras. ============================================================ */ /* ---- Navbar: emas (#a87820), sesuai assets/css/main.css `nav { background-color: #a87820; }` ---- */ nav { background-color: #a87820 !important; box-shadow: 2px 1px 19px 0px rgba(0,0,0,0.35) !important; } nav .nav-link, nav a, nav i, nav .navbar-brand, nav span { color: #FFF5F5 !important; } nav .nav-link:hover { color: #F5CF81 !important; } /* ---- Search bar & tombol/ikon navbar lain: nav sekarang gelap, jadi kontennya harus terang. Catatan: new-main.css punya rule LAMA "input#search-produk" pakai ID selector (!important, dari sisa tema "Gamis Ameera") yg spesifisitasnya lebih tinggi dari .nav-search-input biasa -> harus disamakan pakai #search-produk juga. ---- */ .nav-search-icon { color: rgba(255,255,255,0.75) !important; } .nav-search-input, input#search-produk { color: #FFF5F5 !important; background: rgba(255,255,255,0.12) !important; border-color: rgba(255,255,255,0.3) !important; border: 1.5px solid rgba(255,255,255,0.3) !important; } .nav-search-input::placeholder, input#search-produk::placeholder { color: rgba(255,255,255,0.6) !important; } .nav-search-input:focus, input#search-produk:focus { background: rgba(255,255,255,0.18) !important; border-color: rgba(255,255,255,0.55) !important; color: #FFF5F5 !important; } /* ---- Ikon cart navbar: gambar PNG putih (bukan font-icon) — nav sekarang gelap, jadi ikon putih aslinya SUDAH pas, tidak perlu di-filter gelap lagi ---- */ img[src*="CARTpo.png"] { filter: none; opacity: 1; } .nav-profile-btn { border-color: rgba(255,255,255,0.3) !important; background: rgba(255,255,255,0.08) !important; } .nav-profile-btn:hover, .nav-profile-btn:focus { background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.5) !important; } .nav-profile-name { color: #FFF5F5 !important; } .nav-profile-caret { color: rgba(255,255,255,0.75) !important; } .btn-nav-masuk { border-color: rgba(255,255,255,0.5) !important; color: #FFF5F5 !important; } .btn-nav-masuk:hover, .btn-nav-masuk:focus { background: rgba(255,255,255,0.12) !important; border-color: #FFF5F5 !important; color: #FFF5F5 !important; } .btn-nav-daftar { background: #FFF5F5 !important; color: #a87820 !important; } .btn-nav-daftar:hover, .btn-nav-daftar:focus { color: #a87820 !important; } .nav-pd-header { background: #a87820 !important; } /* ---- Tombol utama ---- */ .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active { color: #FFF5F5 !important; background-color: #a87820 !important; border-color: #a87820 !important; } .btn-primary:hover { color: #F5CF81 !important; background-color: #a87820 !important; border-color: #a87820 !important; } /* ---- Aksen umum (harga, badge, ikon aktif) ---- */ .text-primary, .harga-produk, .harga { color: #a87820 !important; } .badge-primary, .clpo, .tpo { background-color: #a87820 !important; color: #FFF5F5 !important; } /* ---- Body & kartu: new-main.css hardcode pink (#f3dff2/#fdf2fb) DENGAN !important di body/.bg-body/.card-body, jadi harus ditimpa pakai !important juga di sini ---- */ body { background: #FFF4DB !important; } .bg-body { background: #FFFFFF !important; } .card-body { background: #FFFFFF !important; } .card, .foto-produk-main, .card-box { border-color: #E8D9BE !important; } /* ---- Footer: gelap (#a87820), sesuai css2/main.css `.footer { background-color: #a87820; }` ---- */ footer, .footer { background-color: #a87820 !important; color: #FFF5F5 !important; } /* ---- Fix bug lama: nav "Akun Saya" mobile (profil-part/menu-mobile.php) pakai margin-top:-62px (di new-main.css) utk kompensasi body padding-top, efek sampingnya jadi menimpa/menutupi banner tagihan jatuh tempo (.nav-alert-jt) yang ada tepat di atasnya. Naikkan lapisan banner supaya selalu tampil. ---- */ .nav-alert-jt { position: relative; z-index: 1051; } /* ---- Nav mobile "back" sticky di halaman profil-part lain (alamat.php, tagihan.php, dashboard-saya.php, dst) — selector ini LEBIH SPESIFIK dari `nav {}` biasa, jadi rule hitam bawaan new-main.css menang & harus ditimpa terpisah di sini. ---- */ .navbar-expand-lg.sticky-top.d-block.d-md-none { background-color: #a87820 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important; } .navbar-expand-lg.sticky-top.d-block.d-md-none span, .navbar-expand-lg.sticky-top.d-block.d-md-none a, .navbar-expand-lg.sticky-top.d-block.d-md-none p, .navbar-expand-lg.sticky-top.d-block.d-md-none div, .navbar-expand-lg.sticky-top.d-block.d-md-none i, .navbar-expand-lg.sticky-top.d-block.d-md-none button { color: #FFF5F5 !important; } /* ---- Nav "Akun Saya" (profil-part/menu-mobile.php) — sekarang position:fixed dgn class .akun-nav-fixed sendiri (bukan lagi .sticky-top), jadi aman dari rule lama new-main.css & banner tagihan tidak lagi tertutup. ---- */ .akun-nav-fixed { background-color: #a87820 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important; } .akun-nav-fixed span, .akun-nav-fixed a, .akun-nav-fixed p, .akun-nav-fixed div, .akun-nav-fixed i, .akun-nav-fixed button { color: #FFF5F5 !important; } /* ---- Dropdown cart (act/keranjang.php & keranjang_redystok.php, .foot-cart) dan dropdown profil (.nav-pd-item, navigation.php): panel-nya PUTIH tapi tetap anak dari elemen