/*
    Theme: Synthwave / Sci-Fi
    Prometheus Version: 1.6
*/

body, .wrap {
    background-color: #0a0f1e !important;
    color: #ffffff !important;
}

/* Navbar background */
.navbar-inverse {
    background-color: #120c2b !important;
}

/* Navbar links (normal state) */
.navbar .nav-link {
    color: #ff3cac !important;
    transition: background-color 0.3s ease;
}

/* Hover and focus state */
.navbar .nav-item .nav-link:hover,
.navbar .nav-item .nav-link:focus {
    background-color: #8a2be2 !important;
    color: #ffffff !important;
    border-radius: 4px;
    box-shadow: 0 0 5px #8a2be299;
}

/* Active tab styling */
.navbar .nav-link.active,
.navbar .nav-item.active .nav-link {
    background: linear-gradient(135deg, #8a2be2, #ff3cac);
    color: #ffffff !important;
    border-radius: 4px;
    box-shadow: 0 0 6px #ff3cac66;
    transition: all 0.3s ease-in-out;
}

hr {
    border-color: #ff3cac !important;
}

a {
    color: #00f0ff !important;
}

a:hover, a:focus {
    color: #ff6ec7 !important;
}

h1, .header, h2, h3, h6 {
    color: #ffffff !important;
}

.bs-callout {
    background-color: #151528 !important;
    color: #ffffff !important;
}

.bs-callout-success {
    border-left-color: #28ff7b !important;
}

.bs-callout-danger {
    border-left-color: #ff4c69 !important;
}

.bs-callout-info {
    border-left-color: #00f0ff !important;
}

.pagination li a {
    background-color: #1e1a3f !important;
    color: #ffffff !important;
}

.pagination li a:hover, .pagination li a:focus {
    background-color: #ff3cac !important;
    color: #ffffff !important;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
    background-color: #8a2be2 !important;
    color: #ffffff !important;
}

.srv-label {
    background-color: #00f0ff !important;
}

a .srv-label {
    color: #0a0f1e !important;
}

.srv-box:hover {
    background-color: #1e1a3f !important;
}

.srv-box:hover .fa {
    color: #ff3cac !important;
}

.options,
.dashboard-widget-small-box,
.panel-body,
.stat-box,
#sortable li {
    background-color: #151528 !important;
    color: #bbbbbb !important;
}

.panel-body > .panel-header,
.stat-box-header {
    background-color: #1e1a3f !important;
    color: #ffffff !important;
}

.dashboard-widget-small-box {
    border-color: #292449 !important;
}

.dashboard-widget-small-box .element,
.dashboard-widget-small-box i,
#sortable li i {
    color: #292449 !important;
}

.dashboard-widget-small-box .caption {
    color: #ffffff !important;
}

.form-control {
    background-color: #1a1834 !important;
    color: #cccccc !important;
}

.form-control:focus {
    border-color: #ff3cac !important;
}

.icheckbox_line-red,
.iradio_line-red {
    background: #2a1a44 !important;
    color: #ffffff !important;
    border-color: #ff3cac !important;
}

.icheckbox_line-red.checked,
.iradio_line-red.checked {
    border-color: #00f0ff !important;
}

.btn-prom {
    background-color: #8a2be2 !important;
    color: #ffffff !important;
    border: none;
    transition: all 0.3s ease-in-out;
}

.btn-prom:hover, .btn-prom:focus {
    background-color: #ff3cac !important;
    color: #ffffff !important;
}

.dropdown-menu {
    background-color: #1e1a3f !important;
    color: #ffffff !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #8a2be2 !important;
    color: #ffffff !important;
}

.table-striped thead {
    background-color: #120c2b !important;
    color: #00f0ff !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #1f1f3f !important;
    color: #ffffff !important;
}

.table {
    color: #8aefff !important;
}

.main-menu-box,
.version-marker {
    background-color: #120c2b !important;
}

.main-menu-box ul li {
    color: #ffffff !important;
}

.main-menu-box ul li:hover,
.main-menu-box ul li.active {
    background-color: #1e1a3f !important;
    color: #ffffff !important;
}

.main-menu-box .sub-menu {
    background-color: #0a0f1e !important;
}

.main-menu-box ul.sub-menu .submenu-header {
    color: #ff3cac !important;
}

.content-page-top {
    background-color: #0a0f1e !important;
}

.content-page-top > span,
.content-page-top > span > i {
    color: #ffffff !important;
}

.content-page-top:after {
    border-color: #0a0f1e transparent transparent !important;
}

.dashboard-nav,
.dashboard-nav a {
    background-color: #292449 !important;
    color: #ffffff !important;
}

.dashboard-nav a:hover,
.dashboard-nav a:focus {
    background-color: #ff3cac !important;
    color: #ffffff !important;
}

.dashboard-nav a.active {
    background-color: #8a2be2 !important;
    color: #ffffff !important;
}

.pkg-step {
    background-color: #1e1a3f !important;
    color: #cccccc !important;
}

.modal-content {
    background-color: #151528 !important;
    color: #ffffff !important;
}

.modal-header,
.modal-footer {
    background-color: #0a0f1e !important;
    color: #ffdd57 !important;
}

.credits {
    background-color: #0a0f1e !important;
    color: #ffffff !important;
}

.banner {
    background-color: #151528 !important;
}

.footer {
    background-color: #120c2b !important;
    color: #ffffff !important;
}

.version {
    color: #00f0ff !important;
}

.darker-box,
.info-box {
    background-color: #1f1f3f !important;
}

.categoryLink {
    background-color: #8a2be2 !important;
    color: #ffffff !important;
}

.categoryLink:hover {
    background-color: #ff3cac !important;
    color: #ffffff !important;
}

.buy-btn {
    background-color: #00f0ff !important;
    color: #0a0f1e !important;
    border-color: #00f0ff !important;
}

.buy-btn:hover, .buy-btn:focus {
    background-color: #ff3cac !important;
    color: #ffffff !important;
    border-color: #ff3cac !important;
}

.store-box,
.store-box-upper span,
.store-box-upper li {
    border-color: #292449 !important;
}

.store-box-upper span {
    color: #ffdd57 !important;
}

.store-box-header {
    background-color: #120c2b !important;
    color: #ff3cac !important;
}

.credit-content {
    border-color: #292449 !important;
    color: #ffdd57 !important;
}

.credit-content span {
    color: #bbbbbb !important;
}

.ticket-header {
    background-color: #1e1a3f !important;
    color: #ffffff !important;
}

/* === Softer Neon Glow Animation === */

@keyframes neon-glow {
    0%, 100% {
        box-shadow: 0 0 4px #ff3cac, 0 0 8px #8a2be2, 0 0 12px #00f0ff;
    }
    50% {
        box-shadow: 0 0 6px #8a2be2, 0 0 10px #00f0ff, 0 0 14px #ff3cac;
    }
}

.store-box {
    animation: neon-glow 3.5s ease-in-out infinite;
    border-radius: 6px;
}