/* ==========================================================
   RushMega Bangladesh Premium Theme Override (SAFE)
   Primary: #0b5d1e  Dark: #083f15  Red: #c91f1f  Gold: #f5c542
   Works as override only (no core file edits)
========================================================== */

:root{
  --bd-green:#0b5d1e;
  --bd-green-dark:#083f15;
  --bd-red:#c91f1f;
  --bd-gold:#f5c542;

  --bd-bg:#070a08;
  --bd-panel:rgba(10,16,12,.78);
  --bd-panel-2:rgba(12,22,16,.88);
  --bd-border:rgba(245,197,66,.22);
  --bd-text:#eaf7ee;
  --bd-muted:rgba(234,247,238,.75);
}

/* ---------- GLOBAL BACKGROUND ---------- */
html, body{
  background: radial-gradient(circle at 20% 10%, rgba(11,93,30,.55) 0%, rgba(7,10,8,1) 55%) !important;
  color: var(--bd-text) !important;
}

/* SPA wrappers */
#app,
#app > div,
.main,
.main-content,
.content,
.container,
.page,
.home,
.home-page,
.start-page,
.layout,
.layout__content,
.app-container{
  background: radial-gradient(circle at 30% 0%, rgba(11,93,30,.38) 0%, rgba(7,10,8,1) 60%) !important;
  color: var(--bd-text) !important;
}

/* Panels */
.card,
.panel,
.box,
.dialog,
.modal,
.popup,
.van-popup,
.van-dialog,
.van-overlay,
[class*="card"],
[class*="panel"],
[class*="content"],
[class*="bg"]{
  background-color: var(--bd-panel) !important;
  border-color: var(--bd-border) !important;
  color: var(--bd-text) !important;
}

/* ---------- TOP NAV ---------- */
#app .rajaNav .navbar-fixed,
.navbar,
.header,
.topbar,
[class*="navbar"],
[class*="header"]{
  background: linear-gradient(90deg, var(--bd-green-dark) 0%, var(--bd-green) 60%, rgba(245,197,66,.15) 100%) !important;
  border-bottom: 1px solid rgba(245,197,66,.18) !important;
}

/* ---------- BUTTONS ---------- */
button,
.btn, .button, .submit, .confirm,
.van-button,
[class*="btn"]{
  background: linear-gradient(180deg, rgba(11,93,30,1) 0%, rgba(8,63,21,1) 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(245,197,66,.25) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.35) !important;
}

/* Danger buttons */
.btn-danger,
.danger,
.red,
.van-button--danger{
  background: linear-gradient(180deg, rgba(201,31,31,1) 0%, rgba(140,15,15,1) 100%) !important;
  border-color: rgba(245,197,66,.18) !important;
}

/* Gold accent */
.gold,
.btn-gold{
  background: linear-gradient(180deg, rgba(245,197,66,1) 0%, rgba(204,152,20,1) 100%) !important;
  color:#1b1206 !important;
}

/* ---------- LINKS / HIGHLIGHTS ---------- */
a, .active, .selected, .tab-active{
  color: var(--bd-gold) !important;
}
.active, .selected, .tab-active{
  border-color: var(--bd-red) !important;
}

/* ---------- BOTTOM TAB BAR ---------- */
.tabbar__container[data-v-38d5ed56],
.tabbar,
.footer,
.bottom-bar,
[class*="tabbar"],
[class*="footer"]{
  background: radial-gradient(circle at 50% 10%, rgba(11,93,30,.95) 0%, rgba(8,63,21,1) 45%, rgba(0,0,0,1) 100%) !important;
  border-top: 1px solid rgba(245,197,66,.18) !important;
}

/* Tab icons/text */
.tabbar__item,
.tabbar__item *{
  color: rgba(234,247,238,.88) !important;
}

/* Active tab highlight */
.tabbar__item.active,
.tabbar__item--active,
.is-active{
  color: var(--bd-gold) !important;
}

/* ---------- INPUTS ---------- */
input, textarea, select,
.van-field__control,
.van-cell{
  background: rgba(0,0,0,.25) !important;
  color: var(--bd-text) !important;
  border: 1px solid rgba(245,197,66,.18) !important;
}
::placeholder{
  color: rgba(234,247,238,.55) !important;
}

/* ---------- PREMIUM GLOW ---------- */
.shadow,
.glow,
[class*="shadow"],
[class*="glow"]{
  box-shadow: 0 14px 40px rgba(0,0,0,.45) !important;
}

/* ---------- Banner soften ---------- */
.banner,
.hero,
[class*="banner"],
[class*="hero"]{
  background: linear-gradient(90deg, rgba(11,93,30,.35) 0%, rgba(201,31,31,.18) 55%, rgba(245,197,66,.12) 100%) !important;
}

/* ==========================================================
   FOOTER HOME ICON (SAFE - ONLY HOME TAB)
   NOTE: actual icon injection handled also by ui_override.js.
========================================================== */

/* Hide old svg only for Home (3rd item) */
.tabbar__container-item:nth-child(3) .svg-icon,
.tabbar__container-item:nth-child(3) svg{
  display:none !important;
}

/* Add image icon only for Home (3rd item) */
.tabbar__container-item:nth-child(3)::before{
  content:"";
  width:26px;
  height:26px;
  display:block;
  margin:0 auto 4px auto;
  background:url("/assets/images/home_icon.png") no-repeat center/contain;
}

/* Active state */
.tabbar__container-item:nth-child(3).active::before{
  transform:scale(1.06);
  filter:brightness(1.15) contrast(1.05);
}