/* ULTIMATE GOLD LUXURY THEME - FORCE APPLICATION */

/* ============== GLOBAL OVERRIDES ============== */
* {
    box-sizing: border-box !important;
}

/* Force Gold Theme on ALL elements */
body.skin-gold, body.skin-gold-light, body {
    background: #000000 !important;
    color: #FFD700 !important;
    font-family: 'Inter', 'Georgia', serif !important;
}

/* Force Gold Theme on Sidebar - No CSS Variables for compatibility */
body.skin-gold .main-sidebar,
body.skin-gold-light .main-sidebar,
.main-sidebar {
    background: #000000 !important;
    border-right: 4px solid #FFD700 !important;
    box-shadow: 4px 0 15px rgba(255, 215, 0, 0.3) !important;
}

body.skin-gold .sidebar-menu > li > a,
body.skin-gold-light .sidebar-menu > li > a {
    color: #ffffff !important;
    transition: all 0.3s ease !important;
    border-left: 3px solid transparent !important;
}

body.skin-gold .sidebar-menu > li:hover > a,
body.skin-gold .sidebar-menu > li.active > a,
body.skin-gold .sidebar-menu > li.menu-open > a,
body.skin-gold-light .sidebar-menu > li:hover > a,
body.skin-gold-light .sidebar-menu > li.active > a,
body.skin-gold-light .sidebar-menu > li.menu-open > a {
    background: linear-gradient(135deg, #FFD700 0%, #FFC107 50%, #F39C12 100%) !important;
    color: #000000 !important;
    border-left: 3px solid #FFD700 !important;
    font-weight: bold !important;
    box-shadow: inset 0 0 15px rgba(255, 215, 0, 0.4) !important;
}

/* Force Header Styling */
body.skin-gold .main-header .logo,
body.skin-gold-light .main-header .logo {
    background: #000000 !important;
    color: #FFD700 !important;
    border-bottom: 2px solid #FFD700 !important;
    border-right: 1px solid #FFD700 !important;
}

body.skin-gold .main-header .navbar,
body.skin-gold-light .main-header .navbar {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #2d2d2d 100%) !important;
    border-bottom: 2px solid #FFD700 !important;
}

body.skin-gold .main-header .navbar > .sidebar-toggle,
body.skin-gold-light .main-header .navbar > .sidebar-toggle {
    color: #FFD700 !important;
    border-right: 1px solid #FFD700 !important;
}

body.skin-gold .main-header .navbar > .sidebar-toggle:hover,
body.skin-gold-light .main-header .navbar > .sidebar-toggle:hover {
    background: #FFD700 !important;
    color: #000000 !important;
}

body.skin-gold .main-header .navbar .nav > li > a,
body.skin-gold-light .main-header .navbar .nav > li > a {
    color: #FFD700 !important;
}

body.skin-gold .main-header .navbar .nav > li > a:hover,
body.skin-gold-light .main-header .navbar .nav > li > a:hover {
    background: #FFD700 !important;
    color: #000000 !important;
    border-radius: 5px !important;
}

/* Force Icon Colors */
body.skin-gold .sidebar-menu > li > a > .fa,
body.skin-gold .sidebar-menu > li > a > .glyphicon,
body.skin-gold .sidebar-menu > li > a > .ion,
body.skin-gold .sidebar-menu > li > a > svg,
body.skin-gold-light .sidebar-menu > li > a > .fa,
body.skin-gold-light .sidebar-menu > li > a > .glyphicon,
body.skin-gold-light .sidebar-menu > li > a > .ion,
body.skin-gold-light .sidebar-menu > li > a > svg {
    color: #FFC107 !important;
}

body.skin-gold .sidebar-menu > li:hover > a > .fa,
body.skin-gold .sidebar-menu > li.active > a > .fa,
body.skin-gold .sidebar-menu > li:hover > a > svg,
body.skin-gold .sidebar-menu > li.active > a > svg,
body.skin-gold-light .sidebar-menu > li:hover > a > .fa,
body.skin-gold-light .sidebar-menu > li.active > a > .fa,
body.skin-gold-light .sidebar-menu > li:hover > a > svg,
body.skin-gold-light .sidebar-menu > li.active > a > svg {
    color: #000000 !important;
}

/* Override any existing sidebar colors */
body.skin-gold .main-sidebar {
    background-color: #000000 !important;
    background-image: none !important;
}

body.skin-gold .sidebar-menu > li.header {
    background: #1a1a1a !important;
    color: #FFD700 !important;
    font-weight: bold !important;
}

/* Force dropdown menu styling */
body.skin-gold .sidebar-menu > li > .treeview-menu,
body.skin-gold-light .sidebar-menu > li > .treeview-menu {
    background: #1a1a1a !important;
}

body.skin-gold .sidebar-menu > li > .treeview-menu > li > a,
body.skin-gold-light .sidebar-menu > li > .treeview-menu > li > a {
    color: #ffffff !important;
    padding-left: 40px !important;
}

body.skin-gold .sidebar-menu > li > .treeview-menu > li:hover > a,
body.skin-gold-light .sidebar-menu > li > .treeview-menu > li:hover > a {
    background: #FFD700 !important;
    color: #000000 !important;
}

/* Add glow effects */
body.skin-gold .sidebar-menu > li.active > a {
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.6) !important;
}

/* Force user menu styling */
body.skin-gold .main-header .navbar-custom-menu .dropdown-menu,
body.skin-gold-light .main-header .navbar-custom-menu .dropdown-menu {
    background: #000000 !important;
    border: 1px solid #FFD700 !important;
}

body.skin-gold .main-header .navbar-custom-menu .dropdown-menu > li > a,
body.skin-gold-light .main-header .navbar-custom-menu .dropdown-menu > li > a {
    color: #FFD700 !important;
}

body.skin-gold .main-header .navbar-custom-menu .dropdown-menu > li > a:hover,
body.skin-gold-light .main-header .navbar-custom-menu .dropdown-menu > li > a:hover {
    background: #FFD700 !important;
    color: #000000 !important;
}

/* Add shimmer effect to active menu items */
@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); }
}

body.skin-gold .sidebar-menu > li.active > a {
    animation: goldShimmer 3s infinite;
}

/* ============== COMPREHENSIVE OVERRIDES ============== */

/* Content Area */
.content-wrapper, .content-wrapper * {
    background: #f8f9fe !important;
    color: #333333 !important;
}

/* All Cards and Boxes */
.box, .card, .panel, .widget-user, .info-box, .small-box {
    background: #000000 !important;
    border: 2px solid #FFD700 !important;
    color: #FFD700 !important;
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.2) !important;
    border-radius: 8px !important;
}

.box-header, .card-header, .panel-heading {
    background: linear-gradient(135deg, #FFD700 0%, #FFC107 50%, #F39C12 100%) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border-bottom: 2px solid #B8860B !important;
}

/* All Buttons */
.btn:not(.btn-default):not(.btn-link) {
    background: linear-gradient(135deg, #FFD700 0%, #FFC107 50%, #F39C12 100%) !important;
    border: 2px solid #B8860B !important;
    color: #000000 !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3) !important;
}

.btn:not(.btn-default):not(.btn-link):hover {
    background: #B8860B !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.5) !important;
    color: #FFD700 !important;
}

/* Table Headers */
.table thead th, .dataTable thead th {
    background: linear-gradient(135deg, #FFD700 0%, #FFC107 50%, #F39C12 100%) !important;
    color: #000000 !important;
    border-color: #B8860B !important;
    font-weight: bold !important;
}

/* Table Rows */
.table tbody tr:hover, .dataTable tbody tr:hover {
    background: rgba(255, 215, 0, 0.1) !important;
    color: #333333 !important;
}

/* Form Elements */
.form-control, input, select, textarea {
    background: #1a1a1a !important;
    border: 1px solid #FFD700 !important;
    color: #FFD700 !important;
}

.form-control:focus, input:focus, select:focus, textarea:focus {
    background: #000000 !important;
    border-color: #FFC107 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.25) !important;
    color: #FFD700 !important;
}

/* Dropdown Menus */
.dropdown-menu {
    background: #000000 !important;
    border: 2px solid #FFD700 !important;
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3) !important;
}

.dropdown-menu .dropdown-item, .dropdown-menu > li > a {
    color: #FFD700 !important;
    transition: all 0.3s ease !important;
}

.dropdown-menu .dropdown-item:hover, .dropdown-menu > li > a:hover {
    background: linear-gradient(135deg, #FFD700 0%, #FFC107 50%, #F39C12 100%) !important;
    color: #000000 !important;
}

/* Modals */
.modal-content {
    background: #000000 !important;
    border: 2px solid #FFD700 !important;
    color: #FFD700 !important;
}

.modal-header {
    background: linear-gradient(135deg, #FFD700 0%, #FFC107 50%, #F39C12 100%) !important;
    color: #000000 !important;
    border-bottom: 2px solid #B8860B !important;
}

/* Tabs */
.nav-tabs .nav-link {
    background: #1a1a1a !important;
    border: 1px solid #FFD700 !important;
    color: #FFD700 !important;
}

.nav-tabs .nav-link.active {
    background: linear-gradient(135deg, #FFD700 0%, #FFC107 50%, #F39C12 100%) !important;
    color: #000000 !important;
    border-color: #B8860B !important;
}

/* Alerts */
.alert {
    border: 2px solid #FFD700 !important;
    background: rgba(255, 215, 0, 0.1) !important;
    color: #B8860B !important;
}

/* Progress Bars */
.progress {
    background: #1a1a1a !important;
    border: 1px solid #FFD700 !important;
}

.progress-bar {
    background: linear-gradient(135deg, #FFD700 0%, #FFC107 50%, #F39C12 100%) !important;
}

/* Badges */
.badge {
    background: linear-gradient(135deg, #FFD700 0%, #FFC107 50%, #F39C12 100%) !important;
    color: #000000 !important;
    font-weight: bold !important;
}

/* Pagination */
.pagination .page-link {
    background: #1a1a1a !important;
    border: 1px solid #FFD700 !important;
    color: #FFD700 !important;
}

.pagination .page-link:hover, .pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #FFD700 0%, #FFC107 50%, #F39C12 100%) !important;
    border-color: #B8860B !important;
    color: #000000 !important;
}

/* Breadcrumbs */
.breadcrumb {
    background: rgba(255, 215, 0, 0.1) !important;
    border: 1px solid #FFD700 !important;
}

.breadcrumb .breadcrumb-item a {
    color: #FFD700 !important;
}

/* Footer */
.main-footer, footer {
    background: #000000 !important;
    color: #FFD700 !important;
    border-top: 3px solid #FFD700 !important;
}

/* Custom Luxury Enhancements */
.luxury-card {
    background: #000000 !important;
    border: 3px solid #FFD700 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.4) !important;
    position: relative !important;
    overflow: hidden !important;
}

.luxury-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #FFD700, #FFC107, #F39C12, #FFD700) !important;
    animation: shimmer 3s linear infinite !important;
}

@keyframes shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* Force Application - Highest Specificity */
html body.skin-gold,
html body.skin-gold-light,
html body {
    background-color: #000000 !important;
}

/* DataTables Specific */
.dataTables_wrapper {
    color: #FFD700 !important;
}

.dataTables_info, .dataTables_length, .dataTables_filter {
    color: #FFD700 !important;
}

/* Select2 Dropdown */
.select2-container--default .select2-selection--single {
    background: #1a1a1a !important;
    border: 1px solid #FFD700 !important;
    color: #FFD700 !important;
}

.select2-dropdown {
    background: #000000 !important;
    border: 2px solid #FFD700 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: linear-gradient(135deg, #FFD700 0%, #FFC107 50%, #F39C12 100%) !important;
    color: #000000 !important;
}