/*
 * Custom sidebar color swatches for the Appearance setting (admin/settings).
 * ColorAdmin's own `theme-*` classes don't touch the sidebar (they only recolor a generic
 * accent utility), so these override the sidebar's own --bs-app-sidebar-* CSS custom
 * properties directly. Applied as a class on #app alongside theme_color's class, same mechanism.
 * !important is used because the sidebar element itself carries a `[data-bs-theme=dark]`
 * attribute (see includes/sidebar.blade.php) which otherwise wins on specificity ties.
 */

.sidebar-navy .app-sidebar,
.sidebar-navy #sidebar-right,
.sidebar-navy #top-menu {
    --bs-app-sidebar-bg: #1b2838 !important;
    --bs-app-sidebar-bg-rgb: 27, 40, 56 !important;
    --bs-app-sidebar-profile-bg: #131c27 !important;
    --bs-app-sidebar-profile-bg-rgb: 19, 28, 39 !important;
    --bs-app-sidebar-component-active-bg: #131c27 !important;
    --bs-app-sidebar-minify-btn-bg: #172231 !important;
    --bs-app-sidebar-minify-btn-hover-bg: #131c27 !important;
    --bs-app-sidebar-menu-grid-bg: #131c27 !important;
    --bs-app-sidebar-menu-badge-bg: #131c27 !important;
    --bs-app-sidebar-menu-divider-bg: #131c27 !important;
    --bs-app-sidebar-float-submenu-bg: #131c27 !important;
}

.sidebar-forest .app-sidebar,
.sidebar-forest #sidebar-right,
.sidebar-forest #top-menu {
    --bs-app-sidebar-bg: #1e332a !important;
    --bs-app-sidebar-bg-rgb: 30, 51, 42 !important;
    --bs-app-sidebar-profile-bg: #16261f !important;
    --bs-app-sidebar-profile-bg-rgb: 22, 38, 31 !important;
    --bs-app-sidebar-component-active-bg: #16261f !important;
    --bs-app-sidebar-minify-btn-bg: #1a2c24 !important;
    --bs-app-sidebar-minify-btn-hover-bg: #16261f !important;
    --bs-app-sidebar-menu-grid-bg: #16261f !important;
    --bs-app-sidebar-menu-badge-bg: #16261f !important;
    --bs-app-sidebar-menu-divider-bg: #16261f !important;
    --bs-app-sidebar-float-submenu-bg: #16261f !important;
}

.sidebar-maroon .app-sidebar,
.sidebar-maroon #sidebar-right,
.sidebar-maroon #top-menu {
    --bs-app-sidebar-bg: #3b1f24 !important;
    --bs-app-sidebar-bg-rgb: 59, 31, 36 !important;
    --bs-app-sidebar-profile-bg: #2a161a !important;
    --bs-app-sidebar-profile-bg-rgb: 42, 22, 26 !important;
    --bs-app-sidebar-component-active-bg: #2a161a !important;
    --bs-app-sidebar-minify-btn-bg: #331b20 !important;
    --bs-app-sidebar-minify-btn-hover-bg: #2a161a !important;
    --bs-app-sidebar-menu-grid-bg: #2a161a !important;
    --bs-app-sidebar-menu-badge-bg: #2a161a !important;
    --bs-app-sidebar-menu-divider-bg: #2a161a !important;
    --bs-app-sidebar-float-submenu-bg: #2a161a !important;
}

.sidebar-deep-purple .app-sidebar,
.sidebar-deep-purple #sidebar-right,
.sidebar-deep-purple #top-menu {
    --bs-app-sidebar-bg: #2c2140 !important;
    --bs-app-sidebar-bg-rgb: 44, 33, 64 !important;
    --bs-app-sidebar-profile-bg: #201830 !important;
    --bs-app-sidebar-profile-bg-rgb: 32, 24, 48 !important;
    --bs-app-sidebar-component-active-bg: #201830 !important;
    --bs-app-sidebar-minify-btn-bg: #251c38 !important;
    --bs-app-sidebar-minify-btn-hover-bg: #201830 !important;
    --bs-app-sidebar-menu-grid-bg: #201830 !important;
    --bs-app-sidebar-menu-badge-bg: #201830 !important;
    --bs-app-sidebar-menu-divider-bg: #201830 !important;
    --bs-app-sidebar-float-submenu-bg: #201830 !important;
}

.sidebar-charcoal .app-sidebar,
.sidebar-charcoal #sidebar-right,
.sidebar-charcoal #top-menu {
    --bs-app-sidebar-bg: #23272b !important;
    --bs-app-sidebar-bg-rgb: 35, 39, 43 !important;
    --bs-app-sidebar-profile-bg: #1a1d20 !important;
    --bs-app-sidebar-profile-bg-rgb: 26, 29, 32 !important;
    --bs-app-sidebar-component-active-bg: #1a1d20 !important;
    --bs-app-sidebar-minify-btn-bg: #1f2226 !important;
    --bs-app-sidebar-minify-btn-hover-bg: #1a1d20 !important;
    --bs-app-sidebar-menu-grid-bg: #1a1d20 !important;
    --bs-app-sidebar-menu-badge-bg: #1a1d20 !important;
    --bs-app-sidebar-menu-divider-bg: #1a1d20 !important;
    --bs-app-sidebar-float-submenu-bg: #1a1d20 !important;
}

.sidebar-brown .app-sidebar,
.sidebar-brown #sidebar-right,
.sidebar-brown #top-menu {
    --bs-app-sidebar-bg: #3a2e22 !important;
    --bs-app-sidebar-bg-rgb: 58, 46, 34 !important;
    --bs-app-sidebar-profile-bg: #2b2219 !important;
    --bs-app-sidebar-profile-bg-rgb: 43, 34, 25 !important;
    --bs-app-sidebar-component-active-bg: #2b2219 !important;
    --bs-app-sidebar-minify-btn-bg: #33291d !important;
    --bs-app-sidebar-minify-btn-hover-bg: #2b2219 !important;
    --bs-app-sidebar-menu-grid-bg: #2b2219 !important;
    --bs-app-sidebar-menu-badge-bg: #2b2219 !important;
    --bs-app-sidebar-menu-divider-bg: #2b2219 !important;
    --bs-app-sidebar-float-submenu-bg: #2b2219 !important;
}

.sidebar-deep-teal .app-sidebar,
.sidebar-deep-teal #sidebar-right,
.sidebar-deep-teal #top-menu {
    --bs-app-sidebar-bg: #1c3333 !important;
    --bs-app-sidebar-bg-rgb: 28, 51, 51 !important;
    --bs-app-sidebar-profile-bg: #142626 !important;
    --bs-app-sidebar-profile-bg-rgb: 20, 38, 38 !important;
    --bs-app-sidebar-component-active-bg: #142626 !important;
    --bs-app-sidebar-minify-btn-bg: #182c2c !important;
    --bs-app-sidebar-minify-btn-hover-bg: #142626 !important;
    --bs-app-sidebar-menu-grid-bg: #142626 !important;
    --bs-app-sidebar-menu-badge-bg: #142626 !important;
    --bs-app-sidebar-menu-divider-bg: #142626 !important;
    --bs-app-sidebar-float-submenu-bg: #142626 !important;
}