/* Emergency Responsive Fix */
/* Add this to ensure responsiveness works */

* {
  box-sizing: border-box !important;
}

html {
  -webkit-text-size-adjust: 100% !important;
  -ms-text-size-adjust: 100% !important;
  font-size: 16px !important;
}

html, body {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  /* padding-top is set in global.css for fixed navbar */
}

body {
  min-width: 320px !important;
}

img {
  max-width: 100% !important;
  height: auto !important;
}

/* Ensure containers don't overflow */
.container,
[class*="container"] {
  max-width: 100% !important;
}

/* Fix any fixed width elements */
[style*="width"] {
  max-width: 100% !important;
}

/* Ensure responsive images */
img, video, iframe {
  max-width: 100% !important;
  height: auto !important;
}

/* Mobile menu fix */
@media (max-width: 768px) {
  nav {
    width: 100% !important;
  }
  
  .md\:hidden {
    display: block !important;
  }
  
  .md\:block {
    display: none !important;
  }
}