/* 
 * Apixtrade.com Color Scheme for Auth Pages (Login/Register)
 * Dark background with white text and green accents
 * Based on apixtrade.com design
 */

/* Root Variables - Apixtrade.com Color Palette */
:root {
    /* Primary Colors - Green Theme */
    --apixtrade-primary: #3affa3;
    --apixtrade-primary-dark: #2dd494;
    --apixtrade-primary-light: #5cffb8;
    --apixtrade-primary-glow: #3affa3;
    
    /* Background Colors */
    --apixtrade-bg-dark: #000000;
    --apixtrade-bg-secondary: #0a0a0a;
    --apixtrade-bg-card: #1a1a1a;
    --apixtrade-bg-hover: #2a2a2a;
    --apixtrade-bg-sidebar: #0d0d0d;
    
    /* Text Colors */
    --apixtrade-text-white: #ffffff;
    --apixtrade-text-light: #e0e0e0;
    --apixtrade-text-muted: #b0b0b0;
    --apixtrade-text-dark: #808080;
    
    /* Accent Colors */
    --apixtrade-success: #00ff00;
    --apixtrade-warning: #ffa500;
    --apixtrade-danger: #ff4444;
    --apixtrade-info: #00aaff;
    
    /* Border Colors */
    --apixtrade-border: #333333;
    --apixtrade-border-light: #444444;
    --apixtrade-border-green: #3affa3;
}

/* Prevent Blinking on Load */
html {
    background-color: var(--apixtrade-bg-dark) !important;
}

/* Global Body Styles */
body {
    background-color: var(--apixtrade-bg-dark) !important;
    color: var(--apixtrade-text-white) !important;
    transition: none !important;
}

/* Prevent Flash of Unstyled Content */
* {
    transition: none !important;
}

/* Auth Container Styles */
.auth-container {
    background-color: var(--apixtrade-bg-dark) !important;
    min-height: 100vh !important;
}

.auth-wrapper {
    background-color: var(--apixtrade-bg-dark) !important;
}

.auth-card {
    background-color: var(--apixtrade-bg-card) !important;
    border: 2px solid var(--apixtrade-primary) !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 40px rgba(0, 255, 0, 0.2) !important;
}

/* Card Styles */
.card {
    background-color: var(--apixtrade-bg-card) !important;
    border: 2px solid var(--apixtrade-primary) !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 40px rgba(0, 255, 0, 0.2) !important;
}

.card-header {
    background-color: var(--apixtrade-bg-secondary) !important;
    border-bottom: 2px solid var(--apixtrade-primary) !important;
    color: var(--apixtrade-text-white) !important;
    border-radius: 13px 13px 0 0 !important;
}

.card-body {
    background-color: var(--apixtrade-bg-card) !important;
    color: var(--apixtrade-text-white) !important;
}

.card-title {
    color: var(--apixtrade-text-white) !important;
}

/* Form Styles */
.form-control {
    background-color: var(--apixtrade-bg-secondary) !important;
    border: 2px solid var(--apixtrade-border) !important;
    color: var(--apixtrade-text-white) !important;
    border-radius: 10px !important;
    padding: 12px 15px !important;
}

.form-control:focus {
    background-color: var(--apixtrade-bg-secondary) !important;
    border-color: var(--apixtrade-primary) !important;
    color: var(--apixtrade-text-white) !important;
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.3) !important;
}

.form-control::placeholder {
    color: var(--apixtrade-text-muted) !important;
}

.form-label {
    color: var(--apixtrade-text-white) !important;
    font-weight: bold !important;
}

/* Button Styles */
.btn {
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    font-weight: bold !important;
    padding: 12px 25px !important;
}

.btn-primary {
    background: linear-gradient(45deg, var(--apixtrade-primary), var(--apixtrade-primary-light)) !important;
    border: 2px solid var(--apixtrade-primary) !important;
    color: var(--apixtrade-bg-dark) !important;
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.4) !important;
}

.btn-primary:hover {
    background: linear-gradient(45deg, var(--apixtrade-primary-light), var(--apixtrade-primary)) !important;
    box-shadow: 0 0 30px rgba(0, 255, 0, 0.6) !important;
    transform: translateY(-3px) !important;
    color: var(--apixtrade-bg-dark) !important;
}

.btn-secondary {
    background-color: var(--apixtrade-bg-secondary) !important;
    border: 2px solid var(--apixtrade-border) !important;
    color: var(--apixtrade-text-white) !important;
}

.btn-secondary:hover {
    background-color: var(--apixtrade-bg-hover) !important;
    border-color: var(--apixtrade-primary) !important;
    color: var(--apixtrade-text-white) !important;
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.3) !important;
}

.btn-outline-primary {
    border: 2px solid var(--apixtrade-primary) !important;
    color: var(--apixtrade-primary) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover {
    background-color: var(--apixtrade-primary) !important;
    border-color: var(--apixtrade-primary) !important;
    color: var(--apixtrade-bg-dark) !important;
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.4) !important;
}

/* Text Colors */
.text-primary {
    color: var(--apixtrade-primary) !important;
    text-shadow: 0 0 5px rgba(0, 255, 0, 0.3) !important;
}

.text-white {
    color: var(--apixtrade-text-white) !important;
}

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

.text-muted {
    color: var(--apixtrade-text-muted) !important;
}

.text-black {
    color: var(--apixtrade-text-white) !important;
}

/* Heading Colors */
h1, h2, h3, h4, h5, h6 {
    color: var(--apixtrade-text-white) !important;
}

h1.text-primary, h2.text-primary, h3.text-primary, h4.text-primary, h5.text-primary, h6.text-primary {
    color: var(--apixtrade-primary) !important;
    text-shadow: 0 0 10px rgba(0, 255, 0, 0.5) !important;
}

/* Links */
a {
    color: var(--apixtrade-primary) !important;
    text-decoration: none !important;
}

a:hover {
    color: var(--apixtrade-primary-light) !important;
    text-shadow: 0 0 5px rgba(0, 255, 0, 0.5) !important;
}

/* Background Color Fixes */
.bg-light {
    background-color: var(--apixtrade-bg-secondary) !important;
    color: var(--apixtrade-text-white) !important;
}

.bg-white {
    background-color: var(--apixtrade-bg-card) !important;
    color: var(--apixtrade-text-white) !important;
}

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

.bg-secondary {
    background-color: var(--apixtrade-bg-secondary) !important;
    color: var(--apixtrade-text-white) !important;
}

.bg-dark {
    background-color: var(--apixtrade-bg-dark) !important;
    color: var(--apixtrade-text-white) !important;
}

/* Alert Styles */
.alert {
    border-radius: 10px !important;
    border: 2px solid !important;
}

.alert-success {
    background-color: rgba(0, 255, 0, 0.1) !important;
    border-color: var(--apixtrade-success) !important;
    color: var(--apixtrade-success) !important;
}

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

.alert-danger {
    background-color: rgba(255, 68, 68, 0.1) !important;
    border-color: var(--apixtrade-danger) !important;
    color: var(--apixtrade-danger) !important;
}

.alert-info {
    background-color: rgba(0, 170, 255, 0.1) !important;
    border-color: var(--apixtrade-info) !important;
    color: var(--apixtrade-info) !important;
}

/* Input Group */
.input-group {
    background-color: var(--apixtrade-bg-secondary) !important;
    border-radius: 10px !important;
}

.input-group-text {
    background-color: var(--apixtrade-bg-secondary) !important;
    border: 2px solid var(--apixtrade-border) !important;
    color: var(--apixtrade-text-white) !important;
}

.input-group .form-control {
    border-left: none !important;
}

.input-group .form-control:focus {
    border-left: 2px solid var(--apixtrade-primary) !important;
}

/* Checkbox and Radio */
.form-check-input {
    background-color: var(--apixtrade-bg-secondary) !important;
    border: 2px solid var(--apixtrade-border) !important;
}

.form-check-input:checked {
    background-color: var(--apixtrade-primary) !important;
    border-color: var(--apixtrade-primary) !important;
}

.form-check-label {
    color: var(--apixtrade-text-white) !important;
}

/* Select */
.form-select {
    background-color: var(--apixtrade-bg-secondary) !important;
    border: 2px solid var(--apixtrade-border) !important;
    color: var(--apixtrade-text-white) !important;
    border-radius: 10px !important;
}

.form-select:focus {
    background-color: var(--apixtrade-bg-secondary) !important;
    border-color: var(--apixtrade-primary) !important;
    color: var(--apixtrade-text-white) !important;
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.3) !important;
}

/* Navbar */
.navbar {
    background-color: #000000 !important;
    border-bottom: none !important;
    border: none !important;
}

.navbar-brand {
    color: var(--apixtrade-text-white) !important;
}

.navbar-nav .nav-link {
    color: var(--apixtrade-text-white) !important;
}

.navbar-nav .nav-link:hover {
    color: var(--apixtrade-primary) !important;
}

/* Footer */
.footer {
    background-color: #000000 !important;
    color: var(--apixtrade-text-white) !important;
    border-top: none !important;
    border: none !important;
}

/* Universal Override - Removed to prevent issues with buttons and icons */
/* * {
    color: var(--apixtrade-text-white) !important;
} */

/* Specific text color overrides */
body, p, span, label, div {
    color: var(--apixtrade-text-white) !important;
}

* .bg-light {
    background-color: var(--apixtrade-bg-secondary) !important;
    color: var(--apixtrade-text-white) !important;
}

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

* .text-dark {
    color: var(--apixtrade-text-white) !important;
}

* .text-muted {
    color: var(--apixtrade-text-muted) !important;
}

* h1, * h2, * h3, * h4, * h5, * h6 {
    color: var(--apixtrade-text-white) !important;
}

* h1.text-primary, * h2.text-primary, * h3.text-primary, * h4.text-primary, * h5.text-primary, * h6.text-primary {
    color: var(--apixtrade-primary) !important;
}

/* Custom Animations - Disabled for better UX */
/* @keyframes greenGlow {
    0%, 100% {
        box-shadow: 0 0 10px var(--apixtrade-primary);
    }
    50% {
        box-shadow: 0 0 30px var(--apixtrade-primary), 0 0 40px var(--apixtrade-primary);
    }
}

.btn-primary {
    animation: greenGlow 3s infinite;
} */

/* Admin Login Specific */
.app-blank {
    background-color: var(--apixtrade-bg-dark) !important;
}

#kt_body {
    background-color: var(--apixtrade-bg-dark) !important;
}

#kt_app_root {
    background-color: var(--apixtrade-bg-dark) !important;
}

/* Section Background */
section {
    background-color: var(--apixtrade-bg-dark) !important;
}

/* Form Wrapper */
.p-5.rounded.shadow-sm {
    background-color: var(--apixtrade-bg-card) !important;
    border: 2px solid var(--apixtrade-primary) !important;
    box-shadow: 0 10px 40px rgba(0, 255, 0, 0.2) !important;
}

/* Form Elements */
.form {
    background-color: var(--apixtrade-bg-card) !important;
}

.form.w-100 {
    background-color: transparent !important;
}

/* Text Dark Override */
.text-dark {
    color: var(--apixtrade-text-white) !important;
}

.fw-bolder {
    color: var(--apixtrade-text-white) !important;
}

/* Button Icon */
.btn-icon {
    background-color: var(--apixtrade-bg-secondary) !important;
    border: 1px solid var(--apixtrade-border) !important;
    color: var(--apixtrade-text-white) !important;
}

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

/* Flex Stack */
.flex-stack {
    background-color: transparent !important;
}

/* Grid */
.d-grid {
    background-color: transparent !important;
}

/* Additional Auth Page Styles */
.container, .container-fluid {
    background-color: transparent !important;
}

/* Remove borders and shadows from unwanted elements */
.shadow, .shadow-sm, .shadow-lg {
    box-shadow: none !important;
}

/* Links on auth pages */
.link-primary {
    color: var(--apixtrade-primary) !important;
}

.link-secondary {
    color: var(--apixtrade-text-muted) !important;
}

/* Text secondary */
.text-secondary {
    color: var(--apixtrade-text-muted) !important;
}

/* Small text */
small {
    color: var(--apixtrade-text-muted) !important;
}

/* Error text */
.text-danger, .invalid-feedback {
    color: var(--apixtrade-danger) !important;
}

/* Icons */
i, svg {
    color: inherit !important;
}

.btn i, .btn svg {
    color: inherit !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .auth-card {
        margin: 20px !important;
        border-radius: 10px !important;
    }
    
    .card {
        margin: 10px !important;
        border-radius: 10px !important;
    }
    
    .p-5.rounded.shadow-sm {
        margin: 20px !important;
        border-radius: 10px !important;
    }
}