/* Compact Footer Styles */
footer {
  padding: 8px 45px !important;
  min-height: auto !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 30% !important;
  width: 70% !important;
  z-index: 100;
}

footer .footer-wrapper {
  max-width: 35em;
  margin: 0 auto;
  display: block;
}

footer p {
  margin-bottom: 0 !important;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Ensure content wrapper has proper bottom padding for fixed footer */
.content-wrapper {
  min-height: calc(100vh - 60px) !important;
  padding-bottom: 60px !important;
}

/* Mobile responsive adjustments */
@media (min-width: 768px) and (max-width: 1023px) {
  footer {
    left: 40% !important;
    width: 60% !important;
  }
}

@media (max-width: 767px) {
  footer {
    padding: 8px 20px !important;
    left: 0 !important;
    width: 100% !important;
    position: fixed !important;
  }
  
  .content-wrapper {
    min-height: calc(100vh - 50px) !important;
    padding-bottom: 50px !important;
  }
}