/* ===========================
   Mobile Overrides for Home Made Wellness
   =========================== */

@media (max-width: 767px) {

  /* --- General Layout --- */
  body {
    font-size: 16px;
    line-height: 1.6;
    padding: 0 1rem; /* Add some breathing space */
  }

  h1, h2, h3 {
    line-height: 1.3;
    margin-bottom: 1rem;
  }

  h2 {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }

  p {
    margin-bottom: 1.25rem;
  }

  /* --- Grid / Columns --- */
  .row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* --- Navigation --- */
  .navbar {
    padding: 0.5rem 1rem;
  }

  .navbar-nav {
    text-align: center;
    margin-top: 1rem;
  }

  .navbar-nav .nav-link {
    display: block;
    padding: 0.75rem;
  }

  /* --- CTA Section --- */
  .cta-home h2 {
    font-size: 1.5rem;
    text-align: center;
  }

  .cta-home p {
    text-align: center;
  }

  .cta-home .sub-form {
    margin-top: 1.5rem;
  }

  .cta-home .btn {
    width: 100%;
    padding: 1rem;
    font-size: 1.1rem;
  }

  /* --- Forms --- */
  .form-control {
    font-size: 1rem;
    padding: 0.75rem;
    margin-bottom: 1rem;
  }

  /* --- Images --- */
  img, .img-fluid {
    max-width: 100%;
    height: auto;
  }

  /* --- Footer --- */
  footer {
    text-align: center;
    padding: 2rem 1rem;
  }

  footer .social-links {
    margin-top: 1rem;
  }

  footer .social-links a {
    margin: 0 0.5rem;
  }
}