/* Footer Responsive Styles */

/* Mobile Footer Styles - Show/Hide Based on Screen Size */
@media screen and (max-width: 768px) {
  .desktop-footer {
    display: none !important;
  }
  
  .mobile-footer {
    display: block !important;
  }
}

@media screen and (min-width: 769px) {
  .desktop-footer {
    display: block !important;
  }
  
  .mobile-footer {
    display: none !important;
  }
}

/* Additional mobile optimizations */
@media screen and (max-width: 480px) {
  .mobile-footer {
    padding: 2rem 0.8rem 1.5rem !important;
  }
  
  .mobile-footer > div {
    padding: 0 0.5rem !important;
  }
  
  .mobile-footer h2 {
    font-size: 1.8rem !important;
    margin-bottom: 0.8rem !important;
  }
  
  .mobile-footer h3 {
    font-size: 1rem !important;
    margin-bottom: 0.8rem !important;
  }
  
  .mobile-footer ul li {
    margin-bottom: 0.6rem !important;
  }
  
  .mobile-footer a {
    font-size: 0.9rem !important;
  }
}