/* Professional Footer Styling (Pre-auth pages) - migrated from common.css */
.footer {
  background: var(--navbar-bg-color, #0a1a33);
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Override Bootstrap helpers that might conflict on pre-auth footer */
.footer.bg-dark {
  background-color: var(--navbar-bg-color, #0a1a33) !important;
}
.footer.text-white {
  color: #fff !important;
}

.footer a,
.footer .text-light,
.footer .text-white {
  color: #fff !important;
}

.footer .text-muted {
  color: rgba(255, 255, 255, 0.7) !important;
}

.footer .social-link {
  color: #fff;
  opacity: 0.9;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.footer .social-link:hover {
  opacity: 1;
  transform: translateY(-1px);
  color: var(--accent-orange, #ffb300);
}

/* Container padding adjustments: reduce vertical, add mobile horizontal padding */
.footer .container {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

@media (max-width: 768px) {
  .footer .container {
    padding-left: 5vw !important;
    padding-right: 5vw !important;
    padding-top: 2rem !important;
    padding-bottom: 0.5rem !important;
  }

  /* Remove vertical padding from inner rows that use Bootstrap helpers */
  .footer .row[class*="pt-"] {
    padding-top: 0 !important;
  }
  .footer .row[class*="pb-"] {
    padding-bottom: 0 !important;
  }
}