/* =========================================================
   RUPIAH89 — BLACK & GOLD OVERRIDE
   Letakkan file ini SETELAH CSS utama.
   ========================================================= */

:root{
  --r89-black:#050505;
  --r89-black-2:#0b0b0b;
  --r89-panel:#101010;
  --r89-panel-2:#171717;
  --r89-yellow:#ffd400;
  --r89-gold:#ffbf00;
  --r89-gold-soft:#ffe66a;
  --r89-white:#f7f7f7;
  --r89-muted:#aaa;
  --r89-border:rgba(255,212,0,.55);
  --r89-glow:0 0 8px rgba(255,212,0,.28),0 0 22px rgba(255,191,0,.12);
}

/* PAGE */
html,body{
  background:
    radial-gradient(circle at 50% 0%,rgba(255,196,0,.08),transparent 30%),
    linear-gradient(180deg,#080808 0%,#030303 100%) !important;
  color:var(--r89-white) !important;
}

body,
.page,
.content,
.content-main,
.site-content,
.market,
.marketplace{
  color:var(--r89-white);
}

/* HEADER / TOP NAV */
header,
.header,
.site-header,
.market-header,
.global-header,
[class*="header"]{
  background:#070707 !important;
  border-color:rgba(255,212,0,.35) !important;
}

header a,
.header a,
.site-header a,
nav a{
  color:#d7d7d7 !important;
}

header a:hover,
.header a:hover,
.site-header a:hover,
nav a:hover{
  color:var(--r89-yellow) !important;
}

/* MAIN WHITE AREAS -> BLACK */
main,
.main,
.content,
.content-wrapper,
.item-page,
.item-details,
[class*="content"]{
  background-color:transparent;
}

body > div,
main > section{
  border-color:#292929;
}

/* BREADCRUMB */
.breadcrumb,
.breadcrumbs,
[class*="breadcrumb"]{
  color:#aaa !important;
}

.breadcrumb a,
.breadcrumbs a,
[class*="breadcrumb"] a{
  color:#bbb !important;
}

.breadcrumb a:hover,
.breadcrumbs a:hover,
[class*="breadcrumb"] a:hover{
  color:var(--r89-yellow) !important;
}

/* TITLES */
h1,h2,h3,h4,h5,h6{
  color:#f5f5f5 !important;
}

h1{
  text-shadow:0 1px 14px rgba(255,212,0,.08);
}

a{
  transition:.2s ease;
}

/* GOLD LINKS / ACCENTS */
.item-header a,
.item-info a,
[class*="author"] a,
[class*="sales"],
[class*="rating"]{
  color:var(--r89-yellow);
}

/* TABS */
.tabs,
.tab-bar,
.nav-tabs,
[class*="tabs"]{
  background:#090909 !important;
  border-color:#292929 !important;
}

.tabs a,
.tab-bar a,
.nav-tabs a,
[class*="tabs"] a{
  color:#bbb !important;
  background:#090909 !important;
  border-color:#292929 !important;
}

.tabs a:hover,
.tab-bar a:hover,
.nav-tabs a:hover,
.tabs .active,
.tab-bar .active,
.nav-tabs .active,
[class*="tabs"] .active{
  color:var(--r89-yellow) !important;
  border-color:var(--r89-yellow) !important;
  background:#111 !important;
}

/* GENERAL CARDS */
.panel,
.card,
.box,
.sidebar,
.widget,
.purchase-panel,
[class*="panel"],
[class*="card"],
[class*="sidebar"],
[class*="widget"]{
  background:linear-gradient(180deg,#121212,#090909) !important;
  color:#eee !important;
  border-color:#3b3300 !important;
}

.panel,
.card,
.box,
.purchase-panel{
  box-shadow:0 8px 28px rgba(0,0,0,.28);
}

/* PRIMARY BUTTONS */
button,
.button,
.btn,
input[type="button"],
input[type="submit"],
a[class*="button"],
a[class*="btn"]{
  border-radius:7px;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}

button:hover,
.button:hover,
.btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
a[class*="button"]:hover,
a[class*="btn"]:hover{
  transform:translateY(-1px);
}

/* Login / Daftar area */
.login-button,
.btn-login,
a[href*="login"],
a[href*="masuk"]{
  background:linear-gradient(180deg,#171717,#080808) !important;
  color:#fff !important;
  border:1px solid var(--r89-yellow) !important;
  box-shadow:var(--r89-glow) !important;
}

.register-button,
.btn-register,
a[href*="register"],
a[href*="daftar"]{
  background:linear-gradient(135deg,#ffb900,#ffe35b,#ffbf00) !important;
  color:#090909 !important;
  border:1px solid #ffe55c !important;
  font-weight:800 !important;
  box-shadow:var(--r89-glow) !important;
}

.login-button:hover,
.btn-login:hover,
a[href*="login"]:hover,
a[href*="masuk"]:hover{
  background:#171717 !important;
  color:var(--r89-yellow) !important;
}

.register-button:hover,
.btn-register:hover,
a[href*="register"]:hover,
a[href*="daftar"]:hover{
  filter:brightness(1.08);
}

/* IMAGE / PREVIEW FRAME */
.item-preview,
.preview,
.preview-image,
[class*="preview"]{
  background:#090909 !important;
  border-color:var(--r89-yellow) !important;
}

.item-preview img,
.preview img{
  box-shadow:0 0 24px rgba(255,196,0,.15);
}

/* PRICE / LICENSE */
.price,
.amount,
[class*="price"]{
  color:#fff !important;
}

.price strong,
.amount strong,
[class*="price"] strong{
  color:var(--r89-yellow) !important;
}

select,
input,
textarea{
  background:#111 !important;
  color:#eee !important;
  border-color:#444 !important;
}

input:focus,
textarea:focus,
select:focus{
  outline:none;
  border-color:var(--r89-yellow) !important;
  box-shadow:0 0 0 2px rgba(255,212,0,.12);
}

/* CHECK / ICON ACCENTS */
.fa-check,
.icon-check,
[class*="check"]{
  color:var(--r89-yellow) !important;
}

/* TABLE */
table{
  background:#0b0b0b !important;
  color:#ddd !important;
  border-color:#292929 !important;
}

th{
  background:#141414 !important;
  color:var(--r89-yellow) !important;
}

td,th{
  border-color:#292929 !important;
}

/* RUPIAH89 INFORMATION BOX */
.rupiah89-info,
.info-rupiah89,
[class*="information"],
[class*="informasi"]{
  background:#0c0c0c !important;
  border:1px solid var(--r89-yellow) !important;
  box-shadow:var(--r89-glow);
}

.rupiah89-info h2,
.rupiah89-info h3,
.info-rupiah89 h2,
.info-rupiah89 h3,
[class*="information"] h2,
[class*="informasi"] h2{
  background:linear-gradient(180deg,#2b2400,#121000) !important;
  color:var(--r89-yellow) !important;
  border-bottom:1px solid rgba(255,212,0,.4) !important;
}

/* DIVIDERS */
hr{
  border-color:#292929 !important;
}

*{
  scrollbar-color:#b89500 #080808;
}

/* BOTTOM FIXED NAV */
.bottom-nav,
.bottom-menu,
.mobile-nav,
[class*="bottom-nav"],
[class*="bottom-menu"]{
  background:rgba(5,5,5,.97) !important;
  border:1px solid rgba(255,212,0,.65) !important;
  box-shadow:0 -4px 24px rgba(255,196,0,.12) !important;
}

.bottom-nav a,
.bottom-menu a,
.mobile-nav a,
[class*="bottom-nav"] a,
[class*="bottom-menu"] a{
  color:#eee !important;
}

.bottom-nav a:hover,
.bottom-menu a:hover,
.mobile-nav a:hover,
[class*="bottom-nav"] a:hover,
[class*="bottom-menu"] a:hover{
  color:var(--r89-yellow) !important;
}

/* Common icon colors */
svg,
[class*="icon"]{
  transition:.2s ease;
}

.bottom-nav svg,
.bottom-menu svg,
.mobile-nav svg{
  color:var(--r89-yellow);
  fill:currentColor;
}

/* Remove leftover red/blue accent from common elements */
.bg-red,
.bg-blue,
.bg-green,
[class*="red-button"],
[class*="blue-button"]{
  background:var(--r89-yellow) !important;
  color:#080808 !important;
}

/* Selection */
::selection{
  background:var(--r89-yellow);
  color:#050505;
}

/* MOBILE */
@media (max-width:768px){
  h1{
    font-size:24px !important;
    line-height:1.25 !important;
  }

  .panel,
  .card,
  .box,
  [class*="panel"],
  [class*="card"]{
    border-radius:8px;
  }

  .bottom-nav,
  .bottom-menu,
  .mobile-nav,
  [class*="bottom-nav"],
  [class*="bottom-menu"]{
    border-radius:20px 20px 0 0;
  }
}


/* =========================================================
   RUPIAH89 — TEXT VISIBILITY FIX
   Memperbaiki teks gelap yang hilang di background hitam.
   ========================================================= */

/* Default text on dark surfaces */
body,
main,
.main,
.content,
.content-wrapper,
.item-page,
.item-details,
section,
article {
  color: #e8e8e8 !important;
}

/* Paragraphs and common metadata */
p,
span,
small,
label,
li,
dd,
dt,
.item-info,
.item-meta,
.meta,
.description,
[class*="description"],
[class*="details"],
[class*="support"] {
  color: #cfcfcf;
}

/* Strong text */
strong,
b {
  color: #ffffff;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
  color: #f7f7f7 !important;
}

/* Normal links */
main a,
.content a,
.item-page a {
  color: #ffd400;
}

main a:hover,
.content a:hover,
.item-page a:hover {
  color: #ffe96b;
}

/* Breadcrumb text */
.breadcrumb,
.breadcrumbs,
[class*="breadcrumb"],
.breadcrumb span,
.breadcrumbs span {
  color: #bdbdbd !important;
}

/* Tabs: inactive text must remain visible */
.tabs a,
.tab-bar a,
.nav-tabs a,
[class*="tabs"] a {
  color: #d4d4d4 !important;
}

.tabs .active,
.tab-bar .active,
.nav-tabs .active,
[class*="tabs"] .active {
  color: #ffd400 !important;
}

/* Sidebar / purchase box */
.sidebar,
.purchase-panel,
[class*="sidebar"],
[class*="purchase"] {
  color: #dedede !important;
}

.sidebar p,
.sidebar span,
.sidebar label,
.sidebar li,
.purchase-panel p,
.purchase-panel span,
.purchase-panel label,
.purchase-panel li,
[class*="sidebar"] p,
[class*="sidebar"] span {
  color: #cfcfcf !important;
}

/* Keep price highly visible */
.price,
.amount,
[class*="price"] {
  color: #f7f7f7 !important;
}

.price strong,
.amount strong,
[class*="price"] strong {
  color: #ffd400 !important;
}

/* Info table */
table td {
  color: #dedede !important;
}

table th {
  color: #ffd400 !important;
}

/* Form text */
input,
textarea,
select,
option {
  color: #f5f5f5 !important;
}

input::placeholder,
textarea::placeholder {
  color: #888 !important;
}

/* Explicit muted copy */
.muted,
.text-muted,
[class*="muted"],
.secondary-text {
  color: #aaa !important;
}

/* Buttons need controlled contrast instead of global link color */
.login-button,
.btn-login,
a[href*="login"],
a[href*="masuk"] {
  color: #ffffff !important;
}

.register-button,
.btn-register,
a[href*="register"],
a[href*="daftar"] {
  color: #080808 !important;
}

/* Top navigation */
header,
.header,
.site-header,
.market-header,
.global-header,
[class*="header"] {
  color: #eee !important;
}

header span,
.header span,
.site-header span,
header a,
.header a,
.site-header a,
nav a {
  color: #d6d6d6 !important;
}

header a:hover,
.header a:hover,
.site-header a:hover,
nav a:hover {
  color: #ffd400 !important;
}

/* Bottom navigation */
.bottom-nav,
.bottom-menu,
.mobile-nav,
[class*="bottom-nav"],
[class*="bottom-menu"] {
  color: #eee !important;
}

.bottom-nav span,
.bottom-menu span,
.mobile-nav span,
.bottom-nav a,
.bottom-menu a,
.mobile-nav a,
[class*="bottom-nav"] a,
[class*="bottom-menu"] a {
  color: #f1f1f1 !important;
}

.bottom-nav a:hover,
.bottom-menu a:hover,
.mobile-nav a:hover,
[class*="bottom-nav"] a:hover,
[class*="bottom-menu"] a:hover {
  color: #ffd400 !important;
}

/* Yellow backgrounds always get black text */
.bg-yellow,
.bg-gold,
[class*="yellow-button"],
[class*="gold-button"],
.register-button,
.btn-register {
  color: #080808 !important;
}

/* Dark panels always get readable descendants unless specifically overridden */
.panel p,
.panel li,
.panel label,
.card p,
.card li,
.card label,
.box p,
.box li,
.box label,
.widget p,
.widget li,
.widget label {
  color: #d2d2d2 !important;
}

/* Lines and separators */
hr,
.separator,
.divider {
  border-color: #333 !important;
}

/* Extra contrast for tiny metadata */
small,
.meta,
.item-meta {
  color: #b5b5b5 !important;
}