﻿[data-color="theme-green"].light-style {
    --bs-primary: #198754 !important;
    --bs-primary-rgb: 25, 135, 84 !important;
    --bs-primary-text-emphasis: #0a3622 !important;
    --bs-primary-bg-subtle: #d1e7dd !important;
    --bs-primary-border-subtle: #a3cfbb !important;
}

    /* Page Title */
    [data-color="theme-green"].light-style .page-title {
        color: #198754;
    }

    [data-color="theme-green"].light-style .page-title-0 {
        color: #146c43;
        background: linear-gradient(to top, #146c43 1%, var(--bs-card-bg) 8%);
    }

    /* Horizontal Menu Styling */
    [data-color="theme-green"].light-style .bg-menu-theme.menu-horizontal {
        background-color: #198754 !important;
        color: #ffffff !important;
    }

        [data-color="theme-green"].light-style .bg-menu-theme.menu-horizontal .menu-link {
            color: #ffffff !important;
        }

            [data-color="theme-green"].light-style .bg-menu-theme.menu-horizontal .menu-link:hover {
                background-color: #146c43 !important;
                color: #ffffff !important;
            }

            [data-color="theme-green"].light-style .bg-menu-theme.menu-horizontal .menu-link.active {
                background-color: #157347 !important;
                color: #ffffff !important;
            }

            /* Dropdown Toggle Styling */
            [data-color="theme-green"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle:hover {
                background-color: #146c43 !important;
                color: #ffffff !important;
            }

                [data-color="theme-green"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle:hover span {
                    color: #ffffff !important;
                }

            /* Dropdown Arrow Colors */
            [data-color="theme-green"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle::after,
            [data-color="theme-green"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle.mega-dropdown::after {
                color: #ffffff !important;
            }

            [data-color="theme-green"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle:hover::after,
            [data-color="theme-green"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle.mega-dropdown:hover::after {
                color: #ffffff !important;
            }

            /* Mega Dropdown Styling */
            [data-color="theme-green"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle.mega-dropdown:hover {
                background-color: #146c43 !important;
                color: #ffffff !important;
            }

        [data-color="theme-green"].light-style .bg-menu-theme.menu-horizontal .menu-item.mega-dropdown.active a {
            background-color: #0c4a2d !important;
            color: #ffffff !important;
        }

            [data-color="theme-green"].light-style .bg-menu-theme.menu-horizontal .menu-item.mega-dropdown.active a:hover {
                background-color: #157347 !important;
                color: #ffffff !important;
            }

    [data-color="theme-green"].light-style .mega-dropdown .dropdown-menu {
        background: #0c4a2d !important;
    }

    [data-color="theme-green"].light-style a.nav-link.mega-dropdown-link {
        color: #ffffff !important;
    }

        [data-color="theme-green"].light-style a.nav-link.mega-dropdown-link:hover {
            color: #ffffff !important;
        }

    [data-color="theme-green"].light-style li.nav-item.mega-nav-item:hover > a {
        color: #ffffff !important;
        font-weight: 500;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    }

    /* Bootstrap Button Override */
    [data-color="theme-green"].light-style .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #198754;
        --bs-btn-border-color: #198754;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #157347;
        --bs-btn-hover-border-color: #146c43;
        --bs-btn-focus-shadow-rgb: 25, 135, 84;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #146c43;
        --bs-btn-active-border-color: #13653f;
        background-color: #198754 !important;
        border-color: #198754 !important;
        color: #ffffff !important;
    }

        [data-color="theme-green"].light-style .btn-primary:hover,
        [data-color="theme-green"].light-style .btn-primary:focus {
            color: #fff !important;
            background-color: #157347 !important;
            border-color: #146c43 !important;
            box-shadow: 0 0.125rem 0.25rem rgba(25, 135, 84, 0.075), 0 0 0 0.2rem rgba(25, 135, 84, 0.25) !important;
        }

        [data-color="theme-green"].light-style .btn-primary:active {
            color: #fff !important;
            background-color: #146c43 !important;
            border-color: #13653f !important;
        }

    /* Nav Pills Override */
    [data-color="theme-green"].light-style .nav-pills .nav-link.active,
    [data-color="theme-green"].light-style .nav-pills .nav-link.active:hover,
    [data-color="theme-green"].light-style .nav-pills .nav-link.active:focus {
        background-color: #198754 !important;
        color: #ffffff !important;
    }

    /* DevExtreme Pagination Override */
    [data-color="theme-green"].light-style .dx-pager .dx-page-sizes .dx-selection,
    [data-color="theme-green"].light-style .dx-pager .dx-pages .dx-selection,
    [data-color="theme-green"].light-style .dx-pagination .dx-page-sizes .dx-selection,
    [data-color="theme-green"].light-style .dx-pagination .dx-pages .dx-selection {
        font-weight: 500;
        background-color: #198754 !important;
        color: #fff !important;
    }

    /* Client Text Links */
    [data-color="theme-green"].light-style .client-text a h5 {
        color: #198754 !important;
    }

    /* Additional Bootstrap Component Overrides */
    [data-color="theme-green"].light-style .badge.bg-primary {
        background-color: #198754 !important;
    }

    [data-color="theme-green"].light-style .alert-primary {
        --bs-alert-color: #0a3622;
        --bs-alert-bg: #d1e7dd;
        --bs-alert-border-color: #a3cfbb;
    }

    [data-color="theme-green"].light-style .btn-outline-primary {
        --bs-btn-color: #198754;
        --bs-btn-border-color: #198754;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #198754;
        --bs-btn-hover-border-color: #198754;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #198754;
        --bs-btn-active-border-color: #198754;
    }

    [data-color="theme-green"].light-style .text-primary {
        color: #198754 !important;
    }

    [data-color="theme-green"].light-style .bg-primary {
        background-color: #198754 !important;
    }

    [data-color="theme-green"].light-style .border-primary {
        border-color: #198754 !important;
    }

/* ==================== COMMON STYLES FOR ALL THEMES ==================== */
/* Apply common dropdown and menu styles to all themes */
/*[data-color*="theme-"].light-style .bg-menu-theme.menu-horizontal .menu-link.active {
    background-color: var(--bs-primary) !important;
    color: #ffffff !important;
}

[data-color*="theme-"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle:hover {
    background-color: var(--bs-primary) !important;
    color: #ffffff !important;
}

    [data-color*="theme-"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle:hover span {
        color: #ffffff !important;
    }

[data-color*="theme-"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle::after,
[data-color*="theme-"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle.mega-dropdown::after {
    color: #ffffff !important;
}

[data-color*="theme-"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle:hover::after,
[data-color*="theme-"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle.mega-dropdown:hover::after {
    color: #ffffff !important;
}

[data-color*="theme-"].light-style .mega-dropdown .dropdown-menu {
    background: rgba(0,0,0,0.9) !important;
}

[data-color*="theme-"].light-style a.nav-link.mega-dropdown-link {
    color: #ffffff !important;
}

    [data-color*="theme-"].light-style a.nav-link.mega-dropdown-link:hover {
        color: #ffffff !important;
        font-weight: 500;
    }

[data-color*="theme-"].light-style li.nav-item.mega-nav-item:hover > a {
    color: #ffffff !important;
    font-weight: 500;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}*/

/* DevExtreme styling for all themes */
/*[data-color*="theme-"].light-style .dx-pager .dx-page-sizes .dx-selection,
[data-color*="theme-"].light-style .dx-pager .dx-pages .dx-selection,
[data-color*="theme-"].light-style .dx-pagination .dx-page-sizes .dx-selection,
[data-color*="theme-"].light-style .dx-pagination .dx-pages .dx-selection {
    font-weight: 500;
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}*/

/* Client text styling */
/*[data-color*="theme-"].light-style .client-text a h5 {
    color: var(--bs-primary) !important;
}*/

/* Additional Bootstrap components */
/*[data-color*="theme-"].light-style .badge.bg-primary {
    background-color: var(--bs-primary) !important;
}

[data-color*="theme-"].light-style .text-primary {
    color: var(--bs-primary) !important;
}

[data-color*="theme-"].light-style .bg-primary {
    background-color: var(--bs-primary) !important;
}

[data-color*="theme-"].light-style .border-primary {
    border-color: var(--bs-primary) !important;
}*/

/* Special case for yellow theme text contrast */
/*[data-color="theme-yellow"].light-style .text-primary {
    color: #ffc107 !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}*/

