.navbar-nav .nav-link.active {
	font-weight: bold !important;
	color: #6666ff !important; /* Change to a high-contrast color */
	/* background-color: #222 !important; */ /* Optional: Add background color */
	border-bottom: 2px solid #6666ff !important; /* Optional: Add underline */
}
.btn-light:hover {
	background-color: #ADD8E6 !important;
	color: #000 !important;
}
.table-tight {
	line-height: 1;
}
.table-tight thead tr { background-color:#ADD8E6; }
.table-tight td, .table-tight th {
	padding: 4px;
	margin: 0;
}

.category-grid {
	display: grid;
	/* grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); */
	grid-template-columns: repeat(auto-fit, minmax(7rem, 10rem));
	justify-content: center;
	gap: 10px;
}

.category {
	display: inline-block;
	border: 1px solid #ccc;
	background-color: white;
	transition: background-color 0.3s;
	min-height: 100%; /* Adjust as needed */
	text-align: center;
/*
	justify-content: center;
	align-items: stretch;
*/
}

.category a {
	text-decoration: none;
	color: black;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center; /* Center horizontally */
	justify-content: top; /* Align contents to the top */
	gap: 5px;
	padding: 10px;
}

.category a img {
	display: inline;
	max-height: 64px;
	max-width: 64px;
}

.category:hover {
	background-color: #ADD8E6;
}

.category i {
	font-size: 24px;
}