/* nav.css 
for bottom navigation bar styling for all pages */

/* Bottom navigation bar */

.bottom-nav {
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

/* Default icon and text color */
.bottom-nav a {
  color: #6b7280; /* gray-500 */
  transition: color 0.3s ease;
}

/* Hover color */
.bottom-nav a:hover {
  color: #4f46e5; /* indigo-600 */
}

/* Active button (current page) */
.bottom-nav a.active {
  color: #4f46e5;
  font-weight: 600;
}

/* Floating center button (Post) */
.bottom-nav .bg-amber-500 {
  transition: background-color 0.3s ease;
}

.bottom-nav .bg-amber-500:hover {
  background-color: #f59e0b; /* slightly darker amber */
}