/* =========================================
   ELEGANT BLUE THEME
   Navy • Royal Blue • Electric Blue
   ========================================= */

a {
    color: #0b57d0;
}

a:hover {
    color: #168cff;
}

.forgot-password-warning {
    background-color: #e8f2ff;
    color: #168cff;
}

.bonus-slider-modal .close {
    background-color: #ffffff;
}

.bonus-slider-modal .modal-dialog .modal-header .close {
    color: #071b4d;
}

.bonus-slider-modal .modal-title {
    color: #ffffff;
}

.bonus-slider-modal .activation-button {
    background: linear-gradient(
        135deg,
        #071b4d 0%,
        #0b57d0 55%,
        #168cff 100%
    );
    color: #ffffff;
}

.bonus-slider-modal .activation-button:hover {
    background: linear-gradient(
        135deg,
        #0b57d0 0%,
        #168cff 60%,
        #63c7ff 100%
    );
    color: #ffffff;
}

.claim-item-type > div {
    background: linear-gradient(
        135deg,
        #06183b 0%,
        #071b4d 50%,
        #0b57d0 100%
    );
}

.claim-item-type .expiration-countdown [data-section] {
    background-color: #071b4d;
}

.claim-item-type .expiration-countdown [data-section]::before {
    background-color: #06183b;
}

.claim-item-container .claim-item {
    background: #f5f9ff;
    border-color: #0b57d0;
}

.claim-item .claim-button,
.claim-item .cancellation-button,
.claim-item .expiration-button {
    background: linear-gradient(
        135deg,
        #071b4d,
        #0b57d0
    );
    color: #ffffff;
}

.claim-item .claim-button:hover,
.claim-item .cancellation-button:hover,
.claim-item .expiration-button:hover {
    background: linear-gradient(
        135deg,
        #0b57d0,
        #168cff
    );
}

.info-center-title {
    background: linear-gradient(
        90deg,
        #06183b,
        #0b57d0
    );
    color: #ffffff;
}

.site-header {
    background: linear-gradient(
        135deg,
        #04112e 0%,
        #071b4d 40%,
        #0b57d0 100%
    );
    border-bottom-color: #168cff;
}

.top-menu .game-list {
    border-top-color: #168cff;
    background-color: rgba(3, 14, 40, 0.95);
    border-bottom-color: #168cff;
}

.site-header .top-menu > li[data-active="true"],
.site-header .top-menu > li:hover {
    color: #168cff;
    background-color: #ffffff;
}

.standard-form-title,
.standard-form-title.message-detail-title {
    background: linear-gradient(
        90deg,
        #06183b,
        #071b4d,
        #0b57d0
    );
    color: #ffffff;
}

.play-now {
    background: linear-gradient(
        to bottom,
        #168cff 0%,
        #0b57d0 50%,
        #063a96 100%
    );
    color: #ffffff;
    border-color: transparent;
}

.play-now:hover {
    background: linear-gradient(
        to bottom,
        #63c7ff,
        #168cff,
        #0b57d0
    );
    color: #ffffff;
}

.login-panel .login-button {
    background: linear-gradient(
        135deg,
        #071b4d 0%,
        #0b57d0 55%,
        #168cff 100%
    );
    color: #ffffff;
    border: 1px solid rgba(99, 199, 255, 0.55);
    box-shadow:
        0 5px 15px rgba(11, 87, 208, 0.25),
        inset 0 1px rgba(255,255,255,.2);
}

.login-panel .login-button:hover {
    color: #ffffff;
    text-decoration: none;
    background: linear-gradient(
        135deg,
        #0b57d0,
        #168cff
    );
    box-shadow:
        0 8px 25px rgba(22, 140, 255, 0.4),
        inset 0 1px rgba(255,255,255,.25);
}

.login-panel .register-button {
    background: linear-gradient(
        135deg,
        #063a96,
        #0b57d0,
        #168cff
    );
    color: #ffffff;
}

.login-panel .register-button:hover {
    background: linear-gradient(
        135deg,
        #168cff,
        #0b57d0,
        #071b4d
    );
    color: #ffffff;
}

.slots-games-container,
.casino-games-container,
.race-games-container {
    background: linear-gradient(
        180deg,
        #04112e 0%,
        #071b4d 50%,
        #0c245c 100%
    );
}

.slots-games-container .vendor-name {
    background: linear-gradient(
        90deg,
        #071b4d,
        #0b57d0
    );
}

.slots-games-container .category-filter-link.active,
.casino-games-container .category-filter-link.active,
.race-games-container .category-filter-link.active {
    background: linear-gradient(
        135deg,
        #0b57d0,
        #168cff
    );
    color: #ffffff;
}

.game-list .game-name {
    background: linear-gradient(
        90deg,
        rgba(7, 27, 77, 0.96),
        rgba(11, 87, 208, 0.96)
    );
    color: #ffffff;
}

.home-progressive-jackpot {
    background-image: linear-gradient(
        #04112e,
        #0b57d0,
        #04112e
    );
}

.home-progressive-jackpot .inner-container {
    background-image: linear-gradient(
        #0b57d0,
        #06183b
    );
}

.home-progressive-jackpot .border-container {
    border-color: #168cff;
}

.home-progressive-jackpot .jackpot-container {
    background-image: linear-gradient(
        #168cff,
        #06183b
    );
}

.home-progressive-jackpot .jackpot-border-container {
    border-color: #0b57d0;
}

.home-progressive-jackpot .jackpot-currency {
    color: #63c7ff;
}

.standard-button-group .btn-primary,
.deposit-container .reveal-bank-account-button,
.standard-form-content .btn-primary {
    background: linear-gradient(
        135deg,
        #071b4d,
        #0b57d0
    );
    color: #ffffff;
    border-color: #168cff;
}

.standard-button-group .btn-primary:hover,
.deposit-container .reveal-bank-account-button:hover,
.standard-form-content .btn-primary:hover {
    background: linear-gradient(
        135deg,
        #0b57d0,
        #168cff
    );
}

.modal-footer .btn-primary {
    color: #ffffff;
    background: linear-gradient(
        135deg,
        #071b4d,
        #0b57d0
    );
}

.modal-footer .btn-primary:hover {
    background: linear-gradient(
        135deg,
        #0b57d0,
        #168cff
    );
}

.referral-container .standard-form-title {
    background: linear-gradient(
        90deg,
        #071b4d,
        #0b57d0
    );
    color: #ffffff;
}

.referral-section .referral-code-copy-btn {
    background: linear-gradient(
        135deg,
        #071b4d,
        #168cff
    );
}

.banner {
    background: #030b1d;
}

.banner .carousel-indicators .active,
.banner .carousel-indicators .slick-active {
    background-color: #168cff;
    border-color: #63c7ff;
}

.home-info-container,
.telegram-banner-container {
    background: #ffffff;
    border-bottom: 2px solid #168cff;
}
.home-info-container {
    background: linear-gradient(
        135deg,
        #020b1f 0%,
        #062a68 45%,
        #0759c7 100%
    ) !important;

    border-top: 1px solid rgba(64, 169, 255, 0.55) !important;
    border-bottom: 1px solid rgba(64, 169, 255, 0.35) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 8px 24px rgba(0,72,180,0.18) !important;

    color: #ffffff !important;
}

/* Bagian announcement di dalamnya */
.home-info-container .announcement-container {
    background: rgba(2,19,51,0.72) !important;
    border: 1px solid rgba(66,165,255,0.35) !important;
    box-shadow: inset 0 0 18px rgba(0,102,255,0.08) !important;
}

/* Warna tulisan */
.home-info-container,
.home-info-container p,
.home-info-container span,
.home-info-container div {
    color: #ffffff;
}

/* Warna link */
.home-info-container a {
    color: #69c8ff !important;
}

.home-info-container a:hover {
    color: #ffffff !important;
}
.popular-games {
    background: #ffffff;
    border-bottom-color: #168cff;
}

.popular-games .tab-pane {
    background: linear-gradient(
        180deg,
        #04112e,
        #071b4d
    );
}

/* =========================================
   SITE FOOTER - GOLD ELEGANT
========================================= */

.site-footer {
    background: linear-gradient(
        135deg,
        #120d00 0%,
        #3b2900 35%,
        #8a6200 70%,
        #d4a017 100%
    ) !important;

    border-top: 2px solid #ffd700 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 235, 150, 0.35),
        0 -5px 25px rgba(212, 160, 23, 0.20) !important;

    color: #ffffff !important;
}

/* Tulisan footer */
.site-footer p,
.site-footer span,
.site-footer div,
.site-footer li {
    color: #f8f8f8;
}

/* Judul di footer */
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
    color: #ffd700 !important;
    text-shadow: 0 1px 8px rgba(255, 215, 0, 0.25);
}

/* Link footer */
.site-footer a {
    color: #ffe58a !important;
    transition: color 0.25s ease, text-shadow 0.25s ease;
}

/* Hover link */
.site-footer a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.75);
}

/* Garis / separator */
.site-footer hr {
    border-color: rgba(255, 215, 0, 0.35) !important;
}

/* Icon jika ada */
.site-footer i {
    color: #ffd700 !important;
}

[data-container-background="sports"] {
    background: linear-gradient(
        180deg,
        #020817,
        #071b4d
    );
}