.btn-primary {
  background-color: #198754 !important;
  border-color: #198754 !important;
}

.btn-primary:hover {
  background-color: #157347 !important;
  border-color: #157347 !important;
}

/* -------------------------------------------------
   CATEGORY MENU (left column) – same colours as .btn-primary
   ------------------------------------------------- */

/* Normal state */
.list-group-item {
    color: #fff !important;                     /* text colour */
    background-color: #198754 !important;       /* <-- YOUR PRIMARY BG */
    border-color: #198754 !important;
}

/* Hover & focus */
.list-group-item:hover,
.list-group-item:focus,
.list-group-item-action:hover,
.list-group-item-action:focus {
    color: #fff !important;
    background-color: #157347 !important;       /* <-- HOVER BG */
    border-color: #157347 !important;
    box-shadow: 0 0 0 0.25rem rgba(60,153,110,.5) !important;
}

/* Active (current category) */
.list-group-item.active,
.list-group-item-action.active {
    color: #fff !important;
    background-color: #146c43 !important;       /* <-- ACTIVE / PRESSED BG */
    border-color: #146c43 !important;
    box-shadow: 0 0 0 0.25rem rgba(60,153,110,.5) !important;
}

/* Optional: remove default Bootstrap rounded corners if you want a flat button look */
.list-group-item {
    border-radius: 0.375rem !important;   /* keep Bootstrap default */
}