<!--<section class="footer-section" style="background-color: #f8f9fa; padding: 15px 0; margin-top: 30px; font-size: 14px; color: #555; text-align: center;">-->
    <!-- <section class="footer-section" style="background-color: #f8f9fa; padding: 15px 0; margin-top: 30px; font-size: 14px; color: #555; text-align: center;  border:2px darkgrey;">

    <div class="container">
        <div class="row">
            <div class="col-md-12">
                &copy; 2025 Online Library Management System |
                <a href="https://www.bluebase.in/" target="_blank" style="color: #007bff; text-decoration: none; outline: none; box-shadow: none;">
                    Designed by: Bluebase Software Services
                </a>
            </div>
        </div>
    </div>
</section> -->
<!-- 
<footer class="bg-dark text-white text-center py-3 mt-auto">
  &copy; <?php echo date("Y"); ?> Library Management System
</footer> -->
<!-- Footer -->
<footer class="footer-custom text-center py-3 mt-auto">
  &copy; <?php echo date("Y"); ?> Library Management System |
  <a href="https://www.bluebase.in/" target="_blank">Designed by: Bluebase Software Services</a>
</footer>

<!-- Custom Footer CSS -->
<style>
.footer-custom {
  background-color: #ffffff;
  color: #333333;
  font-size: 14px;
  /* border-top: 3px solid #007bff; */
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
  letter-spacing: 0.4px;
}

.footer-custom a {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.footer-custom a:hover {
  color: #0056b3;
  text-decoration: underline;
}
</style>
