/* Fix horizontal scroll - prevent page from scrolling horizontally */
/* while allowing running text animation to work properly */

/* Ensure body doesn't overflow */
body {
    overflow-x: hidden !important;
    max-width: 100vw;
}

/* Fix any potential overflow from main container */
.main-container {
    overflow-x: hidden;
    max-width: 100%;
}

/* Ensure header doesn't overflow */
.header-section {
    overflow-x: hidden;
    max-width: 100%;
}

/* Footer - allow text to scroll but prevent page scroll */
.footer-section {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* Running text - ensure full text is visible during animation */
/* Don't add max-width or overflow here - let it scroll naturally */

/* PWA install button container - hidden by default, shown by JavaScript when supported */
#pwa-install-btn-container {
    display: none;
}