.btn-primary
{
    background-color: #f5a623 !important;
    border-color: #f5a623 !important;
}
.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus, .pagination li.active > a:not(.page-link), .pagination li.active > a:not(.page-link):hover, .pagination li.active > a:not(.page-link):focus {
    border-color: #f5a623 !important;
    background-color: #f5a623 !important;
}

/* Active state for vertical menu items */
.menu-vertical .menu-item.active > .menu-link {
    color: #f5a623 !important;
}
.menu-vertical .menu-item.active > .menu-link .menu-icon {
    color: #f5a623 !important;
}

/* Keep hover/focus consistent on active */
.menu-vertical .menu-item.active > .menu-link:hover,
.menu-vertical .menu-item.active > .menu-link:focus {
    color: #f5a623 !important;
}

/* Active state inside submenu */
.menu-vertical .menu-sub .menu-item.active > .menu-link {
    color: #f5a623 !important;
}

/* Optional: emphasize open parent toggle color when a child is active */
.menu-vertical .menu-item.open.active > .menu-link.menu-toggle,
.menu-vertical .menu-item.open > .menu-link.menu-toggle {
    color: #f5a623 !important;
}

/* Match template selectors for active background and indicator */
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
    background-color: rgba(245, 166, 35, 0.16) !important; /* soft orange highlight */
    color: #f5a623 !important;
}
.bg-menu-theme .menu-inner > .menu-item.active:before {
    background: #f5a623 !important; /* vertical indicator bar */
}
.bg-menu-theme .menu-inner .menu-sub > .menu-item.active .menu-icon {
    color: #f5a623 !important;
}
.bg-menu-theme .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle):before {
    background-color: #f5a623 !important; /* bullet indicator in submenu */
    border: 3px solid rgba(245, 166, 35, 0.15) !important; /* subtle ring matching theme */
}