/**
 * Custom Color Theme for Bobospay
 * Primary: #5623C4 (Violet) - Couleur principale
 * Secondary: #FF5622 (Orange) - Couleur secondaire
 * Success: #0ab39c (Green) - Couleur standard pour succès
 * Danger: #f06548 (Red Wine) - Couleur standard pour danger
 * Info: #299cdb (Blue) - Couleur standard pour info
 * Warning: #f7b84b (Yellow) - Couleur standard pour warning
 */

:root {
    /* Primary Color - Violet #5623C4 */
    --vz-primary: #5623C4;
    --vz-primary-rgb: 65, 23, 146;
    --vz-primary-text-emphasis: #340e75;
    --vz-primary-bg-subtle: #e8e1f3;
    --vz-primary-border-subtle: #d1c3e7;

    /* Secondary Color - Orange #FF5622 */
    --vz-secondary: #FF5622;
    --vz-secondary-rgb: 255, 86, 34;
    --vz-secondary-text-emphasis: #cc4519;
    --vz-secondary-bg-subtle: #ffe5dd;
    --vz-secondary-border-subtle: #ffccbb;

    /* Success Color - Standard Green #0ab39c (NO CHANGE) */
    /* --vz-success: #0ab39c; */
    /* --vz-success-rgb: 10, 179, 156; */

    /* Info Color - Standard Blue #299cdb (NO CHANGE) */
    /* --vz-info: #299cdb; */
    /* --vz-info-rgb: 41, 156, 219; */

    /* Warning Color - Standard Yellow #f7b84b (NO CHANGE) */
    /* --vz-warning: #f7b84b; */
    /* --vz-warning-rgb: 247, 184, 75; */

    /* Danger - Standard Red Wine #f06548 (NO CHANGE) */
    /* --vz-danger: #f06548; */
    /* --vz-danger-rgb: 240, 101, 72; */


    /* Header colors */
    /*--vz-header-bg: #fff;*/
    /*--vz-header-border: #e9ebec;*/
    /*--vz-header-item-color: #495057;*/
    /*--vz-header-item-bg: rgba(65, 23, 146, 0.12);*/
    /*--vz-header-item-sub-color: #878a99;*/
    /*--vz-topbar-user-bg: #f3f3f9;*/

    /* Vertical menu colors */
    /*--vz-vertical-menu-bg: #fff;*/
    /*--vz-vertical-menu-border: #fff;*/
    /*--vz-vertical-menu-item-color: #6d7080;*/
    --vz-vertical-menu-item-bg: rgba(65, 23, 146, 0.15);
    --vz-vertical-menu-item-hover-color: #5623C4;
    --vz-vertical-menu-item-active-color: #5623C4;
    --vz-vertical-menu-item-active-bg: rgba(65, 23, 146, 0.15);
    --vz-vertical-menu-sub-item-hover-color: #5623C4;
    --vz-vertical-menu-sub-item-active-color: #5623C4;

    /* Topnav colors */
    --vz-topnav-bg: #fff;
    --vz-topnav-item-color: #6d7080;
    --vz-topnav-item-active-color: #5623C4;

    /* Boxed layout */
    --vz-boxed-body-bg: #e5e5f2;
}

/* Dark theme adjustments */
/*[data-bs-theme="dark"] {*/
/*    --vz-primary: #5623C4;*/
/*    --vz-primary-rgb: 65, 23, 146;*/
/*    --vz-secondary: #FF5622;*/
/*    --vz-secondary-rgb: 255, 86, 34;*/

/*    --vz-header-item-bg: rgba(65, 23, 146, 0.12);*/
/*    --vz-vertical-menu-item-hover-color: #5623C4;*/
/*    --vz-vertical-menu-item-active-color: #5623C4;*/
/*}*/

/* Topbar dark theme */
:root[data-topbar="dark"] {
    /*--vz-header-bg: #5623C4;*/
    /*--vz-header-item-color: rgba(255, 255, 255, 0.85);*/
    /*--vz-header-item-bg: #5a1fb8;*/
    /*--vz-header-item-sub-color: #b0c4d9;*/
    /*--vz-topbar-user-bg: #5a1fb8;*/
    /*--vz-topbar-search-bg: rgba(255, 255, 255, 0.05);*/
    /*--vz-topbar-search-color: #fff;*/
    /*--vz-header-border: #5623C4;*/
}

/* Sidebar dark theme */
:root[data-sidebar="dark"] {
    /*--vz-vertical-menu-bg: #5623C4;*/
    /*--vz-vertical-menu-border: #5623C4;*/
    /*--vz-vertical-menu-item-color: #abb9e8;*/
    /*--vz-vertical-menu-item-bg: rgba(255, 255, 255, 0.15);*/
    /*--vz-vertical-menu-item-hover-color: #fff;*/
    /*--vz-vertical-menu-item-active-color: #fff;*/
    /*--vz-vertical-menu-item-active-bg: rgba(255, 255, 255, 0.15);*/
    /*--vz-vertical-menu-sub-item-color: #abb9e8;*/
    /*--vz-vertical-menu-sub-item-hover-color: #fff;*/
    /*--vz-vertical-menu-sub-item-active-color: #fff;*/
    /*--vz-vertical-menu-title-color: #838fb9;*/
    /*--vz-twocolumn-menu-iconview-bg: #5a1fb8;*/
}

/* Gradient sidebar options */
/*:root[data-sidebar="gradient"] {*/
/*    --vz-vertical-menu-bg: linear-gradient(to right, #5623C4, #0ab39c);*/
/*    --vz-vertical-menu-border: #0ab39c;*/
/*    --vz-twocolumn-menu-iconview-bg: #5623C4;*/
/*}*/

/*:root[data-sidebar="gradient-2"] {*/
/*    --vz-vertical-menu-bg: linear-gradient(to right, #299cdb, #5623C4);*/
/*    --vz-vertical-menu-border: #5623C4;*/
/*    --vz-twocolumn-menu-iconview-bg: #299cdb;*/
/*}*/

/*:root[data-sidebar="gradient-3"] {*/
/*    --vz-vertical-menu-bg: linear-gradient(to right, #299cdb, #0ab39c);*/
/*    --vz-vertical-menu-border: #0ab39c;*/
/*    --vz-twocolumn-menu-iconview-bg: #299cdb;*/
/*}*/

/*:root[data-sidebar="gradient-4"] {*/
/*    --vz-vertical-menu-bg: linear-gradient(to right, #1a1d21, #5623C4);*/
/*    --vz-vertical-menu-border: #5623C4;*/
/*    --vz-twocolumn-menu-iconview-bg: #1a1d21;*/
/*}*/

/* Button overrides */
.btn-primary {
    --vz-btn-bg: #5623C4;
    --vz-btn-border-color: #5623C4;
    --vz-btn-hover-bg: #340e75;
    --vz-btn-hover-border-color: #340e75;
    --vz-btn-active-bg: #2b0c5f;
    --vz-btn-active-border-color: #2b0c5f;
}

.btn-secondary {
    --vz-btn-bg: #FF5622;
    --vz-btn-border-color: #FF5622;
    --vz-btn-hover-bg: #e64d1e;
    --vz-btn-hover-border-color: #e64d1e;
    --vz-btn-active-bg: #cc4519;
    --vz-btn-active-border-color: #cc4519;
}

/* Badge overrides */
.badge.bg-primary {
    background-color: #5623C4 !important;
}

.badge.bg-secondary {
    background-color: #FF5622 !important;
}

/* Progress bar overrides */
.progress-bar {
    background-color: #5623C4;
}

.progress-bar.bg-secondary {
    background-color: #FF5622 !important;
}

/* Link colors */
a {
    color: #5623C4;
}

a:hover {
    color: #340e75;
}

/* Form controls focus */
.form-control:focus,
.form-select:focus {
    border-color: rgba(65, 23, 146, 0.5);
    box-shadow: 0 0 0 0.25rem rgba(65, 23, 146, 0.25);
}

/* Checkbox and Radio */
.form-check-input:checked {
    background-color: #5623C4;
    border-color: #5623C4;
}

/* Nav tabs and pills */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #5623C4;
}

.nav-tabs .nav-link.active {
    color: #5623C4;
}

.nav-tabs-custom .nav-item .nav-link.active {
    color: #5623C4;
}

.nav-tabs-custom .nav-item .nav-link.active::after {
    background: #5623C4;
}

/* Pagination */
.page-link {
    color: #5623C4;
}

.page-link:hover {
    color: #340e75;
    background-color: rgba(65, 23, 146, 0.1);
}

.page-item.active .page-link {
    background-color: #5623C4;
    border-color: #5623C4;
}

/* Alert overrides */
.alert-primary {
    background-color: rgba(65, 23, 146, 0.1);
    border-color: rgba(65, 23, 146, 0.2);
    color: #340e75;
}

.alert-secondary {
    background-color: rgba(255, 86, 34, 0.1);
    border-color: rgba(255, 86, 34, 0.2);
    color: #cc4519;
}

/* Table active states */
.table > tbody > tr.table-active {
    --vz-table-accent-bg: rgba(65, 23, 146, 0.1);
}

/* Border colors */
.border-primary {
    border-color: #5623C4 !important;
}

.border-secondary {
    border-color: #FF5622 !important;
}

/* Text colors */
.text-primary {
    color: #5623C4 !important;
}

.text-secondary {
    color: #FF5622 !important;
}

/* Background colors */
.bg-primary {
    background-color: #5623C4 !important;
}

.bg-secondary {
    background-color: #FF5622 !important;
}

.bg-primary-subtle {
    background-color: rgba(65, 23, 146, 0.1) !important;
}

.bg-secondary-subtle {
    background-color: rgba(255, 86, 34, 0.1) !important;
}

/* Dropdown */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #5623C4;
}

/* Card */
.card-primary {
    background-color: #5623C4;
}

.card-secondary {
    background-color: #FF5622;
}

/* List group */
.list-group-item.active {
    background-color: #5623C4;
    border-color: #5623C4;
}

/* Spinner */
.spinner-border-primary {
    color: #5623C4;
}

.spinner-border-secondary {
    color: #FF5622;
}

.spinner-grow-primary {
    color: #5623C4;
}

.spinner-grow-secondary {
    color: #FF5622;
}

/* Toast */
.toast-primary {
    background-color: rgba(65, 23, 146, 0.9);
}

.toast-secondary {
    background-color: rgba(255, 86, 34, 0.9);
}

/* Modal */
.modal-header {
    border-bottom-color: rgba(65, 23, 146, 0.1);
}

/* Offcanvas */
.offcanvas-header {
    border-bottom-color: rgba(65, 23, 146, 0.1);
}

/* Custom landing page colors */
.auth-bg-cover {
    background: linear-gradient(-45deg, #5623C4 50%, #FF5622);
}

.signin-other-title .title {
    background-color: var(--vz-secondary-bg);
}

/* Chart colors for ApexCharts and similar */
.apexcharts-theme-light {
    --apexcharts-primary-color: #5623C4;
    --apexcharts-secondary-color: #FF5622;
}