/*
 * Next.js + Bootstrap: baseline mobile behavior aligned with customlogoagency.com
 * (responsive.css already contains breakpoints — this only fills gaps.)
 */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Matches legacy custom.min (body overflow-x) — stops horizontal page scroll on small viewports */
body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Smooth momentum scrolling for horizontally scrollable tabs (see responsive.css @767) */
@media (max-width: 767.98px) {
  .portfolio-wrapper-grid-outer .nav-tabs,
  div#nav-tab {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
}

/* Media should never overflow the viewport width */
img,
video,
iframe,
svg {
  max-width: 100%;
  height: auto;
}