/**
 * Complete Theme System Styles
 * Includes: Logo colors + All theme overrides
 * Compiled by Vite for optimal performance
 */

/* ========================================
 * Dynamic Logo Colors - Theme Based
 * ======================================== */
[data-theme-color="noir"] .logo-dynamic .logo-color-primary{fill:#020617}
[data-theme-color="emerald"] .logo-dynamic .logo-color-primary{fill:#10b981}
[data-theme-color="green"] .logo-dynamic .logo-color-primary{fill:#22c55e}
[data-theme-color="lime"] .logo-dynamic .logo-color-primary{fill:#84cc16}
[data-theme-color="orange"] .logo-dynamic .logo-color-primary{fill:#f97316}
[data-theme-color="amber"] .logo-dynamic .logo-color-primary{fill:#f59e0b}
[data-theme-color="yellow"] .logo-dynamic .logo-color-primary{fill:#eab308}
[data-theme-color="teal"] .logo-dynamic .logo-color-primary{fill:#14b8a6}
[data-theme-color="cyan"] .logo-dynamic .logo-color-primary{fill:#06b6d4}
[data-theme-color="sky"] .logo-dynamic .logo-color-primary{fill:#0ea5e9}
[data-theme-color="blue"] .logo-dynamic .logo-color-primary{fill:#3b82f6}
[data-theme-color="primary"] .logo-dynamic .logo-color-primary{fill:#009ef7}
[data-theme-color="azure"] .logo-dynamic .logo-color-primary{fill:#0866ff}
[data-theme-color="indigo"] .logo-dynamic .logo-color-primary{fill:#6366f1}
[data-theme-color="violet"] .logo-dynamic .logo-color-primary{fill:#8b5cf6}
[data-theme-color="purple"] .logo-dynamic .logo-color-primary{fill:#a855f7}
[data-theme-color="fuchsia"] .logo-dynamic .logo-color-primary{fill:#d946ef}
[data-theme-color="pink"] .logo-dynamic .logo-color-primary{fill:#ec4899}
[data-theme-color="rose"] .logo-dynamic .logo-color-primary{fill:#f43f5e}

/* ========================================
 * Global Theme Color Override
 * Forces ALL colors to use theme variables
 * ======================================== */

/* Stepper colors */
.stepper .stepper-icon,
.stepper-pills .stepper-item .stepper-icon,
.stepper-pills .stepper-item.current .stepper-icon {
    background-color: var(--theme-color) !important;
}

.stepper .stepper-number,
.stepper-pills .stepper-item .stepper-number,
.stepper-check {
    color: var(--theme-color) !important;
}

/* Menu colors */
.menu-sub .menu-link:hover i,
.menu-sub .menu-link:hover .menu-icon,
.menu-item.show > .menu-link,
.menu-item.here > .menu-link {
    color: var(--theme-color) !important;
    /* background-color: var(--bs-primary-light) !important; */
}

.menu-state-primary .menu-item.here > .menu-link,
.menu-state-primary .menu-item.show > .menu-link {
    background-color: var(--theme-color) !important;
}

/* Button focus states */
.btn:focus,
.btn-primary:focus,
.btn-check:focus + .btn {
    box-shadow: 0 0 0 0.25rem rgba(var(--theme-color-rgb), 0.5) !important;
}

/* Billing and license colors */
.bg-billing-active-custom,
.btn-check:checked + .btn.bg-billing-active-custom,
.plans-hover:hover,
.table-License-hover tbody tr:hover {
    background-color: var(--bs-primary-light) !important;
}

.out-line-billing,
.btn-check:checked + .btn.btn-outline.btn-outline-dashed {
    border-color: var(--theme-color) !important;
}

/* Override hardcoded colors using attribute selectors */
[style*="background-color: #36C49D"],
[style*="background-color:#36C49D"],
[style*="background-color: #36c49d"],
[style*="background-color:#36c49d"],
[style*="background: #36C49D"],
[style*="background:#36C49D"],
[style*="background: #36c49d"],
[style*="background:#36c49d"] {
    background-color: var(--theme-color) !important;
    background: var(--theme-color) !important;
}

[style*="color: #36C49D"],
[style*="color:#36C49D"],
[style*="color: #36c49d"],
[style*="color:#36c49d"] {
    color: var(--theme-color) !important;
}

[style*="border-color: #36C49D"],
[style*="border-color:#36C49D"],
[style*="border-color: #36c49d"],
[style*="border-color:#36c49d"],
[style*="border: 2px solid #36c49d"],
[style*="border-bottom: 2px solid #36C49D"] {
    border-color: var(--theme-color) !important;
}

/* Force override for SVG fills */
svg[fill="#36C49D"],
svg[fill="#36c49d"],
svg[fill="#009EF7"],
svg[fill="#009ef7"],
svg path[fill="#36C49D"],
svg path[fill="#36c49d"],
svg path[fill="#009EF7"],
svg path[fill="#009ef7"],
.bi[fill="#009EF7"],
.bi[fill="#009ef7"] {
    fill: var(--theme-color) !important;
}

/* Alert colors */
.alert[style*="#36c49d"],
.alert[style*="#36C49D"] {
    background-color: var(--bs-primary-light) !important;
    border-color: var(--theme-color) !important;
}

/* Tab active colors */
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    background-color: var(--bs-primary-light) !important;
    color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}

/* Table row colors */
tr[style*="background-color: #36c49d"],
tr[style*="background-color:#36c49d"],
table tr[style*="#36c49d"] {
    background-color: var(--bs-primary-light) !important;
}

/* Icon colors */
i[style*="color: #36c49d"],
i[style*="color:#36c49d"],
i[style*="color: #36C49D"],
i[style*="color:#36C49D"],
.ki-duotone[style*="#36c49d"] {
    color: var(--theme-color) !important;
}

/* Button outline states */
.btn-outline-default:hover,
.btn-outline-default.active,
.btn-outline-dashed.btn-outline-default:hover {
    color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    background-color: var(--bs-primary-light) !important;
}

/* Progress bars */
.progress-bar {
    background-color: var(--theme-color) !important;
}

/* Badges */
.badge.badge-success,
.badge-light-success {
    background-color: var(--bs-primary-light) !important;
    color: var(--theme-color) !important;
}

/* Form controls */
.form-check-input:checked {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}

/* Dropdown active items */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--theme-color) !important;
}

/* DataTables */
.dataTables_wrapper .paginate_button.current {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}

/* Calendar events */
.fc-event,
.fc-event-dot {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}

/* Swal (SweetAlert) buttons */
.swal2-confirm {
    background-color: var(--theme-color) !important;
}

/* Quick Links active state */
.quick-link.active,
.quick-link:hover {
    color: var(--theme-color) !important;
    background-color: var(--bs-primary-light) !important;
}

/* Background colors with theme */
.bg-success {
    background-color: var(--theme-color) !important;
    --bg-color: var(--theme-color-rgb) !important;
}

.bg-opacity-50 {
    background-color: rgba(var(--theme-color-rgb), 0.5) !important;
}

.bg-hover-light-success:hover {
    background-color: var(--theme-color-lighten) !important;
}

.bg-state-light-success.active {
    background-color: var(--theme-color-light) !important;
}