/* A.T. Global Consulting — Mobile safety patch
   Adds a few defensive rules on top of the existing design.
   Does not change colors, fonts, or layout structure. */

/* Prevent any accidental horizontal scrollbar on small phones */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Fix the iOS Safari "100vh is taller than the visible screen" issue
   in the hero section, so the hero doesn't force extra scrolling */
#hero {
  min-height: 100svh;
}

/* On very small phones, tighten the destination-photo grids from
   2 columns down to 1 so text/images aren't cramped */
@media (max-width: 380px) {
  #programs .grid-cols-2 {
    grid-template-columns: 1fr;
  }
}

/* Make sure long email addresses in the contact section wrap
   instead of overflowing on narrow screens */
#contact a[href^="mailto:"] {
  word-break: break-word;
}