/* tema.css — tema Fitria Shop: ungu + emas di atas krem (mengikuti logo).
   Nama variabel lama (--navy-*, --teal) dipertahankan agar tidak mengubah ratusan aturan; artinya dipetakan ulang:
   --navy-deep = latar halaman & teks di atas tombol, --navy-mid = permukaan header, --teal = ungu utama. */
:root {
  --navy-deep:  #FBF7EF;   /* krem: latar halaman (dan teks terang di atas tombol ungu) */
  --navy-mid:   #FFFFFF;   /* header / permukaan */
  --navy-light: #F2E9F8;   /* lavender muda */
  --surface:    #FFFFFF;
  --teal:       #590283;   /* ungu logo */
  --teal-glow:  #7A2BA8;   /* ungu hover */
  --teal-dark:  #3F0160;
  --gold:       #C9920B;   /* emas logo */
  --gold-light: #E3B23C;
  --card:       #FFFFFF;
  --border:     rgba(89,2,131,.16);
  --text:       #2B1740;
  --muted:      #6F6280;
  --danger:     #C0392B;
  --warn:       #8A6100;
  --green:      #1E8E4E;
}
body { background: var(--navy-deep); color: var(--text); }

/* header: logo + garis emas */
.header { height: auto !important; min-height: 72px; padding-top: .3rem; padding-bottom: .3rem;
          border-bottom: 3px solid var(--gold) !important; box-shadow: 0 2px 10px rgba(89,2,131,.08); }
.brand-img { height: 58px; width: auto; display: block; }
@media (max-width: 480px) { .brand-img { height: 48px; } }
.header-logo, .header b { color: var(--teal); }

/* harga & total = emas */
.pcard-price, .sum-row.total, .sum-row.total span, #sumTotal, .cart-total { color: var(--gold) !important; }
.sum-row.total { border-top-color: rgba(201,146,11,.35); }

/* tombol utama ungu, aksen emas saat hover/aktif */
.btn-teal, .btn-green, .btn, button.btn-teal, .nav-btn.active, .nav a.active, .tabs a.on, .pager button.active {
  background: var(--teal); color: #FFFFFF; border-color: var(--teal);
}
.btn-teal:hover, .btn:hover, .nav a:hover, .nav-btn:hover { background: var(--teal-glow); color: #FFFFFF; }
.pcard:hover { border-color: var(--gold) !important; box-shadow: 0 6px 18px rgba(201,146,11,.18); }

/* kartu, input */
.card, .pcard { box-shadow: 0 1px 6px rgba(89,2,131,.06); }
input, textarea, select { background: #FFFFFF !important; color: var(--text) !important; border-color: var(--border) !important; }
input:focus, textarea:focus { border-color: var(--gold) !important; box-shadow: 0 0 0 3px rgba(201,146,11,.18) !important; outline: none; }

/* pemberitahuan */
.alert-ok  { background: rgba(89,2,131,.06) !important; border-color: rgba(89,2,131,.25) !important; color: var(--teal) !important; }
.alert-warn{ background: rgba(201,146,11,.12) !important; border-color: rgba(201,146,11,.4) !important; color: var(--warn) !important; }
.ok { color: var(--green) !important; } .err { color: var(--danger) !important; }

/* overlay & skeleton */
.modal-backdrop, [class*="backdrop"], .overlay { background: rgba(43,23,64,.55) !important; }
.skel { background: linear-gradient(90deg, #F2E9F8 25%, #FFFFFF 50%, #F2E9F8 75%) !important; background-size: 200% 100% !important; }
tr:hover td { background: rgba(89,2,131,.04) !important; }
table th { color: var(--teal); }

/* placeholder (logo) untuk barang tanpa foto */
.pcard-img-wrap img[src$="logo.webp"] { padding: 16%; opacity: .4; object-fit: contain; }