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

body {
    background-color: #0a0618;
}

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

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

a:hover {
    color: #e879f9;
}

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

.mainheader1-design1 .header-content .form-control[disabled],
.mainheader1-design1 .header-content .form-control[readonly],
.mainheader1-design1 .header-content .form-control,
.mainheader1-design1 .header-content .show-password-btn {
    background: #1a0a2e;
    color: #e9d5ff;
    border-color: #4a2080;
}

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

.mainnavbar-container .navbar-nav > li > a {
    color: #ffffff;
}

.mainnavbar-container .navbar-nav > li > a:hover,
.mainnavbar-container .navbar-nav > li > a.mobile-button:hover,
.mainnavbar-container .navbar-nav .open > a,
.mainnavbar-container .navbar-nav .open > a:hover {
    border-top-color: #a855f7;
    color: #e879f9;
}

.mainnavbar-container .navbar-nav > li > a.mobile-button {
    color: #ff8c00;
}

.mainnavbar-container .navbar-nav > li.gamemenu > ul.full-width-dropdown {
    border-bottom-color: #a855f7;
}

.btn-theme,
.register-button,
.register-button:hover,
.register-button.active,
.register-button:active,
.register-button.focus,
.register-button:focus {
    background: linear-gradient(to bottom, #e879f9 0%, #7c3aed 100%);
    border-color: #a855f7;
    color: #ffffff;
}

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

.alternativelink1-design1 .alternativelink-header {
    border-color: #7c3aed;
    color: #ffffff;
    background: linear-gradient(to bottom, #9333ea 0%, #4c1d95 100%);
}

.alternativelink1-design1 .alternativelink-body {
    background-color: #1a0a2e;
}

.alternativelink1-design1 a {
    color: #e9d5ff;
}

.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 {
    color: #ffffff;
    text-shadow: 0 0 12px rgba(168, 85, 247, 0.6);
}

.contact1-design1.contact-container {
    background: radial-gradient(circle at 50% 30%, #5b21b6, #1a0a2e);
}

.contact1-design1 .contact-icon .svg-icon,
.contact1-design1 .contact-box {
    color: #c084fc;
}

.contact1-design1 .contact-header {
    color: #ffffff;
}

#footer {
    background: #0a0618;
}

.footer-border-top-1.footer-container > .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;
}

.provider-border-top-dot-1.gameprovider-container > .container {
    border-color: #4a2080;
}

.gameprovider2-design1 .gameprovider-header {
    color: #e9d5ff;
}

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

.gameprovider-menu .gameprovider-item .gameprovider-content .ply-btn {
    background: linear-gradient(to bottom, #c084fc 0%, #7c3aed 100%);
}

.provider-description {
    background: #ff8c00;
}

.popup-modal .modal-header {
    background: linear-gradient(to bottom, #9333ea 0%, #4c1d95 100%);
}

.form-control[disabled],
.form-control[readonly],
.form-control {
    background: #1a0a2e;
    border-color: #3d2a6e;
    color: #e9d5ff;
}

.btn-default {
    background: #1a0a2e;
    border-color: #3d2a6e;
    color: #e9d5ff;
}

.btn-default:hover,
.btn-default:focus {
    color: #e879f9;
    border-color: #a855f7;
}

.well {
    background: #1a0a2e;
    border-color: #3d2a6e;
}