/* Planet 88 — Cosmic Purple Theme (mobile) */

body {
    background-color: #0a0618;
}

.middlebackground {
    background: radial-gradient(ellipse at 50% 0%, #3b1d82 0%, #1a0a2e 45%, #0a0618 100%);
}

.mainheader,
.mainheader1-design1 {
    background: linear-gradient(to bottom, #0a0618 0%, #1a0a2e 55%, #2d1b69 100%);
}

a, a:focus {
    color: #c084fc;
}

a:hover {
    color: #e879f9;
}

.login-button,
.login-button a:hover,
.login-button:hover,
.login-button.active a,
.login-button.active,
.login-button:active a,
.login-button:active,
.login-button.focus a,
.login-button.focus,
.login-button:focus a,
.login-button:focus {
    background: linear-gradient(to bottom, #818cf8 0%, #4f46e5 100%);
    color: #ffffff;
}

.register-button,
.register-button a:hover,
.register-button:hover,
.register-button.active a,
.register-button.active,
.register-button:active a,
.register-button:active,
.register-button.focus a,
.register-button.focus,
.register-button:focus a,
.register-button:focus {
    background: linear-gradient(to bottom, #ff8c00 0%, #c2410c 100%);
    border: none;
    color: #ffffff;
}

.actionbutton1-design1 a {
    text-shadow: 0 0 6px rgba(168, 85, 247, 0.5);
    color: #ffffff;
}

.gamemenu2-design1 .game-navbar li {
    border-color: #3d2a6e;
}

.gamemenu2-design1 .game-navbar li a {
    background: linear-gradient(to bottom, #3d2a6e 0%, #1a0a2e 100%);
    color: #e9d5ff;
}

.gamemenu-container .game-group-title {
    color: #c084fc;
}

.gamemenu-container .custom-productbg {
    border-color: #a855f7;
    box-shadow: 0 3px 12px 0 rgba(168, 85, 247, 0.45);
}

.mobiletogeldingdong1-design1 .game-content {
    border-color: #7c3aed;
    background: #1a0a2e;
    color: #e9d5ff;
}

.mobiletogeldingdong1-design1 .game-content .game-result {
    color: #ff8c00;
}

.announcement1-design1 {
    background: #1a0a2e;
}

.announcement1-design1 .announcement-title {
    color: #ffffff;
    background: linear-gradient(to bottom, #d946ef 0%, #7c3aed 100%);
}

.jackpot1-design1 .jackpot-provider {
    color: #c084fc;
}

.jackpot1-design1 .jackpot-currency,
.jackpot1-design1 .jackpot-amount {
    text-shadow: 0 0 12px rgba(168, 85, 247, 0.6);
}

.bank1-design7 {
    background: #1a0a2e;
}

.bank1-design7 .bank-header {
    color: #e9d5ff;
}

.footer1 > .container {
    background: linear-gradient(180deg, #1a0a2e 0%, #0a0618 100%);
    border-color: #7c3aed;
}

.footer-container .footer-content {
    color: #a78bfa;
}

.footer-container h1,
.footer-container h2,
.footer-container h3,
.footer-container h4,
.footer-container h5,
.footer-container h6 {
    color: #ffffff;
}

.footer-container a,
.footer-container .collapse-button {
    color: #ff8c00;
}

.mobilefootermenu1-design1 {
    background: linear-gradient(to bottom, #2d1b69 0%, #1a0a2e 100%);
    border-top: 1px solid #4a2080;
}

.mobile-footermenu-container .menu-game .game-circle {
    background: linear-gradient(0deg, #7c3aed, hsla(0, 0%, 100%, 0) 68%);
}

.mobile-footermenu-container .menu-game .game-icon {
    background: linear-gradient(35deg, #4c1d95 0%, #c084fc 100%);
}

.mobile-footermenu-container .menu-button a:hover {
    background: #251545;
}

#side-bar .nav > li.open > a,
#side-bar .nav > li.open > a:hover,
#side-bar .nav > li.open > a:focus,
#side-bar .nav > li.open > a svg,
#side-bar .nav > li.open > a:hover svg,
#side-bar .nav > li.open > a:focus svg,
#side-bar li a:hover,
#side-bar li a:hover svg {
    border-top: 3px solid #a855f7;
    color: #e879f9;
    background: #1a0a2e;
}

#side-bar li a.mobile-button {
    color: #ff8c00;
}

#side-bar li a {
    color: #e9d5ff;
}

#apkBanner {
    border-left-color: #a855f7;
    background: linear-gradient(135deg, #0a0618 0%, #1a0a2e 50%, #0a0618 100%);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(168, 85, 247, 0.12), inset 0 1px 0 rgba(168, 85, 247, 0.08);
}

#apkBanner .btnDownload {
    border-color: #a855f7;
    background: linear-gradient(180deg, #c084fc 0%, #7c3aed 100%);
    box-shadow: 0 0 12px rgba(168, 85, 247, 0.35);
}

.appTitle {
    background: linear-gradient(90deg, #c084fc 0%, #ff8c00 55%, #e879f9 100%) text;
}

.masterpage .gamenavbar1-design1 .tab-arrow {
    color: #c084fc;
}

.masterpage .gamenavbar1-design1 .game-navbar ul > li > a,
.masterpage .gamenavbar1-design1 .game-navbar ul > li > a:hover {
    color: #a78bfa;
}

.masterpage .gamenavbar1-design1 .game-navbar ul > li.selected > a {
    color: #e879f9;
}

.masterpage .mainheader1 .sidebar-menu-nav .navbar-nav > li > a:hover {
    color: #e879f9;
}