/**
 * Overrides CSS
 * 
 * This file loads last after all compiled SCSS.
 * Add your custom CSS overrides here.
 */

/* Your custom overrides go here */

img, picture, video, iframe, svg {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}

/* Prevent long words/links from forcing horizontal scroll */
a, p, li {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}
/* Make sure structural containers can't exceed viewport */
html, body, #main, header, nav, footer, #primary-nav {
  max-width: 100%;
  box-sizing: border-box;
}

/* Ensure generic layout rows/containers include padding in width */
* { box-sizing: border-box; }

/* Small-screen safety: prevent tiny horizontal slip (use only if needed) */
@media (max-width: 480px) {
  body { overflow-x: hidden; } /* last resort: hides accidental overflow */
}