/* ============================================================
   THEME — EMERALD LUXE
   ============================================================
   Balanced emerald style aligned with X88TOTO branding.
   Applied when body has class "emerald-theme".
   ============================================================ */

.emerald-theme {
  --em-green: #2f7a52;
  --em-green-light: #3f9365;
  --em-green-dark: #1e5c3b;
  --em-mint: #9ed7b3;
  --em-mint-light: #c4ead1;
  --em-lime: #cce879;
  --em-deep: #081611;
}

.emerald-theme .hero-slider,
.emerald-theme .swiper-slide img {
  border-radius: 12px;
}

.emerald-theme .swiper {
  border: 2px solid rgba(158, 215, 179, 0.28);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 0 30px rgba(47, 122, 82, 0.16);
}

.emerald-theme .x88-navbar,
.emerald-theme .cn-navbar,
.emerald-theme .cs-navbar,
.emerald-theme .vn-navbar,
.emerald-theme .ie-navbar {
  border-bottom: 1px solid rgba(158, 215, 179, 0.3) !important;
}

.emerald-theme .bottom-nav {
  border-top: 1px solid rgba(158, 215, 179, 0.3) !important;
}

.emerald-theme .bottom-nav__item--daftar .bottom-nav__icon {
  background: linear-gradient(
    180deg,
    var(--em-green-light) 0%,
    var(--em-green-dark) 100%
  ) !important;
  border: 2px solid var(--em-mint) !important;
}

.emerald-theme .dropdown-menu {
  background: linear-gradient(
    180deg,
    rgba(8, 22, 17, 0.98) 0%,
    rgba(5, 15, 11, 0.99) 100%
  ) !important;
  border: 1px solid rgba(158, 215, 179, 0.3) !important;
}

.emerald-theme .dropdown-item:hover {
  background: linear-gradient(
    90deg,
    rgba(158, 215, 179, 0.14) 0%,
    rgba(47, 122, 82, 0.14) 60%,
    transparent 100%
  ) !important;
  color: var(--em-mint) !important;
}

.emerald-theme ::selection {
  background: var(--em-green);
  color: #f2fff8;
}