/* ==============================================
   GREEN THEME OVERRIDES - kepo88itcom
   Replaces: desktop-blue-theme-overrides.css
   Overrides any remaining gold/yellow/blue colors
   from shared CSS files with dark green palette.
   ============================================== */

/* ---- Global link color ---- */
a {
    color: #6fcf97;
}

a:hover,
a:focus {
    color: #4caf7d;
    text-decoration: none;
}

/* ---- Mobile topbar login/register buttons (banner area) ---- */
/* Tombol Masuk */
.login-panel .login-button,
.topbar-right-container .login-button {
    background: linear-gradient(to bottom, #3a6b4e 0%, #22412e 100%) !important;
    color: #fff !important;
    border: 1px solid #2d7a4f !important;
    border-radius: 4px;
}

.login-panel .login-button:hover,
.topbar-right-container .login-button:hover {
    background: linear-gradient(to bottom, #22412e 0%, #3a6b4e 100%) !important;
    color: #e0f5ea !important;
}

/* Tombol Daftar */
.login-panel .register-button,
.topbar-right-container .register-button {
    background: linear-gradient(to bottom, #6fcf97 0%, #2d7a4f 100%) !important;
    color: #fff !important;
    border: 1px solid #1a4a32 !important;
    border-radius: 4px;
}

.login-panel .register-button:hover,
.topbar-right-container .register-button:hover {
    background: linear-gradient(to bottom, #2d7a4f 0%, #6fcf97 100%) !important;
    color: #e0f5ea !important;
}

/* ---- Banner carousel active indicator ---- */
.banner .carousel-indicators .active,
.banner .carousel-indicators .slick-active {
    background-color: #4caf7d !important;
    border-color: #4caf7d !important;
}

/* ---- Topbar background ---- */
.topbar-container {
    background: #060e0a !important;
}

/* ---- Site header ---- */
.site-header {
    background: #0d1a12 !important;
    border-color: #0d1a12 !important;
}

/* ---- Top menu active / hover ---- */
.top-menu>li>a:hover,
.top-menu>li[data-active="true"]>a {
    color: #6fcf97 !important;
}

/* ---- Standard primary button (covers any remaining gold gradient) ---- */
.btn-primary,
.standard-button-group .btn-primary {
    background: linear-gradient(to bottom, #6fcf97 0%, #2d7a4f 100%) !important;
    border-color: #2d7a4f !important;
    color: #fff !important;
}

.btn-primary:hover,
.standard-button-group .btn-primary:hover {
    background: linear-gradient(to bottom, #2d7a4f 0%, #6fcf97 100%) !important;
    border-color: #1a4a32 !important;
    color: #e0f5ea !important;
}

/* ---- Info center title ---- */
.info-center-title {
    background-color: #2d7a4f !important;
    color: #fff !important;
}

/* ---- Game name badge ---- */
.slots-games-container .game-name,
.casino-games-container .game-name,
.race-games-container .game-name,
.game-list .game-name {
    background-color: #2d7a4f !important;
    color: #fff !important;
}

/* ---- Category filter active ---- */
.slots-games-container .category-filter-link.active,
.slots-games-container .category-filter-link:hover,
.casino-games-container .category-filter-link.active,
.casino-games-container .category-filter-link:hover,
.race-games-container .category-filter-link.active,
.race-games-container .category-filter-link:hover {
    background-color: #2d7a4f !important;
    color: #fff !important;
}

/* ---- Jackpot winners ticker ---- */
.winners-ticker ul li .winner-amount {
    color: #6fcf97 !important;
}

/* ---- Announcement / notice ---- */
.announcement-container {
    background-color: #111d16 !important;
    color: #a8e6c3 !important;
}

.notice ul li {
    color: #a8e6c3 !important;
}

/* ---- Popular games section title ---- */
.popular-games [data-section="left"] .section-title {
    background-color: #0d1a12 !important;
    color: #6fcf97 !important;
}

/* ---- Home/popular container title badge ---- */
.home-game-list-container .container-title span,
.popular-game-title-container .container-title span {
    background-color: #2d7a4f !important;
    color: #fff !important;
}

.home-game-list-container .container-title span:after,
.popular-game-title-container .container-title span:after {
    background-color: #2d7a4f !important;
}

.home-game-list-container .container-content,
.popular-game-title-container .container-content {
    border-color: #2d7a4f !important;
}

/* ---- Footer links ---- */
.footer-links>li>a {
    color: #5a8a6c !important;
}

.footer-links>li>a:hover {
    color: #a8e6c3 !important;
}

.footer-section-title {
    color: #5a8a6c !important;
}

.copyright {
    color: #4a7a5c !important;
}

/* ---- Floating action button shadow ---- */
.floating-action-button .floating-action-button-item {
    box-shadow: 0 4px 24px 0 rgba(45, 122, 79, 0.5) !important;
}

/* ---- Claim / bonus items ---- */
.claim-item {
    border-color: #2d7a4f !important;
}

.claim-item .claim-button,
.claim-item .activation-button,
.claim-item .cancellation-button,
.claim-item .expiration-button {
    background: #2d7a4f !important;
    color: #fff !important;
}

.claim-item .claim-button:hover,
.claim-item .activation-button:hover {
    background: #4caf7d !important;
}

/* ---- Unread popup border ---- */
.unread-announcements-popup {
    border-color: #2d7a4f !important;
}

.unread-announcements-popup:before {
    border-bottom-color: #2d7a4f !important;
}

/* ---- Popover ---- */
.popover {
    border-color: #4caf7d !important;
}

.popover.top .arrow {
    border-top-color: #4caf7d !important;
}

/* ---- Play now button ---- */
.play-now {
    background: linear-gradient(to bottom, #6fcf97 0%, #2d7a4f 88%) !important;
    color: #fff !important;
    border: 0 !important;
}

.play-now:hover {
    background: linear-gradient(to bottom, #2d7a4f 0%, #6fcf97 88%) !important;
}

/* ---- Modal primary btn ---- */
.modal-footer .btn-primary {
    background: linear-gradient(to bottom, #6fcf97 0%, #2d7a4f 100%) !important;
    border-color: #2d7a4f !important;
    color: #fff !important;
}

.modal-footer .btn-primary:hover {
    background: linear-gradient(to bottom, #2d7a4f 0%, #6fcf97 100%) !important;
}

/* ---- User wallet balance color ---- */
.user-info .wallet-container .balance {
    color: #6fcf97 !important;
}

/* ---- Vendor balances border ---- */
.user-info .vendor-balances-container {
    border-color: #4caf7d !important;
}

.user-info .vendor-balances-container .vendor-balances-header {
    border-bottom-color: #4caf7d !important;
    color: #4caf7d !important;
}

/* ---- Standard form note highlight ---- */
.standard-form-note span,
.standard-form-note strong {
    color: #6fcf97 !important;
}