.maeveport-footer-site-footer {
  background-color: #000000;
  color: #e0e0e0; /* Light grey for better readability than pure white */
  padding: 2rem 1rem;
  text-align: center; /* Default text alignment */
  margin-top: auto; /* Pushes footer to the bottom if content is short */
}

.maeveport-footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem; /* Increased gap for better separation */
}

.maeveport-footer-copyright {
  font-size: 0.875rem;
  /* Order for mobile - will be overridden for desktop if needed, but default is fine */
}

.maeveport-footer-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap; /* Allows links to wrap */
  justify-content: center; /* Centers links when they wrap */
  gap: 1rem 1.5rem; /* Row gap and column gap */
}

.maeveport-footer-nav a {
  color: inherit;
  text-decoration: none;
  font-size: 0.875rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  /* Common breakpoint for tablets/mobiles */
  /* .maeveport-footer-content is already column, so no change needed here */

  .maeveport-footer-nav {
    order: 1; /* Nav appears first */
    width: 100%; /* Allow nav to take full width for left alignment of its items */
  }

  .maeveport-footer-copyright {
    order: 2; /* Copyright appears at the bottom */
    margin-top: 1rem; /* Add some space if nav wraps to two lines */
    /* Copyright remains centered by default due to .maeveport-footer-site-footer text-align: center */
  }

  .maeveport-footer-nav ul {
    gap: 0.75rem 1rem; /* Slightly smaller gap for mobile links */
    justify-content: flex-start; /* Align links to the left on mobile */
  }
}

/* Desktop specific adjustments */
@media (min-width: 769px) {
  .maeveport-footer-content {
    flex-direction: row; /* Copyright and Nav on the same line */
    justify-content: center; /* Center the copyright and nav group */
    align-items: center; /* Vertically align them */
    /* gap: 1.5rem; */ /* Retain original gap for desktop */
  }

  .maeveport-footer-copyright {
    order: 1; /* Copyright first on desktop */
    margin-top: 0; /* Reset mobile margin */
    text-align: left; /* Keep copyright text left-aligned within its block */
  }

  .maeveport-footer-nav {
    order: 2; /* Nav second on desktop */
    /* width: auto; */ /* Allow nav to take its content width */
  }

  .maeveport-footer-nav ul {
    justify-content: flex-start; /* Align links to the start of the nav block (which is to the right of copyright) */
    /* gap: 1rem 1.5rem; */ /* Retain original desktop gap */
  }
}