/* Gold Trading Theme - Black and Gold Color Scheme */

/* Gold Color Palette */
:root {
    --gold-primary: #FFD700;
    --gold-secondary: #FFC107;
    --gold-accent: #F39C12;
    --gold-dark: #B8860B;
    --gold-light: #FFECB3;
    --black-primary: #000000;
    --black-secondary: #1a1a1a;
    --black-tertiary: #2d2d2d;
    --black-light: #333333;
    --white: #ffffff;
    --gold-gradient: linear-gradient(135deg, #FFD700 0%, #FFC107 50%, #F39C12 100%);
    --black-gradient: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #2d2d2d 100%);
}

/* Main Header - Black with Gold Accents */
.skin-gold .main-header .logo,
.skin-gold-light .main-header .logo {
    background: var(--black-primary) !important;
    color: var(--gold-primary) !important;
    border-bottom: 2px solid var(--gold-primary) !important;
}

.skin-gold .main-header .logo:hover,
.skin-gold-light .main-header .logo:hover {
    background: var(--black-secondary) !important;
    color: var(--gold-secondary) !important;
}

.skin-gold .main-header .navbar,
.skin-gold-light .main-header .navbar {
    background: var(--black-gradient) !important;
    border-bottom: 1px solid var(--gold-primary) !important;
}

.skin-gold .main-header li.user-header,
.skin-gold-light .main-header li.user-header {
    background: var(--black-gradient) !important;
}

/* Sidebar - Black with Gold Active States */
.skin-gold .main-sidebar,
.skin-gold-light .main-sidebar {
    background: var(--black-primary) !important;
    border-right: 2px solid var(--gold-primary) !important;
}

.skin-gold .main-sidebar .logo,
.skin-gold-light .main-sidebar .logo {
    background: var(--black-primary) !important;
    color: var(--gold-primary) !important;
}

/* Sidebar Menu Items */
.skin-gold .sidebar-menu > li > a,
.skin-gold-light .sidebar-menu > li > a {
    color: var(--white) !important;
    transition: all 0.3s ease !important;
    border-left: 3px solid transparent !important;
}

.skin-gold .sidebar-menu > li:hover > a,
.skin-gold .sidebar-menu > li.active > a,
.skin-gold .sidebar-menu > li.menu-open > a,
.skin-gold-light .sidebar-menu > li:hover > a,
.skin-gold-light .sidebar-menu > li.active > a,
.skin-gold-light .sidebar-menu > li.menu-open > a {
    background: var(--gold-gradient) !important;
    color: var(--black-primary) !important;
    border-left: 3px solid var(--gold-primary) !important;
    font-weight: bold !important;
    box-shadow: inset 0 0 10px rgba(255, 215, 0, 0.3) !important;
}

.skin-gold .sidebar-menu > li > .treeview-menu,
.skin-gold-light .sidebar-menu > li > .treeview-menu {
    background: var(--black-secondary) !important;
}

/* Sidebar Icons */
.skin-gold .sidebar-menu > li > a > .fa,
.skin-gold .sidebar-menu > li > a > .glyphicon,
.skin-gold .sidebar-menu > li > a > .ion,
.skin-gold .sidebar-menu > li > a > svg,
.skin-gold-light .sidebar-menu > li > a > .fa,
.skin-gold-light .sidebar-menu > li > a > .glyphicon,
.skin-gold-light .sidebar-menu > li > a > .ion,
.skin-gold-light .sidebar-menu > li > a > svg {
    color: var(--gold-secondary) !important;
}

.skin-gold .sidebar-menu > li:hover > a > .fa,
.skin-gold .sidebar-menu > li.active > a > .fa,
.skin-gold .sidebar-menu > li:hover > a > svg,
.skin-gold .sidebar-menu > li.active > a > svg,
.skin-gold-light .sidebar-menu > li:hover > a > .fa,
.skin-gold-light .sidebar-menu > li.active > a > .fa,
.skin-gold-light .sidebar-menu > li:hover > a > svg,
.skin-gold-light .sidebar-menu > li.active > a > svg {
    color: var(--black-primary) !important;
}

/* Content Header */
.skin-gold .content-wrapper .content-header-custom,
.skin-gold-light .content-wrapper .content-header-custom {
    background: var(--gold-gradient) !important;
    color: var(--black-primary) !important;
    padding: 15px 15px 200px !important;
    border-bottom: 3px solid var(--black-primary) !important;
}

.skin-gold .content-wrapper .content-header-custom h1,
.skin-gold .content-wrapper .content-header-custom small,
.skin-gold .content-wrapper .content-header-custom a,
.skin-gold-light .content-wrapper .content-header-custom h1,
.skin-gold-light .content-wrapper .content-header-custom small,
.skin-gold-light .content-wrapper .content-header-custom a {
    color: var(--black-primary) !important;
    text-shadow: 1px 1px 2px rgba(255, 215, 0, 0.5) !important;
}

.skin-gold .content-wrapper .content-header-custom .breadcrumb,
.skin-gold-light .content-wrapper .content-header-custom .breadcrumb {
    color: var(--black-primary) !important;
}

.skin-gold .content-wrapper .content-header-custom .breadcrumb > .active,
.skin-gold-light .content-wrapper .content-header-custom .breadcrumb > .active {
    color: var(--black-secondary) !important;
}

/* Main Header Navigation */
.skin-gold .main-header,
.skin-gold-light .main-header {
    color: var(--gold-primary) !important;
}

.skin-gold .main-header .logo,
.skin-gold-light .main-header .logo {
    color: var(--gold-primary) !important;
    border-right: 1px solid var(--gold-primary) !important;
}

.skin-gold .main-header .navbar > .sidebar-toggle,
.skin-gold-light .main-header .navbar > .sidebar-toggle {
    color: var(--gold-primary) !important;
    border-right: 1px solid var(--gold-primary) !important;
}

.skin-gold .main-header .navbar > .sidebar-toggle:hover,
.skin-gold-light .main-header .navbar > .sidebar-toggle:hover {
    background: var(--gold-primary) !important;
    color: var(--black-primary) !important;
}

.skin-gold .main-header .navbar .nav > li > a,
.skin-gold-light .main-header .navbar .nav > li > a {
    color: var(--gold-primary) !important;
}

.skin-gold .main-header .navbar .nav > li > a:hover,
.skin-gold-light .main-header .navbar .nav > li > a:hover {
    background: var(--gold-primary) !important;
    color: var(--black-primary) !important;
    border-radius: 5px !important;
}

/* Buttons - Gold Theme */
.btn-gold {
    background: var(--gold-gradient) !important;
    border-color: var(--gold-dark) !important;
    color: var(--black-primary) !important;
    font-weight: bold !important;
    box-shadow: 0 2px 4px rgba(255, 215, 0, 0.3) !important;
}

.btn-gold:hover {
    background: var(--gold-dark) !important;
    border-color: var(--gold-primary) !important;
    color: var(--white) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(255, 215, 0, 0.4) !important;
}

.btn-black-gold {
    background: var(--black-primary) !important;
    border: 2px solid var(--gold-primary) !important;
    color: var(--gold-primary) !important;
    font-weight: bold !important;
}

.btn-black-gold:hover {
    background: var(--gold-primary) !important;
    border-color: var(--black-primary) !important;
    color: var(--black-primary) !important;
}

/* Info Boxes - Gold Theme */
.info-box-gold {
    background: var(--black-primary) !important;
    color: var(--gold-primary) !important;
    border: 1px solid var(--gold-primary) !important;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.2) !important;
}

.info-box-gold .info-box-icon {
    background: var(--gold-gradient) !important;
    color: var(--black-primary) !important;
}

.info-box-gold .info-box-text {
    color: var(--gold-secondary) !important;
    font-weight: 600 !important;
}

.info-box-gold .info-box-number {
    color: var(--gold-primary) !important;
    font-weight: bold !important;
}

/* Tables - Gold Theme */
.table-gold thead th {
    background: var(--gold-gradient) !important;
    color: var(--black-primary) !important;
    border-color: var(--gold-dark) !important;
    font-weight: bold !important;
}

.table-gold tbody tr:hover {
    background: var(--gold-light) !important;
    color: var(--black-primary) !important;
}

/* Gold Trading Specific Styles */
.gold-card {
    background: var(--black-primary) !important;
    border: 2px solid var(--gold-primary) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3) !important;
}

.gold-card .card-header {
    background: var(--gold-gradient) !important;
    color: var(--black-primary) !important;
    font-weight: bold !important;
    border-bottom: 2px solid var(--gold-dark) !important;
}

.gold-card .card-body {
    background: var(--black-secondary) !important;
    color: var(--gold-primary) !important;
}

/* Form Elements - Gold Theme */
.form-control-gold {
    background: var(--black-secondary) !important;
    border: 1px solid var(--gold-primary) !important;
    color: var(--gold-primary) !important;
}

.form-control-gold:focus {
    background: var(--black-primary) !important;
    border-color: var(--gold-secondary) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.25) !important;
    color: var(--gold-primary) !important;
}

/* Dropdown Menus */
.dropdown-menu-gold {
    background: var(--black-primary) !important;
    border: 1px solid var(--gold-primary) !important;
}

.dropdown-menu-gold .dropdown-item {
    color: var(--gold-primary) !important;
}

.dropdown-menu-gold .dropdown-item:hover {
    background: var(--gold-primary) !important;
    color: var(--black-primary) !important;
}

/* Text Colors */
.text-gold {
    color: var(--gold-primary) !important;
}

.text-gold-secondary {
    color: var(--gold-secondary) !important;
}

.text-gold-dark {
    color: var(--gold-dark) !important;
}

/* Background Colors */
.bg-gold {
    background: var(--gold-gradient) !important;
    color: var(--black-primary) !important;
}

.bg-black-gold {
    background: var(--black-primary) !important;
    color: var(--gold-primary) !important;
    border: 1px solid var(--gold-primary) !important;
}

/* Animation Effects */
@keyframes goldShimmer {
    0% { box-shadow: 0 0 5px rgba(255, 215, 0, 0.5); }
    50% { box-shadow: 0 0 20px rgba(255, 215, 0, 0.8); }
    100% { box-shadow: 0 0 5px rgba(255, 215, 0, 0.5); }
}

.gold-shimmer {
    animation: goldShimmer 2s infinite;
}

/* Gold Trading Dashboard Enhancements */
.dashboard-gold .info-box {
    background: var(--black-primary) !important;
    border: 1px solid var(--gold-primary) !important;
    color: var(--gold-primary) !important;
}

.dashboard-gold .info-box .info-box-icon {
    background: var(--gold-gradient) !important;
    color: var(--black-primary) !important;
}

.dashboard-gold .box {
    background: var(--black-primary) !important;
    border: 1px solid var(--gold-primary) !important;
    color: var(--gold-primary) !important;
}

.dashboard-gold .box .box-header {
    background: var(--gold-gradient) !important;
    color: var(--black-primary) !important;
    border-bottom: 1px solid var(--gold-dark) !important;
}

/* Content Wrapper */
.skin-gold .content-wrapper,
.skin-gold-light .content-wrapper {
    background-color: #f8f9fe !important;
}

/* Footer */
.skin-gold .main-footer,
.skin-gold-light .main-footer {
    background: var(--black-primary) !important;
    color: var(--gold-primary) !important;
    border-top: 2px solid var(--gold-primary) !important;
}

/* Mobile Responsive */
@media (max-width: 767px) {
    .skin-gold .main-header .logo,
    .skin-gold-light .main-header .logo {
        background: var(--black-primary) !important;
        color: var(--gold-primary) !important;
    }
}