﻿[data-color="theme-yellow"].light-style {
    --bs-primary: #ffc107 !important;
    --bs-primary-rgb: 255, 193, 7 !important;
    --bs-primary-text-emphasis: #664d03 !important;
    --bs-primary-bg-subtle: #fff3cd !important;
    --bs-primary-border-subtle: #ffe69c !important;
}

    /* Page Title */
    [data-color="theme-yellow"].light-style .page-title {
        color: #ffc107;
    }

    [data-color="theme-yellow"].light-style .page-title-0 {
        color: #cc9a06;
        background: linear-gradient(to top, #cc9a06 1%, var(--bs-card-bg) 8%);
    }

    /* Horizontal Menu Styling */
    [data-color="theme-yellow"].light-style .bg-menu-theme.menu-horizontal {
        background-color: #ffc107 !important;
        color: #212529 !important;
    }

        [data-color="theme-yellow"].light-style .bg-menu-theme.menu-horizontal .menu-link {
            color: #212529 !important;
        }

            [data-color="theme-yellow"].light-style .bg-menu-theme.menu-horizontal .menu-link:hover {
                background-color: #ffcd39 !important;
                color: #212529 !important;
            }

            [data-color="theme-yellow"].light-style .bg-menu-theme.menu-horizontal .menu-link.active {
                background-color: #ffca2c !important;
                color: #212529 !important;
            }

            /* Dropdown Toggle Styling */
            [data-color="theme-yellow"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle:hover {
                background-color: #ffcd39 !important;
                color: #212529 !important;
            }

                [data-color="theme-yellow"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle:hover span {
                    color: #212529 !important;
                }

            /* Dropdown Arrow Colors */
            [data-color="theme-yellow"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle::after,
            [data-color="theme-yellow"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle.mega-dropdown::after {
                color: #212529 !important;
            }

            [data-color="theme-yellow"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle:hover::after,
            [data-color="theme-yellow"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle.mega-dropdown:hover::after {
                color: #212529 !important;
            }

            /* Mega Dropdown Styling */
            [data-color="theme-yellow"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle.mega-dropdown:hover {
                background-color: #ffcd39 !important;
                color: #212529 !important;
            }

        [data-color="theme-yellow"].light-style .bg-menu-theme.menu-horizontal .menu-item.mega-dropdown.active a {
            background-color: #d39e00 !important;
            color: #212529 !important;
        }

            [data-color="theme-yellow"].light-style .bg-menu-theme.menu-horizontal .menu-item.mega-dropdown.active a:hover {
                background-color: #ffca2c !important;
                color: #212529 !important;
            }

    [data-color="theme-yellow"].light-style .mega-dropdown .dropdown-menu {
        background: #d39e00 !important;
    }

    [data-color="theme-yellow"].light-style a.nav-link.mega-dropdown-link {
        color: #212529 !important;
    }

        [data-color="theme-yellow"].light-style a.nav-link.mega-dropdown-link:hover {
            color: #212529 !important;
        }

    [data-color="theme-yellow"].light-style li.nav-item.mega-nav-item:hover > a {
        color: #212529 !important;
        font-weight: 500;
        text-shadow: 0 1px 1px rgba(33, 37, 41, 0.3);
    }

    /* Bootstrap Button Override */
    [data-color="theme-yellow"].light-style .btn-primary {
        --bs-btn-color: #212529;
        --bs-btn-bg: #ffc107;
        --bs-btn-border-color: #ffc107;
        --bs-btn-hover-color: #212529;
        --bs-btn-hover-bg: #ffca2c;
        --bs-btn-hover-border-color: #ffc720;
        --bs-btn-focus-shadow-rgb: 255, 193, 7;
        --bs-btn-active-color: #212529;
        --bs-btn-active-bg: #ffcd39;
        --bs-btn-active-border-color: #ffc720;
        background-color: #ffc107 !important;
        border-color: #ffc107 !important;
        color: #212529 !important;
    }

        [data-color="theme-yellow"].light-style .btn-primary:hover,
        [data-color="theme-yellow"].light-style .btn-primary:focus {
            color: #212529 !important;
            background-color: #ffca2c !important;
            border-color: #ffc720 !important;
            box-shadow: 0 0.125rem 0.25rem rgba(255, 193, 7, 0.075), 0 0 0 0.2rem rgba(255, 193, 7, 0.25) !important;
        }

        [data-color="theme-yellow"].light-style .btn-primary:active {
            color: #212529 !important;
            background-color: #ffcd39 !important;
            border-color: #ffc720 !important;
        }

    /* Nav Pills Override */
    [data-color="theme-yellow"].light-style .nav-pills .nav-link.active,
    [data-color="theme-yellow"].light-style .nav-pills .nav-link.active:hover,
    [data-color="theme-yellow"].light-style .nav-pills .nav-link.active:focus {
        background-color: #ffc107 !important;
        color: #212529 !important;
    }

    /* DevExtreme Pagination Override */
    [data-color="theme-yellow"].light-style .dx-pager .dx-page-sizes .dx-selection,
    [data-color="theme-yellow"].light-style .dx-pager .dx-pages .dx-selection,
    [data-color="theme-yellow"].light-style .dx-pagination .dx-page-sizes .dx-selection,
    [data-color="theme-yellow"].light-style .dx-pagination .dx-pages .dx-selection {
        font-weight: 500;
        background-color: #ffc107 !important;
        color: #212529 !important;
    }

    /* Client Text Links */
    [data-color="theme-yellow"].light-style .client-text a h5 {
        color: #ffc107 !important;
    }

    /* Additional Bootstrap Component Overrides */
    [data-color="theme-yellow"].light-style .badge.bg-primary {
        background-color: #ffc107 !important;
    }

    [data-color="theme-yellow"].light-style .alert-primary {
        --bs-alert-color: #664d03;
        --bs-alert-bg: #fff3cd;
        --bs-alert-border-color: #ffe69c;
    }

    [data-color="theme-yellow"].light-style .btn-outline-primary {
        --bs-btn-color: #ffc107;
        --bs-btn-border-color: #ffc107;
        --bs-btn-hover-color: #212529;
        --bs-btn-hover-bg: #ffc107;
        --bs-btn-hover-border-color: #ffc107;
        --bs-btn-active-color: #212529;
        --bs-btn-active-bg: #ffc107;
        --bs-btn-active-border-color: #ffc107;
    }

    [data-color="theme-yellow"].light-style .text-primary {
        color: #ffc107 !important;
    }

    [data-color="theme-yellow"].light-style .bg-primary {
        background-color: #ffc107 !important;
    }

    [data-color="theme-yellow"].light-style .border-primary {
        border-color: #ffc107 !important;
    }

    [data-color="theme-yellow"].light-style .menu-head-name {
        color: #664d03 !important;
        border-bottom: 2px solid #ffc107;
        padding-bottom: 0.5rem;
        margin-bottom: 1rem;
        font-weight: 600;
    }