/* 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;
}

.text-white {
    color: white !important;
}

.text-black {
    color: black !important;
}

/* AGENT FIX: Luxury Dashboard Theme */

:root,
[data-bs-theme='dark'] {
    --bs-theme: #D4AF37;
    /* Metallic Gold */
    --bs-theme-rgb: 212, 175, 55;
    --bs-primary: #D4AF37;
    --gf-gold: #D4AF37;
    --gf-card-bg: rgba(20, 24, 28, 0.85);
    --gf-card-border: rgba(212, 175, 55, 0.2);
}


/* Override Dashboard Stat Cards (Grounded/Luxury Colors) */
.bg-gradient-custom-orange {
    background: linear-gradient(135deg, #000000 0%, #B8860B 100%) !important;
    /* Deep Gold/Bronze */
}

.bg-gradient-custom-teal {
    background: linear-gradient(135deg, #000000 0%, #105c5d 100%) !important;
    /* Deep Emerald */
}

.bg-gradient-custom-indigo {
    background: linear-gradient(135deg, #000000 0%, #283593 100%) !important;
    /* Deep Sapphire */
}

.bg-gradient-custom-pink {
    background: linear-gradient(135deg, #000000 0%, #880e4f 100%) !important;
    /* Deep Ruby */
}

/* Fix Card Body Text for Contrast - DARK MODE ONLY */
[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;
}

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

.card-body.position-relative i.bi {
    font-size: 2rem !important;
}