/* Silver Theme Override - Thay thế tất cả màu cam thành màu silver */

/* Override màu cam (#ffae00) thành màu silver */
[style*="#ffae00"] {
    color: #c0c0c0 !important;
}

/* Background gradients */
[style*="linear-gradient(to right, #703800, #ffae00, #703800)"] {
    background: linear-gradient(to right, #606060, #c0c0c0, #606060) !important;
}

[style*="linear-gradient(to bottom, #ffae00, #ff9500)"] {
    background: linear-gradient(to bottom, #c0c0c0, #a0a0a0) !important;
}

[style*="linear-gradient(to bottom, #ffae00, #aa7200)"] {
    background: linear-gradient(to bottom, #c0c0c0, #808080) !important;
}

[style*="linear-gradient(to right, #ff6b00, #ffae00)"] {
    background: linear-gradient(to right, #808080, #c0c0c0) !important;
}

/* Borders */
[style*="border: 1px solid #ffae00"] {
    border: 1px solid #a0a0a0 !important;
}

[style*="border: 2px solid #ffae00"] {
    border: 2px solid #a0a0a0 !important;
}

[style*="border: 3px solid #ffae00"] {
    border: 3px solid #a0a0a0 !important;
}

[style*="border: 1px dashed #ffae00"] {
    border: 1px dashed #a0c0c0 !important;
}

[style*="border-left: 4px solid #ffae00"] {
    border-left: 4px solid #a0a0a0 !important;
}

[style*="border-left: 3px solid #ffae00"] {
    border-left: 3px solid #a0a0a0 !important;
}

[style*="border-bottom: 2px solid #ffae00"] {
    border-bottom: 2px solid #a0a0a0 !important;
}

[style*="border-top: 1px solid #ffae00"] {
    border-top: 1px solid #a0a0a0 !important;
}

[style*="border-color: #ffae00"] {
    border-color: #a0a0a0 !important;
}

/* Text colors */
[style*="color: #ffae00"] {
    color: #606060 !important;
}

/* Accent colors */
[style*="accent-color: #ffae00"] {
    accent-color: #a0a0a0 !important;
}

/* Background colors */
[style*="background: #ffae00"] {
    background: #c0c0c0 !important;
}

/* Specific overrides for common patterns */
.game-panel-header,
.game-exchange-panel,
.game-stats-panel,
.game-profile-panel {
    border: 1px solid #a0a0a0 !important;
}

.game-panel-header {
    background: rgb(245,138,26);
    background: -moz-linear-gradient(to right, rgba(245,138,26,0.8) 0%, rgba(250,83,0,0.9) 50%, rgba(245,138,26,0.8) 100%);
    background: -webkit-linear-gradient(to right, rgba(245,138,26,0.8) 0%,rgba(250,83,0,0.9) 50%,rgba(245,138,26,0.8) 100%);
    background: linear-gradient(to right, rgba(245,138,26,0.8) 0%, rgba(250,83,0,0.9) 50%, rgba(245,138,26,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58a1a', endColorstr='#fa5300',GradientType=1 );
    color: #fff !important;
}

.game-btn-primary,
.game-btn {
    background: linear-gradient(to bottom, #c0c0c0, #a0a0a0) !important;
    border: 2px solid #808080 !important;
    color: #333 !important;
}

.game-btn-primary:hover,
.game-btn:hover {
    background: linear-gradient(to bottom, #a0a0a0, #808080) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Form elements */
.game-input:focus,
.game-select:focus {
    border-color: #a0a0a0 !important;
    box-shadow: 0 0 0 2px rgba(160, 160, 160, 0.2) !important;
}

/* Status indicators */
.status-active,
.status-success {
    color: #606060 !important;
    border-color: #a0a0a0 !important;
}

/* VIP elements */
.vip-value,
.vip-stars {
    color: #606060 !important;
}

/* Navigation elements */
.nav-link.active,
.nav-link:hover {
    color: #606060 !important;
    background: linear-gradient(135deg, #c0c0c0, #e0e0e0) !important;
}

/* Sidebar elements */
.main-sidebar {
    background: linear-gradient(to bottom, #a0a0a0, #c0c0c0) !important;
    border-right: 1px solid #808080 !important;
}

.sidebar-toggle {
    background: linear-gradient(45deg, #808080, #a0a0a0) !important;
    border: 2px solid #c0c0c0 !important;
}

/* Dashboard panels */
.game-dashboard-container {
    background: linear-gradient(135deg, #f0f0f0, #e0e0e0) !important;
}

.game-profile-panel,
.game-stats-panel {
    background: linear-gradient(135deg, #c0c0c0, #e0e0e0) !important;
    border: 2px solid #a0a0a0 !important;
}

/* Exchange form elements */
.exchange-title {
    color: #333 !important;
}

.character-glow {
    background: radial-gradient(circle, rgba(192, 192, 192, 0.3), transparent) !important;
}

.coin-icon {
    color: #606060 !important;
}

.exchange-rate {
    color: #606060 !important;
}

.result-amount {
    color: #333 !important;
}

/* History table */
.history-table th {
    background: linear-gradient(135deg, #a0a0a0, #b0b0b0) !important;
    color: #333 !important;
}

.history-table td {
    background: #f0f0f0 !important;
    color: #333 !important;
}

.history-table tr:nth-child(even) {
    background: linear-gradient(135deg, #e0e0e0, #f0f0f0) !important;
}

/* Alert messages */
.alert-success {
    background: linear-gradient(135deg, #c0c0c0, #d0d0d0) !important;
    border: 1px solid #a0a0a0 !important;
    color: #333 !important;
}

.alert-danger {
    background: linear-gradient(135deg, #f0c0c0, #e0a0a0) !important;
    border: 1px solid #c08080 !important;
    color: #d32f2f !important;
}

/* Modal elements */
.modal-header {
    background: linear-gradient(135deg, #c0c0c0, #e0e0e0) !important;
    border-bottom: 1px solid #a0a0a0 !important;
}

.modal-footer {
    background: linear-gradient(135deg, #e0e0e0, #f0f0f0) !important;
    border-top: 1px solid #a0a0a0 !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #a0a0a0, #c0c0c0) !important;
    border-color: #808080 !important;
    color: #333 !important;
}

.pagination .page-link {
    color: #606060 !important;
}

.pagination .page-link:hover {
    background: linear-gradient(135deg, #c0c0c0, #e0e0e0) !important;
    color: #333 !important;
}

/* Form validation */
.is-valid {
    border-color: #a0a0a0 !important;
}

.is-invalid {
    border-color: #c08080 !important;
}

/* Loading spinners */
.spinner-border {
    border-color: #a0a0a0 !important;
    border-top-color: #c0c0c0 !important;
}

/* Progress bars */
.progress-bar {
    background: linear-gradient(135deg, #a0a0a0, #c0c0c0) !important;
}

/* Tooltips */
.tooltip-inner {
    background: linear-gradient(135deg, #606060, #808080) !important;
    color: #fff !important;
}

/* Dropdown menus */
.dropdown-menu {
    background: linear-gradient(135deg, #f0f0f0, #e0e0e0) !important;
    border: 1px solid #a0a0a0 !important;
}

.dropdown-item:hover {
    background: linear-gradient(135deg, #c0c0c0, #d0d0d0) !important;
    color: #333 !important;
}

/* Card elements */
.card {
    background: linear-gradient(135deg, #f0f0f0, #e0e0e0) !important;
    border: 1px solid #a0a0a0 !important;
}

.card-header {
    background: linear-gradient(135deg, #c0c0c0, #d0d0d0) !important;
    border-bottom: 1px solid #a0a0a0 !important;
}

/* Table elements */
.table {
    background: #fff !important;
}

.table th {
    background: linear-gradient(135deg, #a0a0a0, #b0b0b0) !important;
    color: #333 !important;
}

.table td {
    background: #f0f0f0 !important;
    color: #333 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: linear-gradient(135deg, #e0e0e0, #f0f0f0) !important;
}

/* Button groups */
.btn-group .btn {
    border-color: #a0a0a0 !important;
}

.btn-group .btn:first-child {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.btn-group .btn:last-child {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

/* Input groups */
.input-group-text {
    background: linear-gradient(135deg, #c0c0c0, #d0d0d0) !important;
    border-color: #a0a0a0 !important;
    color: #333 !important;
}

/* Badges */
.badge-primary {
    background: linear-gradient(135deg, #a0a0a0, #c0c0c0) !important;
    color: #333 !important;
}

.badge-secondary {
    background: linear-gradient(135deg, #808080, #a0a0a0) !important;
    color: #fff !important;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f0f0f0;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #a0a0a0, #c0c0c0);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #808080, #a0a0a0);
}

/* Focus states */
*:focus {
    outline: 2px solid #a0a0a0 !important;
    outline-offset: 2px !important;
}

/* Selection */
::selection {
    background: rgba(160, 160, 160, 0.3) !important;
    color: #333 !important;
}

/* Placeholder text */
::placeholder {
    color: #808080 !important;
}

/* Disabled states */
.btn:disabled,
.form-control:disabled {
    background: #e0e0e0 !important;
    color: #808080 !important;
    cursor: not-allowed !important;
}

/* Success states */
.text-success {
    color: #606060 !important;
}

.border-success {
    border-color: #a0a0a0 !important;
}

/* Warning states */
.text-warning {
    color: #808080 !important;
}

.border-warning {
    border-color: #c0c0c0 !important;
}

/* Info states */
.text-info {
    color: #606060 !important;
}

.border-info {
    border-color: #a0a0a0 !important;
}

/* Light theme adjustments */
.bg-light {
    background: linear-gradient(135deg, #f0f0f0, #e0e0e0) !important;
}

.text-light {
    color: #333 !important;
}

/* Dark theme adjustments */
.bg-dark {
    background: linear-gradient(135deg, #606060, #808080) !important;
}

.text-dark {
    color: #333 !important;
} 