/* styles/globals.css */

.tradingview-widget-copyright {
    font-size: 13px !important;
    line-height: 32px !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Trebuchet MS', Roboto, Ubuntu, sans-serif !important;
    color: #B2B5BE !important;
}

.tradingview-widget-copyright .blue-text {
    color: #2962FF !important;
}

.tradingview-widget-copyright a {
    text-decoration: none !important;
    color: #B2B5BE !important;
}

.tradingview-widget-copyright a:visited {
    color: #B2B5BE !important;
}

.tradingview-widget-copyright a:hover .blue-text {
    color: #1E53E5 !important;
}

.tradingview-widget-copyright a:active .blue-text {
    color: #1848CC !important;
}

.tradingview-widget-copyright a:visited .blue-text {
    color: #2962FF !important;
}


nextjs-portal {
    display: none;
  }

/* Prevent iOS/Android viewport rubber-band bounce and stutter at page bottom.
   We move scrolling to the app root container so the viewport never overscrolls. */
html, body {
    height: 100%;
    overscroll-behavior: none;            /* Modern browsers */
    overscroll-behavior-y: none;
}

/* Disable viewport scrolling; all scrolling happens inside #__next */
body {
    overflow: hidden;
}

/* Make the Next.js root the scrolling container */
#__next {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;    /* Smooth momentum scrolling on iOS without rubber-band */
    overscroll-behavior: contain;         /* Contain overscroll within #__next */
    overscroll-behavior-y: contain;
}

/* Preserve existing modal scroll-lock semantics:
   If any non-wallet modal is active, also lock #__next to prevent background scroll. */
html:has(.modal.is-active:not(.fl-wallet .modal.is-active)) #__next {
    overflow: hidden;
}