/* Base Body Styling */
body {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background: #f2fbf4; /* light mint green background */
}

/* Page Wrapper Flex Structure */
.page-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Main Content Area */
main {
  flex: 1 0 auto;
  padding: 80px 20px 40px;
}

/* Footer Styling */
footer {
  flex-shrink: 0;
  background-color: #2e7d32; /* forest green */
  color: white;
  padding: 25px 15px;
}

footer a {
  color: #c8facc; /* soft mint */
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

/* Navbar Customization (Bootstrap override) */
.bg-primary {
  background-color: #2e7d32 !important; /* override Bootstrap's default primary */
}

.navbar-dark .navbar-nav .nav-link {
  color: #ffffff;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #c8facc;
}

.navbar-dark .navbar-nav .nav-link.active {
  color: #a5d6a7;
  font-weight: bold;
  text-decoration: underline;
}

/* Navbar Brand Logo */
.navbar-brand img {
  max-height: 40px;
}

/* Responsive Navbar Border for Mobile */
@media (max-width: 767.98px) {
  .navbar {
    border: 2px solid #388e3c; /* medium green */
    background-color: #2e7d32;
  }
}