/* Site CSS - Theme Overrides */

/* 1. Make body transparent when a cover is active so HTML background shows */
html.bg-cover-1 body,
html.bg-cover-2 body,
html.bg-cover-3 body,
html.bg-cover-4 body,
html.bg-cover-5 body,
html.bg-cover-6 body,
html.bg-cover-7 body,
html.bg-cover-8 body,
html.bg-cover-9 body {
    background-color: transparent !important;
    background: transparent !important;
}

/* 2. Base Cover Settings on HTML */
html.bg-cover-1,
html.bg-cover-2,
html.bg-cover-3,
html.bg-cover-4,
html.bg-cover-5,
html.bg-cover-6,
html.bg-cover-7,
html.bg-cover-8,
html.bg-cover-9 {
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 100vh;
}

/* 3. Light Mode Images (Absolute Paths) */
html.bg-cover-default {
    background-image: url('/img/cover/cover-1.jpg') !important;
}

html.bg-cover-1 {
    background-image: url('/img/cover/cover-1.jpg') !important;
}

html.bg-cover-2 {
    background-image: url('/img/cover/cover-2.jpg') !important;
}

html.bg-cover-3 {
    background-image: url('/img/cover/cover-3.jpg') !important;
}

html.bg-cover-4 {
    background-image: url('/img/cover/cover-4.jpg') !important;
}

html.bg-cover-5 {
    background-image: url('/img/cover/cover-5.jpg') !important;
}

html.bg-cover-6 {
    background-image: url('/img/cover/cover-6.jpg') !important;
}

html.bg-cover-7 {
    background-image: url('/img/cover/cover-7.jpg') !important;
}

html.bg-cover-8 {
    background-image: url('/img/cover/cover-8.jpg') !important;
}

html.bg-cover-9 {
    background-image: url('/img/cover/cover-9.jpg') !important;
}

/* 4. Dark Mode Images */
[data-bs-theme='dark'] html.bg-cover-1 {
    background-image: url('/img/cover/cover-1-dark.jpg') !important;
}

[data-bs-theme='dark'] html.bg-cover-2 {
    background-image: url('/img/cover/cover-2-dark.jpg') !important;
}

[data-bs-theme='dark'] html.bg-cover-3 {
    background-image: url('/img/cover/cover-3-dark.jpg') !important;
}

[data-bs-theme='dark'] html.bg-cover-4 {
    background-image: url('/img/cover/cover-4-dark.jpg') !important;
}

[data-bs-theme='dark'] html.bg-cover-5 {
    background-image: url('/img/cover/cover-5-dark.jpg') !important;
}

[data-bs-theme='dark'] html.bg-cover-6 {
    background-image: url('/img/cover/cover-6-dark.jpg') !important;
}

[data-bs-theme='dark'] html.bg-cover-7 {
    background-image: url('/img/cover/cover-7-dark.jpg') !important;
}

[data-bs-theme='dark'] html.bg-cover-8 {
    background-image: url('/img/cover/cover-8-dark.jpg') !important;
}

[data-bs-theme='dark'] html.bg-cover-9 {
    background-image: url('/img/cover/cover-9-dark.jpg') !important;
}

/* 5. Existing Site CSS */
.app-header .brand .brand-logo .brand-img {
    justify-content: unset;
    margin-inline-end: 5px;
}

/* THEME Normalization: Use theme variables instead of hardcoded colors */
[data-bs-theme='light'] {
    --bs-body-color: #333;
    --bs-body-bg: #f8f9fa;
    --gf-card-bg: #ffffff;
    --gf-card-border: rgba(0,0,0,0.1);
}

[data-bs-theme='dark'] {
    --bs-body-color: #eee;
    --gf-card-bg: rgba(20, 24, 28, 0.85);
    --gf-card-border: rgba(212, 175, 55, 0.2);
}

/* Sidebar Fixes for Light Mode */
[data-bs-theme='light'] .app-sidebar .menu .menu-item .menu-link {
    color: #444 !important;
}
[data-bs-theme='light'] .app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link {
    color: #666 !important;
}
[data-bs-theme='light'] .app-sidebar .menu .menu-item.active > .menu-link {
    color: var(--bs-theme) !important;
}

/* AGENT FIX: Luxury Dashboard Theme */
:root {
    --bs-theme: var(--primary-color, #D4AF37); /* Metallic Gold */
    --bs-theme-rgb: 212, 175, 55;
    --bs-primary: var(--primary-color, #D4AF37);
    --gf-gold: var(--primary-color, #D4AF37);
    --gf-bg: #fff;
}

/* Override Dashboard Stat Cards (Grounded/Luxury Colors) */
.bg-gradient-custom-orange { background: linear-gradient(135deg, #000000 0%, #B8860B 100%) !important; }
.bg-gradient-custom-teal { background: linear-gradient(135deg, #000000 0%, #105c5d 100%) !important; }
.bg-gradient-custom-indigo { background: linear-gradient(135deg, #000000 0%, #283593 100%) !important; }
.bg-gradient-custom-pink { background: linear-gradient(135deg, #000000 0%, #880e4f 100%) !important; }

/* Fix Card Body Text for Contrast - RESPONSIVE TO THEME */
.card-body .text-white-50, .card-body .text-muted {
    color: inherit !important;
    opacity: 0.7;
}

[data-bs-theme='dark'] .card-body .text-white-50,
[data-bs-theme='dark'] .card-body .text-muted {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Chart Container Transparency */
.apexcharts-canvas { background: transparent !important; }

.card-body.position-relative i.bi { font-size: 2rem !important; }
[data-bs-theme='dark'] .card-body.position-relative i.bi { text-shadow: 0px 0px 6px white; }

.bi.bi-receipt, .bi.bi-cash-stack { text-shadow: 0 0 3px rgba(0,0,0,0.5); }