/* Admin Sidebar Color Fixes */

/* MAIN MENU STYLING */
/* Main menu hover - better visibility */
.sidebar__menu .sidebar-menu-item>a:hover {
    background-color: #dee2e6 !important; /* Medium gray for good contrast */
    padding-left: 25px;
}

.sidebar__menu .sidebar-menu-item>a:hover .menu-icon {
    color: #000000 !important; /* Black text for maximum visibility */
}

.sidebar__menu .sidebar-menu-item>a:hover .menu-title {
    color: #000000 !important; /* Black text for maximum visibility */
}

/* Main menu active/selected - custom red color */
.sidebar__menu .sidebar-menu-item .side-menu--open,
.sidebar__menu .sidebar-menu-item.active>a {
    background-color: #AB2523 !important; /* Custom red color */
    color: white !important;
    border-left: 3px solid #8B1E1C !important; /* Darker version of red */
}

.sidebar__menu .sidebar-menu-item.active>a .menu-icon,
.sidebar__menu .sidebar-menu-item .side-menu--open .menu-icon {
    color: white !important;
}

.sidebar__menu .sidebar-menu-item.active>a .menu-title,
.sidebar__menu .sidebar-menu-item .side-menu--open .menu-title {
    color: white !important;
}

/* Main menu click feedback */
.sidebar__menu .sidebar-menu-item>a:active,
.sidebar__menu .sidebar-menu-item>a:focus {
    background-color: #8B1E1C !important; /* Darker red on click */
    color: white !important;
    outline: none;
    transform: translateY(1px); /* Subtle click feedback */
}

.sidebar__menu .sidebar-menu-item>a:active .menu-icon,
.sidebar__menu .sidebar-menu-item>a:focus .menu-icon,
.sidebar__menu .sidebar-menu-item>a:active .menu-title,
.sidebar__menu .sidebar-menu-item>a:focus .menu-title {
    color: white !important;
}

/* Dropdown arrow color for active main menu */
.sidebar__menu .sidebar-dropdown>a.side-menu--open::before {
    color: white !important;
    transform: rotate(180deg);
    top: 13px;
}

/* SUBMENU STYLING - KEEP ORIGINAL COLORS */
/* Do not override submenu colors - they should remain as original:
   - Active: #041079 background
   - Text: #4634ff color
   This section intentionally left empty to preserve original styling */

/* BACKGROUND VARIANTS */
.sidebar[class*='bg--'] .sidebar__menu .sidebar-menu-item>a:hover {
    background-color: #dee2e6 !important;
}

.sidebar[class*='bg--'] .sidebar__menu .sidebar-menu-item>a:hover .menu-icon,
.sidebar[class*='bg--'] .sidebar__menu .sidebar-menu-item>a:hover .menu-title {
    color: #000000 !important;
}

.sidebar[class*='bg--'] .sidebar__menu .sidebar-menu-item .side-menu--open {
    background-color: #AB2523 !important;
}

.sidebar[class*='bg--white'] .sidebar__menu .sidebar-menu-item>a:hover {
    background-color: #dee2e6 !important;
}

.sidebar[class*='bg--white'] .sidebar__menu .sidebar-menu-item>a:hover .menu-icon,
.sidebar[class*='bg--white'] .sidebar__menu .sidebar-menu-item>a:hover .menu-title {
    color: #000000 !important;
}

/* CAPSULE STYLING */
.capsule--block .sidebar-menu-item.active a,
.capsule--block .sidebar-menu-item.sidebar-dropdown .side-menu--open {
    border-left: 3px solid #8B1E1C !important;
    border-radius: 0;
    background-color: #AB2523 !important;
}

/* PILL VARIANTS */
.sidebar.pill--bg-1 .sidebar-menu-item .side-menu--open,
.sidebar.pill--bg-1 .sidebar-menu-item.active>a {
    background-color: #AB2523 !important;
}

/* TRANSITIONS */
.sidebar__menu .sidebar-menu-item>a {
    transition: all 0.2s ease-in-out !important;
}

.sidebar__menu .sidebar-menu-item .menu-icon,
.sidebar__menu .sidebar-menu-item .menu-title {
    transition: color 0.2s ease-in-out !important;
}

/* GENERAL CLICK FEEDBACK FOR OTHER ELEMENTS */
.btn:active,
.btn:focus {
    transform: translateY(1px) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    transition: box-shadow 0.2s ease-in-out !important;
}

.table tbody tr:hover {
    background-color: #f8f9fa !important;
    transition: background-color 0.2s ease-in-out !important;
}

.widget-card:active,
.nav-link:active,
.dropdown-item:active {
    transform: translateY(1px) !important;
    transition: transform 0.1s ease-in-out !important;
}