/* ============================================================
   TEMA ABABILSTORE — Opsi 1: Dusty Rose
   Pink mauve lembut & hangat. Logo dibiarkan hitam apa adanya,
   makanya nav/permukaan utama sengaja dibuat TERANG.
   ============================================================ */

/* ---- Navbar: putih bersih (beda dgn body yg blush), supaya nav kelihatan
   sbg lapisan tersendiri, bukan menyatu polos dgn body ---- */
nav {
  background-color: #FFFFFF !important;
  box-shadow: 0 1px 10px rgba(184,132,140,0.18) !important;
}
nav .nav-link,
nav a,
nav i,
nav .navbar-brand,
nav span {
  color: #3D2A2C !important;
}
nav .nav-link:hover { color: #9C6670 !important; }

/* ---- Search bar & tombol/ikon navbar lain: didesain utk nav gelap (putih),
   jadi harus di-recolor gelap sekarang navnya 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 di sini. ---- */
.nav-search-icon { color: rgba(61,42,44,0.55) !important; }
.nav-search-input,
input#search-produk {
  color: #3D2A2C !important;
  background: rgba(61,42,44,0.06) !important;
  border-color: rgba(61,42,44,0.18) !important;
  border: 1.5px solid rgba(61,42,44,0.18) !important;
}
.nav-search-input::placeholder,
input#search-produk::placeholder { color: rgba(61,42,44,0.45) !important; }
.nav-search-input:focus,
input#search-produk:focus {
  background: rgba(61,42,44,0.1) !important;
  border-color: rgba(61,42,44,0.35) !important;
  color: #3D2A2C !important;
}

/* ---- Ikon cart navbar: gambar PNG putih (bukan font-icon), tak bisa direcolor
   lewat `color` biasa -> pakai CSS filter supaya jadi gelap ---- */
img[src*="CARTpo.png"] { filter: brightness(0) saturate(100%) invert(20%) sepia(20%) saturate(600%) hue-rotate(300deg); opacity: 0.85; }
.nav-profile-btn {
  border-color: rgba(61,42,44,0.18) !important;
  background: rgba(61,42,44,0.05) !important;
}
.nav-profile-btn:hover,
.nav-profile-btn:focus {
  background: rgba(61,42,44,0.1) !important;
  border-color: rgba(61,42,44,0.3) !important;
}
.nav-profile-name { color: #3D2A2C !important; }
.nav-profile-caret { color: rgba(61,42,44,0.55) !important; }
.btn-nav-masuk {
  border-color: rgba(61,42,44,0.35) !important;
  color: #3D2A2C !important;
}
.btn-nav-masuk:hover,
.btn-nav-masuk:focus {
  background: rgba(61,42,44,0.08) !important;
  border-color: #3D2A2C !important;
  color: #3D2A2C !important;
}
.btn-nav-daftar { background: #B8848C !important; color: #FFF7F5 !important; }
.btn-nav-daftar:hover,
.btn-nav-daftar:focus { color: #FFF7F5 !important; }
.nav-pd-header { background: #B8848C !important; }

/* ---- Tombol utama ---- */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #FFF7F5 !important;
  background-color: #B8848C !important;
  border-color: #B8848C !important;
}
.btn-primary:hover { background-color: #9C6670 !important; border-color: #9C6670 !important; }

/* ---- Aksen umum (harga, badge, ikon aktif) ---- */
.text-primary,
.harga-produk,
.harga { color: #9C6670 !important; }

.badge-primary,
.clpo,
.tpo { background-color: #B8848C !important; color: #FFF7F5 !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: #FBF4F2 !important; }
.bg-body { background: #FFFFFF !important; }
.card-body { background: #FFFFFF !important; }
.card,
.foto-produk-main,
.card-box { border-color: #F0DEDD !important; }

/* ---- Footer ---- */
footer,
.footer { background-color: #3D2A2C !important; color: #F3E3E1 !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: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(184,132,140,0.18) !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: #3D2A2C !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: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(184,132,140,0.18) !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: #3D2A2C !important;
}