/* STAKE THEME CUSTOM CSS */
:root {
    --stake-bg: #1a2c38;
    --stake-surface: #0f212e;
    --stake-elevated: #213743;
    --stake-brand: #14ea00;
    --stake-brand-hover: #1fff20;
    --stake-border: #2f4553;
    --stake-text: #b1bad3;
    --stake-text-light: #ffffff;
}

body, .dark-bg-main, .main-container, .collection-page {
    background-color: var(--stake-bg) !important;
    background: var(--stake-bg) !important;
    color: var(--stake-text) !important;
}

.card, .modal-content, .offcanvas, .deposite-container, .profile-container, .game-card {
    background-color: var(--stake-surface) !important;
    background: var(--stake-surface) !important;
    border-color: var(--stake-border) !important;
    color: var(--stake-text-light) !important;
}

h1, h2, h3, h4, h5, h6, .text-dark, .text-white, .game-name, .section-title {
    color: var(--stake-text-light) !important;
}

.btn-primary, .bg-primary, .button-primary, .deposit-btn, .withdraw-btn, .login-btn, .deposite-btn, .withdrawl-btn, .green-btn, .orange-btn, .btn-success, .btn-warning {
    background-color: var(--stake-brand) !important;
    border-color: var(--stake-brand) !important;
    background-image: none !important;
    background: var(--stake-brand) !important;
    color: #000000 !important;
    font-weight: 600 !important;
}

.btn-primary:hover, .deposit-btn:hover, .deposite-btn:hover, .withdrawl-btn:hover, .green-btn:hover, .orange-btn:hover {
    background-color: var(--stake-brand-hover) !important;
    border-color: var(--stake-brand-hover) !important;
    background: var(--stake-brand-hover) !important;
}

input, select, textarea, .form-control {
    background-color: var(--stake-elevated) !important;
    background: var(--stake-elevated) !important;
    border: 1px solid var(--stake-border) !important;
    color: var(--stake-text-light) !important;
}

input:focus, .form-control:focus {
    background-color: var(--stake-elevated) !important;
    border-color: var(--stake-brand) !important;
    color: var(--stake-text-light) !important;
    box-shadow: 0 0 0 0.2rem rgba(20, 234, 0, 0.25) !important;
}

.table, .table td, .table th {
    color: var(--stake-text) !important;
    border-color: var(--stake-border) !important;
}

/* Headers */
header, .navbar, .header, .sub-header, .header-container, .header-top, .header-bottom, .game-header, .custom-header, .header-bottom .container-fluid {
    background-color: var(--stake-surface) !important;
    background: var(--stake-surface) !important;
    border-bottom: 1px solid var(--stake-border) !important;
}

/* Footers */
.footer, .bottom-nav, .mobile-bottom-nav {
    background-color: var(--stake-surface) !important;
    background: var(--stake-surface) !important;
    border-top: 1px solid var(--stake-border) !important;
}

/* Specific overrides for existing classes */
.title-bg1 { background: none !important; }
.online-counter { background-color: var(--stake-surface) !important; border: 1px solid var(--stake-border) !important; }
.counter-value .counter-number { color: var(--stake-text-light) !important; }
.counter-value .counter-badge { background-color: var(--stake-brand) !important; color: #000; }
.game-stats .stat { color: var(--stake-text) !important; }
.text-muted { color: var(--stake-text) !important; }
.shadow, .shadow-sm { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.5) !important; }
.logo, .logo1 { filter: none !important; } /* remove invert filter on logo if present */

/* Custom Scrollbar for Stake Theme */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: var(--stake-bg);
}
::-webkit-scrollbar-thumb {
    background: var(--stake-elevated);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--stake-border);
}