/* Mobile Fix CSS - Add this to all pages */
@media (max-width: 768px) {
    /* Force all text to wrap */
    .caption-box, .share-card, .link-code, 
    .store-link-url, .store-link-url a, 
    .link-container code, .whatsapp-btn {
        word-break: break-all !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        max-width: 100% !important;
    }
    
    /* Make buttons full width */
    .copy-btn, .share-btn, .copy-caption-btn {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        margin-top: 0.5rem !important;
    }
    
    /* Stack link container */
    .link-container {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    /* Smaller text for captions */
    .caption-box {
        font-size: 11px !important;
        line-height: 1.4 !important;
    }
    
    /* Fix store link */
    .store-link-url a {
        font-size: 10px !important;
        display: inline-block !important;
    }
    
    /* Fix header */
    .app-header-content, nav {
        flex-direction: column !important;
        text-align: center !important;
    }
    
    .nav-links {
        justify-content: center !important;
    }
    
    /* Fix cards */
    .share-card, .store-link-card {
        padding: 8px !important;
    }
    
    /* Fix welcome card */
    .welcome-card {
        padding: 12px !important;
    }
    
    .welcome-title {
        font-size: 1rem !important;
    }
}