/* Mobile wallet modal fixes */
@media (max-width: 768px) {
    /* Force wallet modal container to be full screen */
    #wallet-modal-container {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        z-index: 999999 !important;
    }
    
    /* Make the modal itself full screen */
    #wallet-modal-container #start-modal {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100vw !important;
        max-height: 100vh !important;
        transform: none !important;
        -webkit-transform: none !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Make the inner content container full screen */
    #wallet-modal-container #start-modal > div {
        max-width: 100vw !important;
        width: 100vw !important;
        height: 100vh !important;
        max-height: 100vh !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }
    
    /* Force single column layout on mobile */
    #wallet-modal-container #start-modal > div > div {
        display: block !important;
        flex-direction: column !important;
    }
    
    /* Make wallet list scrollable on mobile */
    #wallet-modal-container .start-modal-buttons-container {
        max-height: calc(100vh - 250px) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Hide any side panels or right sections on mobile */
    #wallet-modal-container #start-modal [class*="md:scwtw-basis-1/2"]:last-child {
        display: none !important;
    }
}