/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 6, 2017, 11:35:42 AM
    Author     : Use
*/


/*YOUR CUSTOM STYLE STARTED IN HERE*/

/* Golden and Black Theme */

/* Primary Colors - Matching Theme Image */
:root {
    --primary-gold: #FFD700;
    --primary-dark-gold: #FFA500;
    --primary-black: #000000;
    --primary-dark-gray: #0a0a0a;
    --text-light: #ffffff;
    --text-gold-gradient: linear-gradient(180deg, #ffffff 0%, #FFD700 30%, #FFA500 70%, #FFD700 100%);
    --text-top-down-gradient: linear-gradient(to bottom, #f6d75c 0%, #e9c040 50%, #ae772d 100%);
    --text-dark: #ffffff;
    --border-gold: #FFD700;
    --hover-gold: #FFA500;
}

/* Body and Background */
body {
    background-color: var(--primary-black) !important;
    color: var(--text-light) !important;
}

/* Ensure text visibility */
/* * {
    color: var(--text-light) !important;
} */

/* Override any conflicting text colors */
/* p, span, div, h1, h2, h3, h4, h5, h6, a, button, input, textarea, select, label {
    color: var(--text-light) !important;
} */

/* Override white text on golden backgrounds */
[style*="background: linear-gradient(to bottom, #f6d75c"],
[style*="background:linear-gradient(to bottom, #f6d75c"],
.fresh-welcome,
.fresh-action-icon,
.fresh-section-header,
.fresh-copy-btn,
.fresh-team-icon,
.fresh-mobile-icon,
.fresh-mobile-tool-icon,
.fresh-growth-header,
.fresh-stat-icon,
.fresh-table th,
.fresh-days-badge,
.fresh-pagination .active a,
.fresh-search-input,
.fresh-plan-badge,
.fresh-percentage-badge,
.fresh-withdrawal-history-header,
.fresh-level-header,
.fresh-level-number span,
.fresh-level-badge,
.fresh-view-level-btn,
.fresh-user-avatar,
.fresh-investment-header,
.fresh-plan-icon,
.fresh-invest-btn,
.fresh-referral-header,
.fresh-package-badge,
.fresh-deposit-header,
.fresh-status-badge,
.fresh-p2p-header,
.fresh-royalty-header,
.fresh-rank-badge,
.fresh-reward-badge,
.fresh-month-badge,
.fresh-user-badge,
.fresh-type-badge,
.btn-success,
.inbox-nav .active a {
    color: #000000 !important;
}

/* Dual-tone gradient text for headings */
h1, h2, h3, h4, h5, h6 {
    background: var(--text-gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
}

/* Alternative for headings without gradient */
h1:not(.no-gradient), h2:not(.no-gradient), h3:not(.no-gradient), h4:not(.no-gradient), h5:not(.no-gradient), h6:not(.no-gradient) {
    color: var(--primary-white);
    background: none;
    -webkit-text-fill-color: var(--primary-white);
}

/* Special text elements with gradient */
.text-gradient {
    background: var(--text-gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: bold;
}

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

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

/* Top-to-down gradient text */
.text-top-down {
    background: var(--text-top-down-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: bold;
    text-shadow: 0 2px 8px rgba(174, 119, 45, 0.4);
}

/* Special gradient text for main elements */
.main-title {
    background: var(--text-gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: bold;
    text-shadow: 0 0 15px rgba(255, 215, 0, 0.4);
}

.feature-title {
    background: var(--text-gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 600;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.3);
}

.subtitle {
    color: var(--text-light);
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.2);
}

.page-wrapper {
    background-color: var(--primary-black) !important;
}

/* ES Section - Fix visibility */
.sidebar ul li.active {
    background-color: var(--primary-black) !important;
    color: var(--primary-gold) !important;
}

/* Ensure all sections have black background */
.es-section,
.active-section {
    background-color: var(--primary-black) !important;
}

/* Navbar */
.navbar {
    background-color: var(--primary-black) !important;
    border-color: var(--border-gold) !important;
    box-shadow: 0 2px 10px rgba(255, 215, 0, 0.3) !important;
}

.navbar-brand {
    background: var(--text-gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
}

.navbar-brand:hover {
    background: var(--text-gold-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: bold;
    text-shadow: 0 0 15px rgba(255, 215, 0, 0.5);
}

.navbar-nav > li > a {
    color: var(--text-light) !important;
}

.navbar-nav > li > a:hover {
    color: var(--hover-gold) !important;
    background-color: rgba(255, 215, 0, 0.1) !important;
}

.navbar-top-links > li > a {
    color: var(--text-light) !important;
}

.navbar-top-links > li > a:hover {
    color: var(--hover-gold) !important;
}

/* Sidebar */
.sidebar {
    background-color: var(--primary-black) !important;
    border-right: 2px solid var(--border-gold) !important;
}

.sidebar .nav-heading {
    color: var(--text-light) !important;
}

.sidebar ul li a {
    color: var(--text-light) !important;
}

.sidebar ul li a:hover {
    background: var(--text-top-down-gradient) !important;
    color: var(--text-light) !important;
    background-color: rgba(246, 215, 92, 0.2) !important;
}

.sidebar ul li.active {
    background: var(--text-top-down-gradient) !important;
    color: var(--text-light) !important;
}

/* Cards and Panels */
.panel {
    background-color: var(--primary-dark-gray) !important;
    border: 1px solid var(--border-gold) !important;
    box-shadow: 0 4px 8px rgba(255, 215, 0, 0.2) !important;
}

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

.panel-body {
    background-color: var(--primary-dark-gray) !important;
    color: var(--text-light) !important;
}

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

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

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

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

.btn-success {
    background-color: #28a745 !important;
    color: black !important;
}

.btn-danger {
    background-color: #dc3545 !important;
    color: black !important;
}

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

/* Forms */
.form-control {
    background-color: var(--primary-black) !important;
    border: 1px solid var(--border-gold) !important;
    color: var(--text-light) !important;
}

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

/* Form card */
.form-signin {
    background-color: var(--primary-black) !important;
    border: 1px solid var(--border-gold) !important;
    border-radius: 20px !important;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(255, 215, 0, 0.3) !important;
}

/* Tables */
.table {
    background-color: var(--primary-dark-gray) !important;
    color: var(--text-light) !important;
}

.table thead th {
    background-color: var(--primary-gold) !important;
    color: var(--primary-black) !important;
    border-bottom: 2px solid var(--border-gold) !important;
}

.table tbody tr:hover {
    background-color: rgba(255, 215, 0, 0.1) !important;
}

/* Dropdown Menu */
.dropdown-menu {
    background-color: var(--primary-dark-gray) !important;
    border: 1px solid var(--border-gold) !important;
    box-shadow: 0 8px 16px rgba(255, 215, 0, 0.2) !important;
}

.dropdown-menu li a {
    color: var(--text-light) !important;
}

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

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

/* Links */
/* a {
    color: var(--primary-gold) !important;
} */

a:hover {
    color: var(--hover-gold) !important;
}

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

.text-success {
    color: #28a745 !important;
}

.text-danger {
    color: #dc3545 !important;
}

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

.text-muted {
    color: #999 !important;
}

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

.bg-dark {
    background-color: var(--primary-black) !important;
}

.bg-light {
    background-color: var(--primary-dark-gray) !important;
}

/* Badges */
.badge {
    background-color: var(--primary-gold) !important;
    color: var(--primary-black) !important;
}

.badge-success {
    background-color: #28a745 !important;
    color: black !important;
}

.badge-danger {
    background-color: #dc3545 !important;
    color: black !important;
}

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

/* Alerts */
.alert {
    border-left: 4px solid var(--border-gold) !important;
}

.alert-success {
    background-color: rgba(40, 167, 69, 0.1) !important;
    border-color: #28a745 !important;
    color: #28a745 !important;
}

.alert-danger {
    background-color: rgba(220, 53, 69, 0.1) !important;
    border-color: #dc3545 !important;
    color: #dc3545 !important;
}

.alert-warning {
    background-color: rgba(255, 165, 0, 0.1) !important;
    border-color: var(--hover-gold) !important;
    color: var(--hover-gold) !important;
}

/* Progress Bars */
.progress-bar {
    background-color: var(--primary-gold) !important;
}

/* Pagination */
.pagination .page-item .page-link {
    background-color: var(--primary-dark-gray) !important;
    border: 1px solid var(--border-gold) !important;
    color: var(--text-light) !important;
}

.pagination .page-item.active .page-link {
    background-color: var(--primary-gold) !important;
    color: var(--primary-black) !important;
}

/* Mobile Responsive */
@media (max-width: 767px) {
    .navbar {
        background-color: var(--primary-black) !important;
    }
    
    .sidebar {
        background-color: var(--primary-dark-gray) !important;
        border-right: 2px solid var(--border-gold) !important;
    }
}

/* Special Elements */
.card {
    background-color: var(--primary-dark-gray) !important;
    border: 1px solid var(--border-gold) !important;
}

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

.card-body {
    background-color: var(--primary-dark-gray) !important;
    color: var(--text-light) !important;
}

/* Override any existing styles */
.navbar-header {
    background-color: var(--primary-black) !important;
}

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

/* Login and Auth Pages */
.login-container {
    background-color: var(--primary-black) !important;
}

.login-box {
    background-color: var(--primary-dark-gray) !important;
    border: 2px solid var(--border-gold) !important;
    box-shadow: 0 8px 32px rgba(255, 215, 0, 0.3) !important;
}

/* Dashboard Elements */
.stat-card {
    background-color: var(--primary-dark-gray) !important;
    border: 1px solid var(--border-gold) !important;
    border-left: 4px solid var(--primary-gold) !important;
}

.stat-card:hover {
    box-shadow: 0 8px 16px rgba(255, 215, 0, 0.3) !important;
    transform: translateY(-2px);
}

/* Menu Active States */
.sidebar ul li.active > a {
    background-color: var(--primary-gold) !important;
    color: var(--primary-black) !important;
}

.sidebar ul li:hover > a {
    background-color: rgba(255, 215, 0, 0.1) !important;
    color: black !important;
}

/* FINAL OVERRIDE - Maximum specificity for black text on golden backgrounds */
body [style*="background: linear-gradient(to bottom, #f6d75c"],
body [style*="background:linear-gradient(to bottom, #f6d75c"],
body .fresh-welcome,
body .fresh-action-icon,
body .fresh-section-header,
body .fresh-copy-btn,
body .fresh-team-icon,
body .fresh-mobile-icon,
body .fresh-mobile-tool-icon,
body .fresh-growth-header,
body .fresh-stat-icon,
body .fresh-table th,
body .fresh-days-badge,
body .fresh-pagination .active a,
body .fresh-search-input,
body .fresh-plan-badge,
body .fresh-percentage-badge,
body .fresh-withdrawal-history-header,
body .fresh-level-header,
body .fresh-level-number span,
body .fresh-level-badge,
body .fresh-view-level-btn,
body .fresh-user-avatar,
body .fresh-investment-header,
body .fresh-plan-icon,
body .fresh-invest-btn,
body .fresh-referral-header,
body .fresh-package-badge,
body .fresh-deposit-header,
body .fresh-status-badge,
body .fresh-p2p-header,
body .fresh-royalty-header,
body .fresh-rank-badge,
body .fresh-reward-badge,
body .fresh-month-badge,
body .fresh-user-badge,
body .fresh-type-badge,
body .btn-success,
body .btn-danger,
body .badge-success,
body .badge-danger,
body .inbox-nav .active a {
    color: #000000 !important;
}

/* Additional override for any elements with golden backgrounds */
*[class*="fresh-"][style*="f6d75c"],
*[class*="fresh-"]:has([style*="f6d75c"]),
div[style*="#f6d75c"] * {
    color: #000000 !important;
}