/* Custom site overrides */

/* Override Bootstrap's bg-info badge color to a warmer tone and ensure readable text */
.badge.bg-info,
.badge.bg-info.text-dark {
  background-color: #755AA0 !important; /* amber */ 
  color: #FFFFFF !important; /* dark text for contrast */
 /* color: #212529 
}

/* Optional: subtle shadow for badges to lift them slightly */
.badge {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* Slightly smaller font for the project table to improve density */
/* Target Grid.js table inside our projects grid and force a slightly smaller font */
#projects-grid .gridjs-wrapper .gridjs-table,
#projects-grid .gridjs-wrapper .gridjs-table th,
#projects-grid .gridjs-wrapper .gridjs-table td {
  font-size: 0.9rem !important;
  line-height: 1.15 !important;
}

/* Fallback: force font-size on the grid container and all children to override theme rules */
#projects-grid, #projects-grid .gridjs-wrapper, #projects-grid .gridjs-wrapper * {
  font-size: 0.9rem !important;
}