/* REBUILD MOVEMENT — Mobile Fix */

@media (max-width: 768px) {
  .frame-border { display: none !important; }

  nav {
    padding: 8px 12px !important;
    height: auto !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
  }
  .nav-logo { font-size: 0.65rem !important; }
  .nav-logo img { width: 24px !important; height: 24px !important; }
  .nav-links { flex-wrap: wrap !important; gap: 2px 8px !important; width: 100% !important; }
  .nav-links a { font-size: 0.5rem !important; letter-spacing: 0.06em !important; white-space: nowrap !important; }

  .hero { padding: 130px 16px 50px !important; }
  .hero-sun, .hero-silhouette, .hero-strip { display: none !important; }
  .hero-wordmark { font-size: 15vw !important; }
  .hero-tagline h1 { font-size: 6vw !important; }
  .hero-ctas { flex-direction: column !important; align-items: center !important; gap: 10px !important; width: 100% !important; }
  .btn-primary, .btn-ghost { width: 100% !important; text-align: center !important; padding: 12px !important; font-size: 0.65rem !important; }

  section { padding: 50px 16px !important; }
  #about, .program-intro, .donate-grid, .contact-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  .program-cards { grid-template-columns: 1fr !important; }
  .partners-grid { grid-template-columns: 1fr 1fr !important; }
  .vision-three { grid-template-columns: 1fr !important; gap: 24px !important; }
  #vision { padding: 50px 16px !important; }
  .donate-box { padding: 24px 16px !important; }
  .section-title { font-size: 7vw !important; }
  .section-body { max-width: 100% !important; }

  footer { padding: 32px 16px !important; }
  .footer-inner { grid-template-columns: 1fr !important; gap: 28px !important; }
  .footer-bottom { flex-direction: column !important; gap: 8px !important; text-align: center !important; }

  /* THIS IS THE KEY FIX — overrides all inline style grids */
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="display: grid"] { grid-template-columns: 1fr !important; gap: 24px !important; }
  [style*="display:grid"] { grid-template-columns: 1fr !important; gap: 24px !important; }
}
/* Centre the Africa's Recovery tag */
.hero-tag {
  text-align: center !important;
  width: 100% !important;
}

/* Fix bank account number colour */
a[href^="tel"],
a[href^="mailto"],
.donate-field-value a,
.donate-field a {
  color: var(--copper-light) !important;
  text-decoration: none !important;
}
/* Centre the MOVEMENT sub-text */
.hero-sub {
  text-align: center !important;
  width: 100% !important;
  display: block !important;
}