/* ============================================
   Mobile Footer Fixes
   ============================================ */

/* Footer responsive improvements */
footer {
  overflow-x: hidden;
}

footer .container {
  overflow-x: hidden;
}

footer p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}

footer h4 {
  font-size: 14px !important;
  word-wrap: break-word;
}

@media (max-width: 768px) {
  footer {
    margin-top: 2rem !important;
  }

  footer .grid-3 {
    gap: 1.5rem !important;
  }

  footer p {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  footer h4 {
    font-size: 13px !important;
    margin-bottom: 0.75rem !important;
  }

  footer ul li {
    margin-bottom: 0.4rem !important;
  }

  footer ul li a {
    font-size: 13px !important;
  }
}

@media (max-width: 480px) {
  footer {
    margin-top: 1.5rem !important;
  }

  footer .container {
    padding: 1rem !important;
  }

  footer .py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  footer .grid-3 {
    gap: 1rem !important;
  }

  footer p {
    font-size: 12px !important;
    line-height: 1.5 !important;
    margin-bottom: 0.5rem !important;
  }

  footer h4 {
    font-size: 12px !important;
    margin-bottom: 0.5rem !important;
  }

  footer ul li {
    margin-bottom: 0.3rem !important;
  }

  footer ul li a {
    font-size: 12px !important;
  }

  /* Social icons */
  footer a[style*="font-size: 1.5rem"] {
    font-size: 1.2rem !important;
    margin: 0 0.3rem !important;
  }

  /* Copyright text */
  footer div[style*="text-align: center"] p {
    font-size: 11px !important;
  }
}