/* NUCLEAR MOBILE OVERRIDES - MORE AGGRESSIVE */
@media (max-width: 768px) {
  /* RESET ALL THE THINGS */
  .mission-vision-grid,
  section .mission-vision-grid,
  .section .mission-card,
  .section .vision-card,
  body .mission-vision-grid,
  html .mission-vision-grid {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    grid-template-columns: unset !important;
  }
  
  .program-card,
  section .program-card,
  body .program-card,
  html .program-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }
  
  .program-image,
  section .program-image,
  body .program-image,
  html .program-image {
    width: 100% !important;
    height: auto !important;
    order: -1 !important;
    display: block !important;
  }
  
  .program-content,
  section .program-content,
  body .program-content,
  html .program-content {
    width: 100% !important;
    order: 1 !important;
    display: block !important;
  }
  
  /* GLOBAL MOBILE RESET */
  html, body {
    width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  
  /* KILL ALL GRID ON MOBILE */
  .mission-vision-grid,
  .values-grid,
  .special-grid,
  .facilities-grid,
  .activities-grid,
  .extra-grid,
  .features-grid,
  .welcome-grid,
  .news-container {
    display: block !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
  
  /* CARDS MUST BE VERTICAL */
  .mission-card,
  .vision-card,
  .value-card,
  .special-item,
  .facility-card,
  .activity-card,
  .extra-card,
  .feature-card {
    width: 100% !important;
    display: block !important;
  }

  /* Contact Info Mobile Fixes */
  .contact-info-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 1rem !important;
    margin: 0 auto 2rem auto !important;
  }

  .info-cards {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    width: 100% !important;
  }

  .info-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    padding: 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .info-icon {
    min-width: 40px !important;
    margin-right: 1rem !important;
    margin-bottom: 0 !important;
  }

  .info-details {
    flex: 1 !important;
    min-width: 0 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .info-details h3 {
    font-size: 1rem !important;
    margin-bottom: 0.5rem !important;
  }

  .info-details p {
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
    margin-bottom: 0.25rem !important;
  }

  .info-details a {
    color: var(--primary) !important;
    word-break: break-all !important;
  }
}