/* Mobile Bottom Navigation */ .mobile-bottom-nav { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: white; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); z-index: 1000; padding: 0.5rem 0; } @media (max-width: 768px) { .mobile-bottom-nav { display: flex; justify-content: space-around; align-items: center; } body { padding-bottom: 70px; } } .mobile-bottom-nav .nav-item { display: flex; flex-direction: column; align-items: center; padding: 0.5rem; color: #6b7280; text-decoration: none; font-size: 0.75rem; flex: 1; transition: all 0.2s; } .mobile-bottom-nav .nav-item i { font-size: 1.5rem; margin-bottom: 0.25rem; } .mobile-bottom-nav .nav-item:hover, .mobile-bottom-nav .nav-item.active { color: #1976d2; font-weight: 600; } /* Mobile Bottom Navigation */ .mobile-bottom-nav { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: white; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); z-index: 1000; padding: 0.5rem 0; } @media (max-width: 768px) { .mobile-bottom-nav { display: flex; justify-content: space-around; align-items: center; } body { padding-bottom: 70px; } } .mobile-bottom-nav .nav-item { display: flex; flex-direction: column; align-items: center; padding: 0.5rem; color: #6b7280; text-decoration: none; font-size: 0.75rem; flex: 1; transition: all 0.2s; } .mobile-bottom-nav .nav-item i { font-size: 1.5rem; margin-bottom: 0.25rem; } .mobile-bottom-nav .nav-item:hover, .mobile-bottom-nav .nav-item.active { color: #1976d2; font-weight: 600; }