/********************************************************************/

/* =========================
   FOOTER MENU / TRANSAKSI (GOLD VERSION)
========================= */
.menu-bottom .footericon-single a.footer-funds i.icon-transfer {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;

  /* background emas */
  background: linear-gradient(
    180deg,
    #fff9c4 0%,
    #ffd700 40%,
    #ffcc00 70%,
    #e6ac00 100%
  ) !important;

  border: 2px solid #d4af37; /* gold border */
  border-radius: 50%;
  font-size: 18px;

  color: #000000 !important; /* biar kontras & jelas */
}

/* hide text lama */
.menu-bottom .footericon-single a.footer-funds div {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* teks baru */
.menu-bottom .footericon-single a.footer-funds div::after {
  content: "TRANSAKSI";
  display: block;

  font-size: 10px !important;
  line-height: 1.2 !important;

  /* warna emas */
  background: linear-gradient(
    180deg,
    #fff9c4 0%,
    #ffd700 50%,
    #ffcc00 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  font-weight: bold !important;
}

/********************************************************************/


.register .promo-box {
  background-color: #45242a !important;
  border: 1px solid #fedc3d !important;
}

.register .promo-box h1,
.register .promo-box ul,
.register .promo-box li,
.register .promo-box div,
.register .promo-box span {
  color: #fedc3d !important;
}

.register .promo-box li::marker {
  color: #fedc3d !important;
}

.register-form .submit-box {
  background: linear-gradient(#45242a , #4a0a0a  ) !important;
  color: #ffffff !important;
  border: 1px solid #fedc3d !important;
  border-radius: 10px !important;
}

.register-form .submit-box label,
.register-form .submit-box div,
.register-form .submit-box span,
.register-form .submit-box p {
  color: #fedc3d !important;
}

.register-form .submit-box a {
  color: #ffc400 !important;
}

/* =========================
   LOGIN SUBMIT BUTTON (GOLD PREMIUM)
========================= */
.login-popup button[type="submit"],
.login-modal button[type="submit"],
.modal-login button[type="submit"],
[class*="login"] button[type="submit"],
[id*="login"] button[type="submit"] {

  /* GRADIENT MIRIP GAMBAR */
  background: linear-gradient(
    180deg,
    #fff4b0 0%,
    #ffe066 25%,
    #ffd700 50%,
    #e6b800 75%,
    #b8860b 100%
  ) !important;

  color: #2b1a00 !important;
  -webkit-text-fill-color: #2b1a00 !important;

  border: 2px solid #f3d27a !important;
  border-radius: 10px !important;

  font-weight: 700 !important;

  /* EFEK DEPTH */
  box-shadow:
    inset 0 2px 3px rgba(255,255,255,0.6),
    inset 0 -3px 5px rgba(120,80,0,0.5),
    0 3px 6px rgba(0,0,0,0.3);

  text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;

  transition: all 0.2s ease;
}

/* HOVER EFFECT BIAR HIDUP */
.login-popup button[type="submit"]:hover,
.login-modal button[type="submit"]:hover,
.modal-login button[type="submit"]:hover,
[class*="login"] button[type="submit"]:hover,
[id*="login"] button[type="submit"]:hover {

  background: linear-gradient(
    180deg,
    #fff7c2 0%,
    #ffe680 25%,
    #ffdb1a 50%,
    #f0c000 75%,
    #c99700 100%
  ) !important;

  transform: translateY(-1px);
}

/* ACTIVE (KLIK) */
.login-popup button[type="submit"]:active,
.login-modal button[type="submit"]:active,
.modal-login button[type="submit"]:active,
[class*="login"] button[type="submit"]:active,
[id*="login"] button[type="submit"]:active {

  transform: translateY(1px);

  box-shadow:
    inset 0 3px 6px rgba(120,80,0,0.6),
    0 1px 2px rgba(0,0,0,0.3);
}

/* TEXT DI DALAM */
.login-popup button[type="submit"] *,
.login-modal button[type="submit"] *,
.modal-login button[type="submit"] *,
[class*="login"] button[type="submit"] *,
[id*="login"] button[type="submit"] * {
  color: #2b1a00 !important;
  -webkit-text-fill-color: #2b1a00 !important;
  font-weight: 700 !important;
}

/* =========================
   BUTTON LOGIN (WHITE PREMIUM)
========================= */
.btn-tertiery,
.btn-secondary {
  position: relative !important;
  overflow: hidden !important;

  /* PUTIH DENGAN SENTUHAN GOLD */
  background: linear-gradient(180deg, #fffdf5 0%, #f7f1dc 60%, #eee2b8 100%) !important;

  /* TEKS LEBIH GOLD */
  color: #7a4b00 !important;
  -webkit-text-fill-color: #7a4b00 !important;

  border: 2px solid #e6c15a !important;

  border-radius: 8px !important;
  font-weight: 800 !important;

  text-shadow: 0 1px 1px rgba(255,255,255,0.6);

  box-shadow:
    inset 0 2px 4px rgba(255,255,255,0.9),
    inset 0 -2px 5px rgba(0,0,0,0.12),
    0 0 6px rgba(255, 200, 80, 0.25);
}

.btn-tertiery::after,
.btn-secondary::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 10%;
  width: 80%;
  height: 2px;
  background: rgba(255,255,255,0.7);
  border-radius: 10px;
}


/* =========================
   BUTTON DAFTAR (SOFT GOLD PREMIUM)
========================= */
.btn-accent,
.btn-primary {
  position: relative !important;
  overflow: hidden !important;

  /* GOLD LEBIH KALem */
  background: linear-gradient(180deg, #f5d97a 0%, #e6b84d 50%, #cc8a2e 100%) !important;

  color: #2b1600 !important;
  -webkit-text-fill-color: #2b1600 !important;

  border: 2px solid #e6c15a !important;
  border-radius: 8px !important;
  font-weight: 900 !important;

  text-shadow: 0 1px 1px rgba(255,255,255,0.25);

  /* GLOW DIKURANGIN */
  box-shadow:
    inset 0 2px 4px rgba(255,255,255,0.35),
    inset 0 -3px 6px rgba(0,0,0,0.2),
    0 0 6px rgba(255, 190, 60, 0.35);
}

/* KILAU HALUS */
.btn-accent::before,
.btn-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 40%;
  height: 100%;

  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.15) 40%,
    rgba(255,255,255,0.5) 50%,
    rgba(255,255,255,0.15) 60%,
    rgba(255,255,255,0) 100%
  );

  transform: skewX(-25deg);
  animation: shineSoft 3.5s linear infinite;
}

/* ANIMASI LEBIH LEMBUT */
@keyframes shineSoft {
  0% {
    left: -80%;
  }
  100% {
    left: 120%;
  }
}

.btn-accent:hover,
.btn-primary:hover {
  transform: translateY(-1px) scale(1.015);
  filter: brightness(1.05);
}

/* =========================
   BUTTON SECONDARY (GOLD + KILAU HALUS AUTO) PROMO
========================= */
.btn-secondary {
  position: relative !important;
  overflow: hidden !important;

  background: linear-gradient(
    180deg,
    #f5d97a 0%,
    #e6b94d 25%,
    #d49a2a 55%,
    #b97a10 75%,
    #8a5a00 100%
  ) !important;

  color: #2b1a00 !important;
  -webkit-text-fill-color: #2b1a00 !important;

  border: 2px solid #d4a937 !important;
  border-radius: 10px !important;
  font-weight: 800 !important;

  box-shadow:
    inset 0 2px 3px rgba(255,255,255,0.6),
    inset 0 -3px 6px rgba(80,40,0,0.6),
    0 3px 8px rgba(0,0,0,0.4);

  text-shadow: 0 1px 1px rgba(255,255,255,0.3);
}

/* GARIS KILAU ATAS */
.btn-secondary::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 12%;
  width: 76%;
  height: 2px;
  background: rgba(255,255,255,0.4);
  border-radius: 10px;
}

/* =========================
   KILAU HALUS AUTO (SAMA KAYAK YANG KAMU MAU)
========================= */
.btn-secondary::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 40%;
  height: 100%;

  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.15) 40%,
    rgba(255,255,255,0.5) 50%,
    rgba(255,255,255,0.15) 60%,
    rgba(255,255,255,0) 100%
  );

  transform: skewX(-25deg);
  animation: shineSoft 3.5s linear infinite;
}

/* ANIMASI HALUS */
@keyframes shineSoft {
  0% { left: -80%; }
  100% { left: 120%; }
}

/* HOVER SEDIKIT HIDUP */
.btn-secondary:hover {
  transform: translateY(-1px) scale(1.015);
  filter: brightness(1.05);
}

/* EFEK TEKAN */
.btn-secondary:active {
  transform: translateY(1px);
  box-shadow:
    inset 0 3px 6px rgba(60,30,0,0.7),
    inset 0 -1px 2px rgba(255,255,255,0.4);
}

/* ICON DAN TEKS HOME PROMOSI LIVECHAT*/

.footericon-single,
.footericon-single div,
.footericon-single span,
.footericon-single a {
  color: #d4af37 !important;
}
.footericon-single {
  color: #d4af37 !important;
}

.footericon-single * {
  color: #d4af37 !important;
}

/* PEMBATAS WARNA BAWAH*/

.navbar-fixed-bottom {
  border-top: 2px solid #d4af37; /* warna emas */
}

.navbar-fixed-bottom {
  border-top: 2px solid transparent;
  background-image: linear-gradient(#000, #000),
    linear-gradient(to right, #ffd700, #ffb700, #d4af37);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

/* PEMBATAS WARNA ATAS*/

.top-bar .inner-header {
  border-top: 2px solid transparent;
  background-image: 
    linear-gradient(#450000, #450000),
    linear-gradient(to right, #ffd700, #ffb700, #d4af37);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}