/* Mobile viewport overflow fixes for local Tatum mirror */

/* Hide Sign Up / Login in nav (PC + mobile menu) */
a.nav-button.trial,
a.nav-button.pricing,
a.site-nav_btnTrial__ty9Ql,
a.site-nav_btnLogin__07h_R,
.menu-right a[href*="dashboard.tatum.io/signup"],
.menu-right a[href*="dashboard.tatum.io/login"],
.site-nav_actions__als3k a[href*="dashboard.tatum.io/signup"],
.site-nav_actions__als3k a[href*="dashboard.tatum.io/login"],
.w-nav-menu a[href*="dashboard.tatum.io/signup"],
.w-nav-menu a[href*="dashboard.tatum.io/login"] {
  display: none !important;
}

html {
  overflow-x: hidden;
  max-width: 100%;
}

body {
  overflow-x: hidden;
  max-width: 100vw;
  position: relative;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
}

/* Logo marquee / client ticker — keep animation clipped */
.collection-list-wrapper-1,
.track-horizontal-alt,
.marquee_content_container_cms,
[class*="marquee"],
[class*="Marquee"] {
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Supported chains / protocol grids */
.section-protocols,
.supported-chains-container,
.collection-list-3,
.w-dyn-list {
  max-width: 100%;
  box-sizing: border-box;
}

.collection-list-3.w-dyn-items,
.collection-list-3 {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.collection-item-3,
.link-block-29 {
  max-width: 100%;
  box-sizing: border-box;
}

/* Promo banner */
.navbar-promo-banner-2,
.navbar-promo-banner,
[class*="promo-banner"] {
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

/* Nav open state on mobile */
@media screen and (max-width: 991px) {
  .w-nav,
  .navbar,
  .navbar-wrapper,
  .navigation-content,
  .menu.w-nav-menu,
  .w-nav-overlay {
    max-width: 100vw;
    box-sizing: border-box;
  }

  .w-nav-menu {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .menu-button.w-nav-button,
  .w-nav-button {
    flex-shrink: 0;
  }

  /* Prevent wide flex/grid children from expanding page */
  .padding-global,
  .w-layout-blockcontainer,
  .w-container {
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Hero / large headings */
  h1, .heading-1, [class*="hero"] {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  /* Tables / pre / code blocks */
  pre, code, table {
    max-width: 100%;
    overflow-x: auto;
  }

  /* Absolute/fixed decorative layers */
  .w-embed,
  [class*="background"],
  [class*="gradient"] {
    max-width: 100%;
  }
}

/* Extra-small phones */
@media screen and (max-width: 479px) {
  .link-block-29 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .collection-list-3 {
    gap: 8px;
  }
}