/* Custom CSS for mobile fixes */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.container-fix {
    max-width: 100%;
    overflow-x: hidden;
}

pre, code {
    white-space: pre-wrap;
    word-wrap: break-word;
    max-width: 100%;
    overflow-x: auto;
}

/* Mobile menu styles */
#mobile-menu {
    transition: all 0.3s ease-in-out;
}

.mobile-menu-hidden {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}

.mobile-menu-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}